"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="large"
        background="none"
        cardStyle="glass-elevated"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Configure",
          id: "/configure",
        },
        {
          name: "Engineering",
          id: "/engineering",
        },
      ]}
      brandName="Aethelgard"
    />
  </div>

  <div id="config-section" data-section="config-section">
      <FeatureCardTwentyOne
      useInvertedBackground={false}
      title="Configure Your AE-1"
      description="Customize your machine with performance-grade materials, color-shifting finishes, and track-focused performance packages."
      accordionItems={[
        {
          id: "c1",
          title: "Exterior Color",
          content: "Choose from our signature Aero-Blue, Matte Stealth, or Liquid Crimson finishes.",
        },
        {
          id: "c2",
          title: "Performance Package",
          content: "Opt for the Track-Attack package to upgrade to carbon-ceramic brakes and an aggressive variable wing.",
        },
        {
          id: "c3",
          title: "Interior Finish",
          content: "Premium Alcantara and laser-cut carbon fiber trim for the cockpit.",
        },
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWTwT4e7ZbMNeHH1TuQavpTmv3/uploaded-1776500778194-nsmotksc.png"
      mediaAnimation="opacity"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      title="Configurator Support"
      description="Frequently asked questions regarding order customization and delivery timelines."
      faqs={[
        {
          id: "f1",
          title: "Lead Time",
          content: "Custom builds take 6-8 months for assembly and testing.",
        },
        {
          id: "f2",
          title: "Delivery",
          content: "Global white-glove transport service included.",
        },
        {
          id: "f3",
          title: "Maintenance",
          content: "Mobile service teams available worldwide.",
        },
        {
          id: "f4",
          title: "Warranty",
          content: "Comprehensive 5-year unlimited mileage warranty.",
        },
        {
          id: "f5",
          title: "Customization",
          content: "Bespoke color matching is available upon request.",
        },
      ]}
      faqsAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="AETHELGARD"
      columns={[
        {
          title: "Vehicles",
          items: [
            {
              label: "AE-1",
              href: "/configure",
            },
            {
              label: "Performance",
              href: "/engineering",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "Heritage",
              href: "#",
            },
            {
              label: "Careers",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Aethelgard Motorworks."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
