ZacharyZhang-NY
8f1a5f1f4e
Close the flat-vs-adaline gap by adding depth and motion to our product shots: - bento: replace the flat stacked features with a varied 12-column grid (org chart, cost, office, messages, connectors, plus a local-first highlight card), each with a corner glow and hover - showcase: a dark aurora "Set the goal" statement band (Newsreader serif over a drifting northern-lights glow) for a light -> dark -> light rhythm - hero + footer: aurora glow staging behind the dashboard and under the CTA - ui/aurora + globals: mint/teal/lime drift-animated glow tokens - remove the superseded flat feature components e2e green (12 passed); build verified.
37 lines
1.1 KiB
TypeScript
37 lines
1.1 KiB
TypeScript
import { Bento } from "../components/sections/bento";
|
|
import { DownloadSection } from "../components/sections/download-section";
|
|
import { FAQ } from "../components/sections/faq";
|
|
import { Footer } from "../components/layout/footer";
|
|
import { Hero } from "../components/sections/hero";
|
|
import { HowItWorks } from "../components/sections/how-it-works";
|
|
import { Navbar } from "../components/layout/navbar";
|
|
import { Runtimes } from "../components/sections/runtimes";
|
|
import { Showcase } from "../components/sections/showcase";
|
|
|
|
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 />
|
|
<Runtimes />
|
|
<Bento />
|
|
<Showcase />
|
|
<HowItWorks />
|
|
<FAQ />
|
|
<DownloadSection />
|
|
</main>
|
|
|
|
<Footer />
|
|
</>
|
|
);
|
|
}
|