1.7 KiB
1.7 KiB
Rebuild homepage from frontend prototype
Goal
Recreate the existing frontend prototype homepage in the new Next.js project. The first pass only needs the UI to match the prototype homepage; navigation targets and event handlers may exist as placeholders without business logic.
Source Prototype
frontend/src/app/(marketing)/page.tsxfrontend/src/app/(marketing)/layout.tsxfrontend/src/components/marketing/header.tsxfrontend/src/components/marketing/footer.tsxfrontend/src/components/marketing/reveal.tsxfrontend/src/app/globals.css
Requirements
- Replace the default create-next-app homepage with the StoreAI marketing homepage.
- Preserve the prototype's visible sections:
- Sticky marketing header.
- Hero section with primary and secondary CTAs.
- Stats strip.
- Problem cards.
- Solution cards.
- Report preview section.
- How-it-works steps.
- Pricing teaser.
- FAQ teaser.
- Final CTA.
- Footer.
- Keep the implementation UI-only for now.
- Use existing dependencies where possible;
lucide-reactis already installed in the new project. - Ensure the page builds in the current Next.js project.
Non-Goals
- Do not port authentication, i18n, dashboard, billing, onboarding, API routes, or backend logic.
- Do not implement real CTA behavior beyond normal links/placeholders.
- Do not rewrite the whole application structure yet.
Acceptance Criteria
- Visiting
/shows the StoreAI homepage instead of the default starter page. - The layout, copy, icons, cards, and page rhythm visually match the prototype homepage closely.
- The current project builds successfully with
npm run buildor the available build command.