Create the resumate landing page

[ragarwalll]

The landing page will serve as the first point of contact for users, introducing them to Resumate's features and benefits.

Key components to include:

1. Header

   • Logo: Resumate logo
   • Navigation: Links to key sections (Features, How It Works, Pricing, Contact)

2. Hero Section

   • Catchy headline: "Level Up Your Resume with AI"
   • Sub-headline: Brief explanation of Resumate's value proposition
   • CTA button: "Optimize My Resume"

3. Features Section

   • 3-4 key features of Resumate
   • Each feature accompanied by a pixel-art icon
   • Brief, benefit-focused descriptions

4. How It Works

   • Step-by-step guide
   • Simple explanations for each step

5. Testimonials

   • Short, impactful quotes from satisfied users

6. Pricing

   • Tile-based design for different plans
   • Clear breakdown of features for each plan
   • CTA buttons for each pricing tier

7. FAQ

   • Accordion-style layout for common questions

8. Footer

   • Social media links
   • Copyright information
   • Links to Privacy Policy and Terms of Service

Design Considerations:

• Use a color palette inspired by retro games (e.g., blues, greens, and grays)
• Implement interactive elements
• Ensure responsive design for mobile, tablet, and desktop views
• Optimize for fast loading times, considering the assets

Technical Requirements:

• Develop using React and shadcn components along with nextui
• Implement smooth scrolling between sections
• Use CSS modules or styled-components for styling
• Ensure accessibility compliance (WCAG 2.1 AA)
• Optimize SEO with appropriate meta tags and structured data