"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="medium"
        background="grid"
        cardStyle="gradient-bordered"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "home",
        },
        {
          name: "Services",
          id: "services",
        },
        {
          name: "Products",
          id: "products",
        },
        {
          name: "Testimonials",
          id: "testimonials",
        },
        {
          name: "FAQ",
          id: "faq",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Rebuild Texas"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      imagePosition="right"
      title="Rebuild Your Home the Right Way"
      description="Premium roofing and window solutions with a seamless, stressfree experience—from first inspection to final walkthrough"
      testimonials={[
        {
          name: "Sarah J.",
          handle: "@HappyHomeowner",
          testimonial: "Rebuild Texas made our roof replacement effortless. Clear communication and incredible quality!",
          rating: 5,
          imageSrc: "https://pixabay.com/get/g752b05ebad4baaeb423e26b55b5716ad1b2b2180528f4384d0a25f0326d07895df57334cd1892b006464d553f97a1145a7e1d78aa537b48a2166b478edc9045f_1280.jpg?_wi=1",
        },
        {
          name: "Michael D.",
          handle: "@SatisfiedClient",
          testimonial: "Navigating storm damage was daunting, but Rebuild Texas handled everything with our insurance. Truly stress-free!",
          rating: 5,
          imageSrc: "https://pixabay.com/get/gd1c7060e93b37cccea3966de0d57b5e72faf21b4a4bda33826d7e4b76b56977fffb0e12076b756c1ab4a88931a32209c0548407ec8d068c3186a8c372e33a1d1_1280.jpg?_wi=1",
        },
        {
          name: "Emily R.",
          handle: "@HomeUpgrader",
          testimonial: "Our new windows are stunning and energy-efficient. The team was professional and the craftsmanship is superb.",
          rating: 5,
          imageSrc: "https://pixabay.com/get/ge6b1e952018a07dda16ad1b27b696107e4310f362922c44b104e4554d190eff37544520d5cb75b85b1a9dbc2760cbce6579e4b7353c86d489d20e85b023d1b09_1280.jpg?_wi=1",
        },
        {
          name: "David K.",
          handle: "@TrustworthyReview",
          testimonial: "They delivered on every promise. Transparent, reliable, and the best roofers in Texas!",
          rating: 5,
          imageSrc: "https://pixabay.com/get/gabd785e21850575bbc01346aeb97384ab29c21dc420853d72d03cb58bad9a460046ec82be1d13a8d1efa9de5c975f51ccd13678b2fe6f639781f7c5f32670a8b_1280.jpg?_wi=1",
        },
      ]}
      testimonialRotationInterval={5000}
      buttons={[
        {
          text: "Get Your Free Inspection",
          href: "#contact",
        },
      ]}
      buttonAnimation="slide-up"
      avatars={[
        {
          src: "https://pixabay.com/get/gdb705612302c89a72ad93b2042dfcc293b3dd40d3f139281856bdb5737517091c575f4592f530187c664cd0ab1dcfecb3150eae9180365dd2cfae31dc52e32cb_1280.jpg",
          alt: "Customer 1",
        },
        {
          src: "https://pixabay.com/get/g7c9d50e349e70ce0559030b9f824e3d2c675c3b9714d6a8a57fbcb446ee013bcc38b7fafe50f09dd366aa0adc1a6dbcd1b99c6d1f3666c360a826e4b0480f1ca_1280.jpg",
          alt: "Customer 2",
        },
        {
          src: "https://pixabay.com/get/ge6ee7ec3637005c2109915c894b2ef4bc702395aaf84d249d245a832e519c566b479e191643b12631ded59bb640c44a6aa9ae28c8b857795159bf2fef43167ec_1280.jpg",
          alt: "Customer 3",
        },
        {
          src: "https://pixabay.com/get/gd7d99243f651537715d0df904b8a4001d17e796e78e76c9e86be8acebd96c7712f53c62a72ca82c4926ceb77f2c472f80db0f3510fa1cdf32d40051a021c57a0_1280.jpg",
          alt: "Contractor 1",
        },
        {
          src: "https://pixabay.com/get/g63f8176759c3fb131c83efc4440c589329dccba39504248eaf9ee23ce8892354ea4460a5130b7b187a102d4079df3b61321a66677c2fcedba5011fa8f2d3e213_1280.jpg",
          alt: "Project Manager",
        },
      ]}
      avatarText="Join 1000+ happy homeowners"
      imageSrc="https://pixabay.com/get/g53b18cb7117c4c26e1d20dcb262834c7dcbbd446b120bc7555f010ebce6e1c65aca9561fcc23c5d91c374eb801e04469964d2d3fb52961d687af71101381d53c_1280.jpg?_wi=1"
      imageAlt="Luxurious new roof on a modern Texas home"
      mediaAnimation="opacity"
      fixedMediaHeight={true}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      tag="Our Story"
      title="Your Trusted Partner for Home Exterior Solutions"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardMedia
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "roof-replacement",
          title: "Roof Replacement",
          description: "Expert installation of durable, high-quality roofing systems designed to protect and enhance your home's value.",
          tag: "Protection",
          imageSrc: "https://pixabay.com/get/g6f30f4dc5baa42e9366a28bbea0234a9227d04545c5aca5d89a17c234945c97c5576ae1ed555a204a7dd7b60e0b451092bcfd18cd7274d9758bf236a57279145_1280.jpg?_wi=1",
          imageAlt: "New roof installation on a residential home",
        },
        {
          id: "storm-damage",
          title: "Storm Damage & Claims",
          description: "Seamless guidance through insurance claims and professional restoration services to repair hail or storm damage efficiently.",
          tag: "Restoration",
          imageSrc: "https://pixabay.com/get/gf8976c0b69d4043804eebfe9239b2d96aa854b27c0443518c33ce2d8bca5704a94165ffad977630a83d049ba4db633042c90e20e2e69f945e47fa2ba501505e5_1280.jpg?_wi=1",
          imageAlt: "Contractor assessing storm damage on a roof",
        },
        {
          id: "window-installation",
          title: "Window Installation",
          description: "Upgrade your home's aesthetics and energy efficiency with our premium window selection and meticulous installation.",
          tag: "Efficiency",
          imageSrc: "https://pixabay.com/get/g463625ceffe5d2f4604e7b457ca0b27e50cc2d656ff2b9e78da36d8eabbea02dcb8d3fdc0a31f0b3f90f222df919a228c8c0138419a2e58552129d75d9d205c4_1280.jpg?_wi=1",
          imageAlt: "New energy-efficient window installation in a home",
        },
      ]}
      title="Our Stress-Free Process & Services"
      description="Experience unparalleled transparency and expertise from start to finish for all your roofing and window needs."
      tag="Services"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      carouselMode="buttons"
      products={[
        {
          id: "p1",
          name: "Architectural Shingles",
          price: "Premium",
          imageSrc: "https://pixabay.com/get/gdde4734a366aa38609b15feb25e8abf7391aa5972d0158258cd95fc5aaf1d9f29889d62c22b4e89512cf978587341026fb0115030e622812bc25a3bbe41f31e4_1280.jpg?_wi=1",
          imageAlt: "Premium asphalt architectural shingles",
        },
        {
          id: "p2",
          name: "Standing Seam Metal Roof",
          price: "Luxury",
          imageSrc: "https://pixabay.com/get/g338cc6e433ba41f0c552c1a86243678718a12e9061be623f629ab3f821128e9ea345aed735b2ac0473ff6d0cf9ac258ac0484cf1bc46aa69b68aa0a1a1d0aa31_1280.jpg",
          imageAlt: "Sleek standing seam metal roofing panels",
        },
        {
          id: "p3",
          name: "Energy-Efficient Vinyl Windows",
          price: "Value",
          imageSrc: "https://pixabay.com/get/gc31e4312d216fef8eb5447e1ceaa1e307d0ee10cbd9c02bf68b2abc70cb1e7479267363f292c8f35573127d0701e8f2fc47dc55fe025713d8e7b4c53b0b3edea_1280.jpg",
          imageAlt: "New white vinyl replacement windows",
        },
        {
          id: "p4",
          name: "Classic Wood Frame Windows",
          price: "Timeless",
          imageSrc: "https://pixabay.com/get/ge52a2a5e6217bc4029d5394e5d7bd3de91261daee33587927c7649a22dc970efa458cf0f0b49570817d628bb6971b1d2deebde4f7e5d410bded9dc8ff3377e59_1280.jpg",
          imageAlt: "Elegant classic wood frame windows",
        },
      ]}
      title="Quality Roofing & Window Solutions"
      description="Explore our premium selection of materials and designs, crafted for durability, aesthetics, and optimal performance."
      tag="Products"
    />
  </div>

  <div id="socialProof" data-section="socialProof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Houzz",
        "BBB",
        "Angi's List",
        "Yelp",
        "Google Reviews",
        "HGTV",
        "Local Chamber of Commerce",
      ]}
      logos={[
        "https://pixabay.com/get/g48245e9fa67b2bbb1aff871e10b0c3089b4baf97c11386011ad24f36a048b0b1a7f79c23343e87804bcfd86960b7d107025c9383a60908f6af6f539b15775434_1280.jpg",
        "https://pixabay.com/get/ga72d7e57d8bf18d9b60a36b26f1615886eae4b78a58370dff30409a250baf5b296c8e786b5bb6c62a3fc262fac2e550245bd6a65d35e348eb7b376c930b4ce58_1280.jpg",
        "https://pixabay.com/get/ge492ffcb55adc9243f1a55706f9f3a5fc00d76aa91ca75d58dda69bd2cacb70b14ca5c33a9e47c0ef801035a9528d7ffd21c1ac9ece42be2c4d35989e47b8525_1280.jpg",
        "https://pixabay.com/get/g14639632b907207a070e895618b795770f7d9fb44d0839a2cf26835d3ed1659c9edc5331ddbf9bcbd1493983884547bebbc3d580c35a231f9fe0d47afbedfd5c_1280.jpg",
        "https://pixabay.com/get/ge3b7f99728993b7123d0f6f07d6b507fdebdddbc180dd62f64d8e215c511487ddd06c1199fb3d3f75e3ca26fca0b960e557e637cb0758df4d49b6fc2fe21e902_1280.jpg",
        "https://pixabay.com/get/gaf3dcde4c9f7dec4d8dc5dd1dc80aff8bafe87589d6852cd033d45d881332fda78793a64f32453682673e446875bf7407557f80862320c01391dc87dc600357a_1280.jpg",
        "https://pixabay.com/get/gf1dcae957e3b3bedc77a0c0061c930a326452e0d63fbd62f8f1e3a2db2960faa78af7a13a1a87e6244b844b88e3c5ae7b9307ed5a072bea4dada57190b8e8165_1280.jpg",
      ]}
      title="Trusted by Homeowners Across Texas"
      description="Our commitment to quality, integrity, and exceptional service has earned the trust and recognition of countless families and industry leaders."
      speed={40}
      showCard={true}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      carouselMode="buttons"
      uniformGridCustomHeightClasses="min-h-95 2xl:min-h-105"
      testimonials={[
        {
          id: "t1",
          name: "Sarah Johnson",
          role: "Homeowner, Dallas",
          company: "Residential Client",
          rating: 5,
          imageSrc: "https://pixabay.com/get/g752b05ebad4baaeb423e26b55b5716ad1b2b2180528f4384d0a25f0326d07895df57334cd1892b006464d553f97a1145a7e1d78aa537b48a2166b478edc9045f_1280.jpg?_wi=2",
        },
        {
          id: "t2",
          name: "Michael Chen",
          role: "Property Manager, Austin",
          company: "Investment Group",
          rating: 5,
          imageSrc: "https://pixabay.com/get/gd1c7060e93b37cccea3966de0d57b5e72faf21b4a4bda33826d7e4b76b56977fffb0e12076b756c1ab4a88931a32209c0548407ec8d068c3186a8c372e33a1d1_1280.jpg?_wi=2",
        },
        {
          id: "t3",
          name: "Emily Rodriguez",
          role: "Builder, Houston",
          company: "Custom Homes",
          rating: 5,
          imageSrc: "https://pixabay.com/get/ge6b1e952018a07dda16ad1b27b696107e4310f362922c44b104e4554d190eff37544520d5cb75b85b1a9dbc2760cbce6579e4b7353c86d489d20e85b023d1b09_1280.jpg?_wi=2",
        },
        {
          id: "t4",
          name: "David Kim",
          role: "Insurance Agent, San Antonio",
          company: "Claims Partner",
          rating: 5,
          imageSrc: "https://pixabay.com/get/gabd785e21850575bbc01346aeb97384ab29c21dc420853d72d03cb58bad9a460046ec82be1d13a8d1efa9de5c975f51ccd13678b2fe6f639781f7c5f32670a8b_1280.jpg?_wi=2",
        },
        {
          id: "t5",
          name: "Jessica Lee",
          role: "Homeowner, Fort Worth",
          company: "Residential Client",
          rating: 5,
          imageSrc: "https://pixabay.com/get/gdb705612302c89a72ad93b2042dfcc293b3dd40d3f139281856bdb5737517091c575f4592f530187c664cd0ab1dcfecb3150eae9180365dd2cfae31dc52e32cb_1280.jpg?_wi=1",
        },
      ]}
      title="What Our Clients Say"
      description="Hear directly from homeowners, property managers, and partners who experienced the unparalleled service and quality of Rebuild Texas."
      tag="Reviews"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "How do you handle insurance claims for storm damage?",
          content: "We specialize in navigating the complex insurance claims process. Our team works directly with your insurer, providing detailed reports and estimates to ensure a smooth, stress-free experience for you.",
        },
        {
          id: "f2",
          title: "What types of roofing materials do you offer?",
          content: "We offer a wide range of premium roofing materials, including architectural asphalt shingles, standing seam metal, tile, and more. We'll help you choose the best option for your home's style and budget.",
        },
        {
          id: "f3",
          title: "What are the benefits of upgrading my windows?",
          content: "New windows can significantly improve your home's energy efficiency, reduce outside noise, enhance curb appeal, and increase your property value. We offer a variety of styles and materials to fit your needs.",
        },
        {
          id: "f4",
          title: "How long does a typical roof replacement take?",
          content: "The duration of a roof replacement varies depending on the size and complexity of your roof. Most residential projects are completed within 1-3 days, with minimal disruption to your daily routine.",
        },
      ]}
      sideTitle="Common Questions, Clear Answers"
      sideDescription="Find answers to the most frequently asked questions about our roofing, storm damage, and window installation services."
      faqsAnimation="slide-up"
      textPosition="left"
      showCard={true}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Get Your Free Inspection Today"
      description="Ready to transform your home or need urgent repairs? Contact us for a no-obligation consultation and experience the Rebuild Texas difference."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
        {
          name: "phone",
          type: "tel",
          placeholder: "Phone Number",
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Tell us about your project...",
        rows: 4,
      }}
      imageSrc="https://pixabay.com/get/ga45c6bc2ac35131f2b4e7c956e864a2fde35f37498afddfbe3fd11cb3ecd7c85c2ef215779c3742d41e222d5f1d204e52b161d18d3e864b3d61115e5717a3e69_1280.jpg?_wi=1"
      imageAlt="Contractor and client shaking hands over blueprints"
      mediaAnimation="opacity"
      mediaPosition="right"
      buttonText="Submit Request"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Rebuild Texas"
      leftLink={{
        text: "Privacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "Terms of Service",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
