46 lines
1.7 KiB
Markdown
46 lines
1.7 KiB
Markdown
# 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.tsx`
|
|
- `frontend/src/app/(marketing)/layout.tsx`
|
|
- `frontend/src/components/marketing/header.tsx`
|
|
- `frontend/src/components/marketing/footer.tsx`
|
|
- `frontend/src/components/marketing/reveal.tsx`
|
|
- `frontend/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-react` is 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 build` or the available build command.
|