I'll help you build this Digital Legacy & Secure Vault website. Let me first generate design inspiration and understand the codebase structure.
Now I have a clear design direction and understand the codebase. Let me create a task list and build this website with a clean, professional design inspired by the warm, minimal aesthetic from the design brief.
Let me start by updating the theme and layout with a warm, minimal color palette, then build the components and pages.
Now let me create the shared components and pages. I'll start with the Header, Footer, and then build each page.
Now let me build the Home Page with all its sections:
Now let me create the main home page that combines all these sections:
Now let me create the Product Details page with pricing tiers:
Now let me create the Checkout page with a form and order summary:
Let me add the loading file for the checkout page:
I've built your complete Digital Legacy & Secure Vault website with all three required pages:
Home Page - Features a hero section with the headline "Protect Your Digital Life. Leave a Meaningful Legacy.", a problem section explaining digital account challenges, a services section showcasing Digital Will, Password Vault, Legacy Messages, and Asset Management, a three-step "How It Works" section, a Trust & Security section highlighting encryption and privacy, and a call-to-action.
Product Details Page - Displays the Digital Legacy Plan with comprehensive feature descriptions, three pricing tiers (Basic at $4.99/month, Premium at $9.99/month, and Lifetime at $199 one-time), and user benefits with a 30-day money-back guarantee.
Checkout Page - Includes a simple form for name, email, plan selection, and mock payment method options, plus an order summary sidebar with security reassurances and educational disclaimer.
The design uses a warm, minimal aesthetic with a neutral color palette (soft beige/cream backgrounds, charcoal text, and soft blue accents) that feels trustworthy and respectful rather than dark or scary. The site is fully responsive with mobile navigation and follows modern Next.js/React best practices.