首页
This commit is contained in:
45
.trellis/tasks/05-07-rebuild-homepage/prd.md
Normal file
45
.trellis/tasks/05-07-rebuild-homepage/prd.md
Normal file
@@ -0,0 +1,45 @@
|
||||
# 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.
|
||||
Reference in New Issue
Block a user