ZacharyZhang-NY
c0f677ccc9
- navbar: sticky, transparent to blur-on-scroll, wordmark + mono nav links + theme toggle + Download CTA, Reicon Menu/Xmark icons (components/layout) - theme-toggle: Reicon Sun/Moon icons - hero: meadow badge, tight Instrument Sans headline, Download + How-it-works CTAs, availability line, framed dashboard shot (components/sections) - features: five stacked heading-over-panel sections mapping the org chart, office, messages, connectors and cost-control screens - ui/media-frame: shared framed product-shot panel - reveal: progressive enhancement — content is visible without JS and only hidden once the js class is present, then revealed on scroll - remove the superseded flat navbar/hero/features components Verified: next build green; desktop + mobile screenshots reviewed.
35 lines
1006 B
TypeScript
35 lines
1006 B
TypeScript
import { DownloadSection } from "../components/download-section";
|
|
import { FAQ } from "../components/faq";
|
|
import { Features } from "../components/sections/features";
|
|
import { Footer } from "../components/footer";
|
|
import { Hero } from "../components/sections/hero";
|
|
import { HowItWorks } from "../components/how-it-works";
|
|
import { Navbar } from "../components/layout/navbar";
|
|
import { RuntimesBar } from "../components/runtimes-bar";
|
|
|
|
export default function Page() {
|
|
return (
|
|
<>
|
|
<a
|
|
href="#main"
|
|
className="sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-[100] focus:px-4 focus:py-2 focus:rounded-lg focus:bg-[var(--accent)] focus:text-[var(--text-on-accent)] focus:text-sm focus:font-medium"
|
|
>
|
|
Skip to content
|
|
</a>
|
|
|
|
<Navbar />
|
|
|
|
<main id="main">
|
|
<Hero />
|
|
<RuntimesBar />
|
|
<Features />
|
|
<HowItWorks />
|
|
<FAQ />
|
|
<DownloadSection />
|
|
</main>
|
|
|
|
<Footer />
|
|
</>
|
|
);
|
|
}
|