Files
store_ai_front/.trellis/tasks/05-07-rebuild-homepage/prd.md
2026-05-07 16:14:31 +08:00

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.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.