"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TextAbout from '@/components/sections/about/TextAbout';
import { Building, Home, Paintbrush, Sparkles, Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeMediumTitles"
        background="grid"
        cardStyle="solid"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Projects",
          id: "#projects",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Millwood Decking & Remodeling"
      button={{
        text: "Get a Free Quote",
        href: "#contact",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      title="Crafting Your Dream Outdoor Living & Home Spaces"
      description="At Millwood Decking & Remodeling, we transform homes with exceptional craftsmanship and personalized service, from stunning custom decks to complete home renovations. Let's build something beautiful together."
      testimonials={[
        {
          name: "Sarah J.",
          handle: "@HappyClient",
          testimonial: "Millwood transformed our backyard with a stunning deck. Professional, prompt, and exceeded all expectations!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
          imageAlt: "Sarah J. customer review",
        },
        {
          name: "Mark T.",
          handle: "@SatisfiedHomeowner",
          testimonial: "Our kitchen remodel was seamless. The team handled every detail with care and delivered outstanding results.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/confident-young-male-construction-worker-wearing-safety-helmet-uniform-looking-camera-showing-boxing-gesture-isolated-white-background_141793-132406.jpg",
          imageAlt: "Mark T. customer review",
        },
        {
          name: "Emily R.",
          handle: "@DreamHomeAchieved",
          testimonial: "The attention to detail on our new patio was incredible. We love spending time outdoors now!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-old-person-portrait_23-2149254404.jpg",
          imageAlt: "Emily R. customer review",
        },
        {
          name: "David K.",
          handle: "@TrustedBuilders",
          testimonial: "From initial design to final touches, Millwood was a pleasure to work with. Highly recommend for any remodel project.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6826.jpg",
          imageAlt: "David K. customer review",
        },
        {
          name: "Jessica L.",
          handle: "@OutdoorLiving",
          testimonial: "Our new outdoor kitchen is a dream come true! Millwood's team was fantastic, delivering quality and style.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",
          imageAlt: "Jessica L. customer review",
        },
      ]}
      testimonialRotationInterval={5000}
      buttons={[
        {
          text: "Explore Services",
          href: "#services",
        },
        {
          text: "Get a Free Estimate",
          href: "#contact",
        },
      ]}
      buttonAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/rustic-deck-with-patio-furniture-vegetation_23-2150698456.jpg"
      imageAlt="Luxurious wooden deck with modern outdoor furniture"
      mediaAnimation="opacity"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",
          alt: "Happy business woman",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-lady-black-jacket-posing-isolated-background-happy-cheerful-woman-dark-suit-laughing-looking-into-camera_197531-18513.jpg",
          alt: "Smiling lady",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-846.jpg",
          alt: "Young female",
        },
        {
          src: "http://img.b2bpic.net/free-photo/expressive-senior-woman-posing_344912-938.jpg",
          alt: "Expressive senior woman",
        },
        {
          src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1295.jpg",
          alt: "Expressive senior female",
        },
      ]}
      avatarText="Join our 300+ satisfied clients!"
      marqueeItems={[
        {
          type: "text-icon",
          text: "Custom Decks",
          icon: Building,
        },
        {
          type: "text-icon",
          text: "Home Remodeling",
          icon: Paintbrush,
        },
        {
          type: "text-icon",
          text: "Outdoor Kitchens",
          icon: Utensils,
        },
        {
          type: "text-icon",
          text: "Pergolas & Gazebos",
          icon: Home,
        },
        {
          type: "text-icon",
          text: "Quality Craftsmanship",
          icon: Sparkles,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      tag="Our Story"
      title="Millwood Decking & Remodeling: Craftsmanship, Quality, Trust"
      buttons={[
        {
          text: "Learn More About Us",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentySeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "1",
          title: "Custom Deck Design & Build",
          descriptions: [
            "From initial concept to final installation, we create beautiful, durable decks tailored to your lifestyle and aesthetic preferences.",
            "Utilizing premium materials like cedar, composite, and exotic hardwoods for longevity and beauty.",
            "Expert craftsmanship ensuring structural integrity and stunning finishes for every project.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/south-asian-agronomist-farmer-looking-diagram-papers-farm-agriculture-production-concept_627829-7300.jpg",
          imageAlt: "New wooden deck construction",
        },
        {
          id: "2",
          title: "Home Remodeling & Renovation",
          descriptions: [
            "Transform your interiors with our full-scale home remodeling services, including kitchens, bathrooms, and living areas.",
            "Modernize your space with updated layouts, finishes, and fixtures designed for functionality and style.",
            "Seamless project management from demolition to the final coat of paint, ensuring a stress-free experience.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-studying-home-girl-reading-something-tablet-sitting-kitchen_1258-202032.jpg",
          imageAlt: "Modern kitchen interior remodel",
        },
        {
          id: "3",
          title: "Outdoor Structures & Additions",
          descriptions: [
            "Expand your outdoor living with pergolas, gazebos, screened porches, and custom outdoor kitchens.",
            "Enhance comfort and utility with thoughtfully designed additions that complement your home's architecture.",
            "Durable construction and high-quality materials ensure your new outdoor space withstands the elements.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-arbor-park-norweski-jelenia-gora-poland_181624-10346.jpg",
          imageAlt: "Backyard pergola patio design",
        },
      ]}
      title="Our Expert Services"
      description="Specializing in enhancing your living spaces, we offer a comprehensive range of decking and remodeling services tailored to your needs."
    />
  </div>

  <div id="projects" data-section="projects">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Modern Cedar Deck",
          price: "Decking",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-peson-with-their-frinds_23-2149290153.jpg",
          imageAlt: "Finished cedar wood deck",
        },
        {
          id: "p2",
          name: "Kitchen Transformation",
          price: "Remodeling",
          imageSrc: "http://img.b2bpic.net/free-photo/people-posing-flying-papers_23-2147668869.jpg",
          imageAlt: "Renovated kitchen with island",
        },
        {
          id: "p3",
          name: "Elegant Pergola Patio",
          price: "Outdoor Structure",
          imageSrc: "http://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498460.jpg",
          imageAlt: "Custom built outdoor gazebo",
        },
        {
          id: "p4",
          name: "Spacious Composite Deck",
          price: "Decking",
          imageSrc: "http://img.b2bpic.net/free-photo/wooden-path-walking_74190-3840.jpg",
          imageAlt: "Spacious deck with integrated seating",
        },
        {
          id: "p5",
          name: "Luxury Bathroom Remodel",
          price: "Remodeling",
          imageSrc: "http://img.b2bpic.net/free-photo/neoclassical-style-interior-design-with-decor-furnishings_23-2151199395.jpg",
          imageAlt: "Modern bathroom with dual vanity",
        },
        {
          id: "p6",
          name: "Outdoor Entertainment Area",
          price: "Outdoor Structure",
          imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-red-swimsuit-sits-white-sofa-outside_1304-5479.jpg",
          imageAlt: "Custom outdoor kitchen with grill",
        },
      ]}
      title="Our Latest Projects"
      description="Browse our portfolio of completed decking and remodeling projects, showcasing our commitment to quality and design excellence."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "15+",
          title: "Years of Experience",
          items: [
            "Proven expertise in design",
            "Skilled craftsmanship",
            "Industry-leading practices",
          ],
        },
        {
          id: "m2",
          value: "300+",
          title: "Projects Completed",
          items: [
            "Custom decks built",
            "Homes remodeled",
            "Outdoor spaces enhanced",
          ],
        },
        {
          id: "m3",
          value: "98%",
          title: "Client Satisfaction",
          items: [
            "Exceptional feedback",
            "High referral rate",
            "Guaranteed quality",
          ],
        },
      ]}
      title="Our Success by the Numbers"
      description="Our commitment to excellence shines through in every project, backed by years of experience and countless happy customers."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Olivia Smith",
          date: "May 2024",
          title: "Absolutely thrilled with our new deck!",
          quote: "Millwood Decking and Remodeling did an incredible job on our backyard deck. The team was professional, the quality of work was outstanding, and they completed the project ahead of schedule. We now have the perfect space for entertaining and relaxing. Highly recommend!",
          tag: "Deck Build",
          avatarSrc: "http://img.b2bpic.net/free-photo/man-waving-hand-outside_23-2149447136.jpg",
          avatarAlt: "Olivia Smith avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/living-room-background-zoom-calls_23-2149684449.jpg",
          imageAlt: "Finished deck project",
        },
        {
          id: "t2",
          name: "James Brown",
          date: "April 2024",
          title: "Kitchen remodel exceeded expectations!",
          quote: "Our kitchen underwent a complete transformation thanks to Millwood. They guided us through every step, from design to material selection, making the process stress-free. The craftsmanship is impeccable, and we couldn't be happier with our beautiful new kitchen.",
          tag: "Home Remodel",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",
          avatarAlt: "James Brown avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/young-innocent-pure-beautiful-woman-dreaming-sitting-couch-white-dress-romantic-lyrical-thinking-green-tropical-nature-summer-relaxed-chilling-legs-resort-hotel_285396-6070.jpg",
          imageAlt: "Renovated kitchen",
        },
        {
          id: "t3",
          name: "Patricia Davis",
          date: "March 2024",
          title: "Stunning patio cover addition!",
          quote: "We wanted a patio cover that blended seamlessly with our home's exterior, and Millwood delivered perfectly. The design is elegant, the construction is solid, and it's completely transformed our outdoor living space. Fantastic work!",
          tag: "Outdoor Structure",
          avatarSrc: "http://img.b2bpic.net/free-photo/woman-with-blonde-hair-smiling-warmly-minimalist-portrait_24972-2971.jpg",
          avatarAlt: "Patricia Davis avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/kitchen-drawer-contemporary-design-light-depth_169016-69050.jpg",
          imageAlt: "Patio cover",
        },
        {
          id: "t4",
          name: "Michael Wilson",
          date: "February 2024",
          title: "Exceptional service and quality!",
          quote: "From the initial consultation to the final walkthrough, Millwood Decking and Remodeling provided exceptional service. Their team was respectful, efficient, and truly cared about our vision. Our new deck is a masterpiece, and we're already planning our next project with them.",
          tag: "Deck Build",
          avatarSrc: "http://img.b2bpic.net/free-photo/handsome-happy-bearded-man-earphones-using-laptop-outdoor-cafe-smiling-cheerfully_176420-25724.jpg",
          avatarAlt: "Michael Wilson avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929560.jpg",
          imageAlt: "New deck",
        },
        {
          id: "t5",
          name: "Linda Miller",
          date: "January 2024",
          title: "Dream bathroom brought to life!",
          quote: "Millwood made our dream bathroom a reality. The attention to detail, the quality of the finishes, and the overall design were flawless. It’s now our favorite room in the house. A huge thank you to the entire team!",
          tag: "Home Remodel",
          avatarSrc: "http://img.b2bpic.net/free-photo/architect-smiling-while-posing-office_23-2148242943.jpg",
          avatarAlt: "Linda Miller avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/physiotherapy-room-arrangement_23-2149047474.jpg",
          imageAlt: "Remodeled bathroom",
        },
      ]}
      title="Hear From Our Happy Clients"
      description="Nothing speaks louder than the words of our satisfied customers. Read their stories and see why Millwood is the right choice."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",
          title: "What types of decking materials do you work with?",
          content: "We work with a variety of high-quality decking materials including natural woods like cedar and redwood, as well as composite decking options from leading brands. We'll help you choose the best material for your aesthetic, budget, and maintenance preferences.",
        },
        {
          id: "faq2",
          title: "How long does a typical deck construction project take?",
          content: "The timeline for a deck project varies depending on its size, complexity, and chosen materials. A standard deck can take anywhere from 1-3 weeks, while more elaborate designs might require 4-6 weeks. We provide a detailed timeline with every quote.",
        },
        {
          id: "faq3",
          title: "Do you offer custom home remodeling services?",
          content: "Yes, we specialize in custom home remodeling. Whether it's a kitchen, bathroom, basement, or a full home renovation, we work closely with you to design and build a space that perfectly fits your vision and needs.",
        },
        {
          id: "faq4",
          title: "What is the process for starting a remodeling project?",
          content: "Our process typically begins with a free consultation to discuss your ideas and requirements. We then move to design, material selection, detailed quoting, project scheduling, construction, and final walkthrough to ensure your complete satisfaction.",
        },
        {
          id: "faq5",
          title: "Are you licensed and insured?",
          content: "Absolutely. Millwood Decking & Remodeling is fully licensed, bonded, and insured, providing peace of mind and protection throughout your project. We adhere to all local building codes and industry standards.",
        },
        {
          id: "faq6",
          title: "How do I get a free estimate?",
          content: "You can request a free, no-obligation estimate by filling out the contact form on our website, calling us directly, or sending us an email. We'll schedule a convenient time to discuss your project and provide a detailed quote.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common questions about our decking and remodeling services."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient",
      }}
      text="Ready to transform your home? Reach out to Millwood Decking & Remodeling today for a free consultation!"
      buttons={[
        {
          text: "Get Your Free Estimate",
          href: "mailto:info@millwoodremodeling.com",
        },
        {
          text: "Call Us: (555) 123-4567",
          href: "tel:5551234567",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Deck Construction",
              href: "#services",
            },
            {
              label: "Home Remodeling",
              href: "#services",
            },
            {
              label: "Outdoor Structures",
              href: "#services",
            },
            {
              label: "Custom Designs",
              href: "#services",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Our Projects",
              href: "#projects",
            },
            {
              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="Millwood Decking & Remodeling"
      copyrightText="© 2024 Millwood Decking & Remodeling. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
