Project Role:

Act as a Senior Frontend Developer and UI/UX Designer. Build a high-converting, aesthetic landing page for a premium hardware product called "Morning Song".

Product Description:

Morning Song is an AI-powered alarm clock made of wood and e-ink that composes a unique song every morning and displays time using lyrics instead of numbers.

Tech Stack:

• React
• Tailwind CSS
• Lucide React (Icons)
• Font: 'Playfair Display' (Serif) for headings, 'Inter' (Sans) for body.

1. Design System & Styling

• Background: Off-white "Paper" color: #F9F7F2.
• Text: Dark Grey "Ink": #2C2C2C.
• Color Palette (Wood Tones):
  • Wood-100: #F3E5D8 (Lightest)
  • Wood-600: #8B6441 (Medium)
  • Wood-900: #3E2921 (Darkest/Black replacement)
  • Accent: Green-500 (for status indicators).
• Aesthetic: Warm, organic, minimalist, tech-meets-nature. Use rounded corners (xl or 2xl).

2. Layout & Components

A. Navigation (Navbar)

• Fixed to top. Transparent initially, becomes white (bg-white/80) with backdrop blur when scrolling down.
• Logo: Serif font "Morning Song".
• Links: Vision, Specs, Reviews.
• CTA: "Pre-order $199" (Pill-shaped, Dark Wood background, White text).