"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="compact"
        sizing="large"
        background="noise"
        cardStyle="layered-gradient"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Features",
          id: "#features",
        },
        {
          name: "Products",
          id: "#products",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Hermes Gordijnen"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitDualMedia
      background={{
        variant: "radial-gradient",
      }}
      title="Tailored Elegance for Every Window"
      description="Discover exquisite curtains and blinds expertly crafted to transform your living spaces with style and comfort. Hermes Gordijnen offers bespoke solutions for every home."
      tag="Hermes Gordijnen"
      buttons={[
        {
          text: "Explore Collections",
          href: "#products",
        },
        {
          text: "Request a Quote",
          href: "#contact",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/woman-alone-paint-wallboard-wall-her-room-grey-diy-home-repair-selfisolation-quarantine_633478-434.jpg",
          imageAlt: "Elegant curtains in a modern living room",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543686.jpg",
          imageAlt: "Close-up of various fabric samples for curtains",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/decorated-interior-christmas-beautiful-christmas-tree-near-modern-expensive-couch-big-clock-with-roman-numbers_132075-11378.jpg",
          imageAlt: "Decorated interior for Christmas. Beautiful Christmas tree near modern expensive couch and big clock with Roman numbers.",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/interior-design-with-decorative-plant_23-2149551394.jpg",
          imageAlt: "Interior design with decorative plant",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/creative-view-indoors-window-curtains_23-2149657544.jpg",
          imageAlt: "Creative view of indoors window curtains",
        },
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="Trusted by 1000+ Homes"
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={true}
      title="Crafting Beautiful Views for Over Two Decades"
      description="Hermes Gardin Gordijnen has been a leader in custom window treatments for over 20 years. We combine traditional craftsmanship with modern design to deliver unparalleled quality and beauty, ensuring every detail reflects your unique style."
      tag="Our Story"
      buttons={[
        {
          text: "Learn More",
          href: "#about",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/female-designer-looking-fashion-sketch_23-2147874999.jpg"
      imageAlt="Artisan working on custom curtains in a workshop"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Bespoke Design & Customization",
          description: "Every window is unique. We offer fully customizable designs, from fabric selection to style and finish, ensuring a perfect match for your interior.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/furniture-design-concept-with-fabric-swatches-sketches_23-2152014656.jpg",
            imageAlt: "Person designing curtains on a tablet app",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/realistic-modern-interior-design_23-2151439839.jpg",
            imageAlt: "Person designing curtains on a tablet app",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/woman-alone-paint-wallboard-wall-her-room-grey-diy-home-repair-selfisolation-quarantine_633478-434.jpg",
          imageAlt: "person designing curtains on tablet app",
        },
        {
          title: "Premium Quality Materials",
          description: "We source only the finest fabrics and materials, guaranteeing durability, luxurious feel, and lasting beauty for all our curtains and blinds.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/set-grey-dense-fabrics-uniform-texture-choice-materials-grey-colors_169016-15231.jpg",
            imageAlt: "Close-up of luxury curtain fabric texture",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-linen-fabric_23-2151914992.jpg",
            imageAlt: "Close-up of luxury curtain fabric texture",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543686.jpg",
          imageAlt: "person designing curtains on tablet app",
        },
        {
          title: "Professional Installation",
          description: "Our experienced team provides meticulous measurement and installation services, ensuring your window treatments are fitted flawlessly and securely.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/focused-inspection-expert-with-safety-helmet-checking-quality-windows-walls-construction-site_662251-400.jpg",
            imageAlt: "Professional curtain installation service",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176712.jpg",
            imageAlt: "Professional curtain installation service",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/female-designer-looking-fashion-sketch_23-2147874999.jpg",
          imageAlt: "person designing curtains on tablet app",
        },
      ]}
      showStepNumbers={false}
      title="Why Choose Hermes Gordijnen?"
      description="Experience the Hermes Gordijnen difference with our premium materials, custom designs, and professional installation. We transform houses into homes with elegant window solutions."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "1",
          name: "Velvet Drapes",
          price: "€249.99",
          variant: "Luxurious & Heavy",
          imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-bedroom-with-comfortable-bedding-elegant-decor-generated-by-ai_188544-32651.jpg",
          imageAlt: "Luxurious deep blue velvet drapes",
        },
        {
          id: "2",
          name: "Linen Sheer Curtains",
          price: "€129.99",
          variant: "Light & Airy",
          imageSrc: "http://img.b2bpic.net/free-photo/tasty-breakfast-bed-high-angle_23-2148877603.jpg",
          imageAlt: "Light and airy linen sheer curtains",
        },
        {
          id: "3",
          name: "Roman Blinds",
          price: "€179.99",
          variant: "Classic & Versatile",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-assortments-cake-decorating-ingredients_23-2148368259.jpg",
          imageAlt: "Classic Roman blinds in a modern kitchen",
        },
        {
          id: "4",
          name: "Blackout Curtains",
          price: "€199.99",
          variant: "Ultimate Privacy",
          imageSrc: "http://img.b2bpic.net/free-photo/cold-melancholic-scene_23-2151896871.jpg",
          imageAlt: "Dark grey blackout curtains in a bedroom",
        },
        {
          id: "5",
          name: "Patterned Drapes",
          price: "€219.99",
          variant: "Bold & Expressive",
          imageSrc: "http://img.b2bpic.net/free-photo/interior-design-with-beautiful-vase_23-2149551356.jpg",
          imageAlt: "Vibrant patterned drapes with a floral design",
        },
        {
          id: "6",
          name: "Voile Curtains",
          price: "€99.99",
          variant: "Soft Light Filter",
          imageSrc: "http://img.b2bpic.net/free-photo/view-hands-engaged-it-yourself-project_23-2151509514.jpg",
          imageAlt: "Flowing sheer voile curtains in sunlight",
        },
      ]}
      title="Our Exquisite Collections"
      description="Browse our diverse range of curtains and blinds, meticulously designed and crafted to enhance your home's aesthetic and provide optimal functionality."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Anna van Dijk",
          role: "Homeowner",
          company: "Amsterdam",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/fine-home-event-underwear-curly_1304-941.jpg",
          imageAlt: "Portrait of Anna van Dijk",
        },
        {
          id: "2",
          name: "Bas de Vries",
          role: "Interior Designer",
          company: "Utrecht",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-enjoying-cup-coffee_23-2148560465.jpg",
          imageAlt: "Portrait of Bas de Vries",
        },
        {
          id: "3",
          name: "Sophie Jansen",
          role: "Real Estate Agent",
          company: "Rotterdam",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-teacher_23-2148635327.jpg",
          imageAlt: "Portrait of Sophie Jansen",
        },
        {
          id: "4",
          name: "Thomas Bakker",
          role: "Apartment Owner",
          company: "The Hague",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-giving-coffee-mug-his-girlfriend-sitting-window-sill_23-2148049834.jpg",
          imageAlt: "Portrait of Thomas Bakker",
        },
        {
          id: "5",
          name: "Emma Schmidt",
          role: "Boutique Owner",
          company: "Eindhoven",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/charming-woman-speaking-phone-park-alley_23-2147779749.jpg",
          imageAlt: "Portrait of Emma Schmidt",
        },
      ]}
      title="What Our Clients Say About Us"
      description="Hear from satisfied homeowners and professionals who have experienced the quality and service of Hermes Gordijnen."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",
          title: "What types of curtains and blinds do you offer?",
          content: "We offer a wide range of custom curtains including drapes (velvet, linen, blackout), sheer curtains, Roman blinds, roller blinds, and Venetian blinds. All can be tailored to your specific needs.",
        },
        {
          id: "2",
          title: "Do you provide measurement and installation services?",
          content: "Yes, we offer comprehensive measurement and professional installation services to ensure a perfect fit and flawless appearance for all your window treatments.",
        },
        {
          id: "3",
          title: "How long does the customization process take?",
          content: "The customization process typically takes 3-4 weeks from initial consultation to final installation, depending on the complexity of your order and fabric availability. We keep you updated every step of the way.",
        },
        {
          id: "4",
          title: "Can I get a quote before committing to an order?",
          content: "Absolutely! We provide free, no-obligation consultations and detailed quotes. Simply contact us to schedule an appointment.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to the most common questions about our products, services, and the customization process."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Get in Touch"
      title="Ready for a Home Transformation?"
      description="Contact Hermes Gordijnen today for a free consultation. Let our experts guide you in selecting the perfect custom curtains and blinds to elevate your living space."
      imageSrc="http://img.b2bpic.net/free-photo/flat-lay-organic-dye-collection_23-2148883227.jpg"
      imageAlt="Interior design mood board with curtain fabrics and sketches"
      mediaAnimation="slide-up"
      mediaPosition="right"
      inputPlaceholder="Enter your email"
      buttonText="Send Message"
      termsText="By sending a message, you're confirming that you agree with our Privacy Policy."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Custom Curtains",
              href: "#products",
            },
            {
              label: "Blinds & Shades",
              href: "#products",
            },
            {
              label: "Installation",
              href: "#features",
            },
            {
              label: "Consultation",
              href: "#contact",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Our Story",
              href: "#about",
            },
            {
              label: "Testimonials",
              href: "#testimonials",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      logoText="Hermes Gordijnen"
      copyrightText="© 2024 Hermes Gordijnen. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
