sunny-website

As a frontend developer, I want to implement the Services page based on the existing JSX design (v2) so that users and guests can explore all CFO service offerings in detail. The page includes: NavBar (Services active state), ServicesHero (page header with eyebrow, headline highlighting 'Every Stage of Growth' in Golden Yellow, breadcrumb), ServicesOverview (sticky anchor nav pills for 4 service sections), FractionalCFO (detail section with deliverables list and animated compass card), FinancialStrategyPlanning (reversed layout with animated chart), FundraisingCapitalAdvisory (binoculars illustration), MAndATransactionSupport (animated helm wheel), ServiceComparison (engagement model comparison cards with 'Most Popular' badge), EngagementProcess (4-step animated stepper), ServicesFAQ (accordion), ServicesCallToAction (gradient CTA band), Footer. Smooth-scroll anchor navigation between service sections.

As a frontend developer, I want to implement the Login page based on the existing JSX design (v2) so that admins can sign in to the dashboard to manage content and inquiries. The page features the Windward Mark branding, email/password form fields with teal focus states, 'Sign In' CTA button in Ocean Teal, and error state handling. On successful authentication redirects to the Admin Dashboard. Entry point for the Admin user flow.

As a frontend developer, I want to implement the Contact page based on the existing JSX design (v2) so that users can request consultations and submit inquiries. The page includes: NavBar (Contact active state), ContactHero (compact hero with binoculars icon, animated wave divider), ContactForm (full-featured form: Full Name, Company Name, Email, Phone, Service Interest dropdown, Message textarea; Golden Yellow submit CTA; animated success state), ContactInfo (right panel with email/phone/location cards, 'Book a Discovery Call' block, social links), WhyContactUs (3-column reassurance strip), FAQ (5-item accordion), MapBand (decorative US map band), Footer. Form connects to backend contact submission API.

As a frontend developer, I want to implement the About page based on the existing JSX design (v2) so that users can learn about Windward Mark's background, expertise, and team. The page conveys the firm's nautical-inspired story, 15+ years of CFO experience, and the mission statement. Includes NavBar (About active state), AboutHero, MissionStatement, TeamExpertise, CompanyTimeline or Journey section, ValuesSection, and Footer. Connects from Home NauticalDashboard sails instrument and Home CTAs. Links outward to Services and Contact pages.

As a frontend developer, I want to implement the Home page based on the existing JSX design (v2) so that visitors can view Windward Mark's mission, value proposition, and interactive nautical dashboard. The page includes: NavBar (sticky glassmorphism), Hero (full-viewport with animated background, headline, dual CTAs, scroll cue), NauticalDashboard (interactive compass/sails/binoculars instruments navigating to /services, /about, /contact), ValueProposition (3-column pillars), ServicesPreview (4-card grid), HowWeWork (4-step process stepper), TrustSignals (horizontal credibility band), Testimonials (auto-rotating carousel), CallToAction (teal-to-navy gradient CTA band), and Footer. Animated background with navy-to-teal gradient, SVG wave layer, and particle effects belongs on the page root.

As a backend developer, I want to implement admin inquiry management API endpoints so that admins can view, update, and manage contact form submissions via the Dashboard. Create FastAPI endpoints: GET /api/admin/inquiries (list all with filters/pagination), GET /api/admin/inquiries/{id} (detail), PATCH /api/admin/inquiries/{id} (update status: new/read/archived), DELETE /api/admin/inquiries/{id}. All endpoints require JWT authentication. Return paginated JSON responses.

As a frontend developer, I want to implement the Admin Dashboard page based on the existing JSX design (v2) so that admins can view and manage contact form inquiries and submissions. The page includes: sidebar navigation, inquiry list view with submission details, manage submissions workflow (mark as read, reply, archive), and quick-access links to edit Home, Services, and About content pages. Connects from Login and links to the Pages editor section. Requires authentication guard — unauthenticated users redirected to Login.

As a frontend developer, I want to audit and optimize all public-facing pages (Home, Services, About, Contact) for performance and ADA accessibility so that the site loads within 3 seconds and complies with accessibility standards. Tasks include: lazy loading for images and heavy sections, code splitting per page route, adding ARIA labels and roles to interactive elements (NauticalDashboard instruments, accordion items, carousel controls), ensuring minimum 4.5:1 color contrast ratios, keyboard navigation support for all interactive components, and adding skip-to-content links.

As a frontend developer, I want to implement the Pages editor section based on the existing JSX design (v2) so that admins can update content on the Home, Services, and About pages without technical expertise. The section is accessible from the Admin Dashboard and provides a content management interface with editable fields for page sections, text content, and media. Follows the Admin user flow: Pages: Edit Home → Pages: Update Services → Pages: Update About. Requires authentication guard.