"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Award, Briefcase, Building, Cog, Flashlight, MapPin, MessageSquare, ShieldCheck, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeMediumTitles"
        background="aurora"
        cardStyle="inset"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "Services",
          id: "#about-services-problems",
        },
        {
          name: "Storm Damage",
          id: "#about-services-problems",
        },
        {
          name: "About",
          id: "#why-choose",
        },
        {
          name: "Service Areas",
          id: "#service-areas",
        },
        {
          name: "Projects",
          id: "#gallery",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      button={{
        text: "Schedule Free Inspection",
        href: "#contact",
      }}
      topBarButton={{
        text: "Call Now",
        href: "tel:+15551234567",
      }}
      logoSrc="http://img.b2bpic.net/free-vector/eagle-shape-logo-template_1195-3.jpg"
      logoAlt="Eaglex Roofing & Restoration Logo"
      brandName="EAGLEX ROOFING & RESTORATION"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlayTestimonial
      title="Protecting Baton Rouge Homes With Expert Roofing & Restoration Services"
      description="From roof repairs and replacements to storm damage restoration, Eaglex Roofing & Restoration delivers dependable solutions built to withstand Louisiana weather. We are Licensed & Insured, Locally Owned, Storm Damage Specialists, and offer Fast Response Times for Residential & Commercial needs."
      testimonials={[
        {
          name: "Sarah J.",
          handle: "@homeowner",
          testimonial: "Eaglex exceeded our expectations. Our new roof looks fantastic!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-front-doors-with-blue-orange-wall_23-2149360641.jpg",
        },
        {
          name: "Mark D.",
          handle: "@satisfiedclient",
          testimonial: "Quick response and high-quality work. They fixed our storm damage efficiently.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/good-moments-profile-young-joyful-pretty-woman-warm-clothes-crouching-looking-child-basket-smiling-camera-man-raking-leaves-garden_259150-58579.jpg",
        },
        {
          name: "Emily R.",
          handle: "@localbusiness",
          testimonial: "Our commercial roof needed a major overhaul; Eaglex handled it flawlessly.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-group-teen-student-jumping-park_1150-4658.jpg",
        },
        {
          name: "Michael L.",
          handle: "@happycustomer",
          testimonial: "Professional, courteous, and the finished product speaks for itself. Truly impressed.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/mom-dad-whirl-their-son-have-fun-walking-outside_8353-5352.jpg",
        },
        {
          name: "Jessica T.",
          handle: "@homeownerbr",
          testimonial: "From inspection to completion, a smooth process. They cared about every detail.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-standing-lawn_1170-2803.jpg",
        },
      ]}
      buttons={[
        {
          text: "Schedule Free Inspection",
          href: "#contact",
        },
        {
          text: "Call Now",
          href: "tel:+15551234567",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/successful-architect-with-safety-helmet_23-2148242912.jpg",
          alt: "John Doe",
        },
        {
          src: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg",
          alt: "Jane Smith",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-happy-cafe-owner-wearing-visor-protective-gloves-while-using-digital-tablet-looking-camera_637285-6574.jpg",
          alt: "Robert Brown",
        },
        {
          src: "http://img.b2bpic.net/free-photo/elderly-woman-putting-her-headphones-her-ears-drinking-coffee-cafe_23-2149230365.jpg",
          alt: "Emily White",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-happy-old-man-showing-approval_23-2148269353.jpg",
          alt: "Happy homeowner",
        },
      ]}
      avatarText="Trusted by over 500+ local clients"
      imageSrc="http://img.b2bpic.net/free-photo/white-buildings-with-red-roofs-sunlight_181624-5655.jpg"
      imageAlt="Beautiful Louisiana home with a newly installed roof"
      showDimOverlay={true}
      showBlur={true}
      textPosition="bottom"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",
          value: "500+",
          title: "Projects Completed",
          description: "Delivering excellence on every roof.",
          icon: Cog,
        },
        {
          id: "m2",
          value: "5-Star",
          title: "Customer Service",
          description: "Unmatched satisfaction and support.",
          icon: Star,
        },
        {
          id: "m3",
          value: "Fast",
          title: "Emergency Response",
          description: "Rapid assistance when you need it most.",
          icon: Flashlight,
        },
        {
          id: "m4",
          value: "Locally",
          title: "Trusted",
          description: "Your neighbors rely on our expertise.",
          icon: ShieldCheck,
        },
      ]}
      title="Trusted By Homeowners Across Baton Rouge"
      description="Our commitment to quality and customer satisfaction sets us apart."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Amanda Rodriguez",
          handle: "Baton Rouge",
          testimonial: "Eaglex did an incredible job on our roof replacement. Professional, efficient, and the site was spotless afterwards. Highly recommend!",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-baby-neck-man-pointing-lawn_259150-59397.jpg",
        },
        {
          id: "t2",
          name: "David Chen",
          handle: "Prairieville",
          testimonial: "After the storm, Eaglex was quick to respond. They helped us navigate the insurance claim process seamlessly and restored our roof perfectly.",
          imageSrc: "http://img.b2bpic.net/free-photo/tennis-player-serving_23-2147821230.jpg",
        },
        {
          id: "t3",
          name: "Maria Hernandez",
          handle: "Denham Springs",
          testimonial: "From initial inspection to final touch-up, the team was fantastic. Our roof looks amazing and we feel so much safer now.",
          imageSrc: "http://img.b2bpic.net/free-photo/old-houses_53876-33815.jpg",
        },
        {
          id: "t4",
          name: "Robert Johnson",
          handle: "Gonzales",
          testimonial: "Professional workmanship and honest recommendations. Eaglex earned our trust and delivered a top-quality metal roof solution.",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-roof-with-drill_23-2148748775.jpg",
        },
        {
          id: "t5",
          name: "Jessica Lee",
          handle: "Zachary",
          testimonial: "We were worried about our aging roof, but Eaglex made the process of replacement easy and stress-free. Exceptional service!",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-shaking-hands_23-2148920580.jpg",
        },
      ]}
      title="What Our Clients Say"
      description="Hear directly from Baton Rouge homeowners and businesses who trusted Eaglex Roofing & Restoration."
    />
  </div>

  <div id="about-services-problems" data-section="about-services-problems">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={true}
      imagePosition="right"
      title="Comprehensive Roofing Solutions & Identifying Warning Signs"
      description="Eaglex Roofing & Restoration provides a full spectrum of roofing services, from essential repairs to complete replacements, alongside specialized storm damage expertise. We help property owners quickly identify potential issues and protect their investment against Louisiana's challenging weather."
      buttons={[
        {
          text: "Schedule a Free Inspection",
          href: "#contact",
        },
      ]}
      bulletPoints={[
        {
          title: "Roof Repair",
          description: "Emergency leak repairs, damaged shingles, flashing issues, storm-related repairs.",
        },
        {
          title: "Roof Replacement",
          description: "Full residential and commercial roof replacement solutions.",
        },
        {
          title: "Storm Damage Restoration",
          description: "Wind, hail, hurricane, and severe weather restoration specialists.",
        },
        {
          title: "Insurance Claim Assistance",
          description: "We help document roof damage and navigate insurance claims, never promising approval.",
        },
        {
          title: "Missing Shingles",
          description: "Visible gaps or loose shingles can indicate wind damage or aging.",
        },
        {
          title: "Roof Leaks",
          description: "Water stains on ceilings or walls are clear signs of a compromised roof.",
        },
        {
          title: "Storm Damage",
          description: "After a severe weather event, look for dents, punctures, or displaced materials.",
        },
        {
          title: "Aging Roof Systems",
          description: "Roofs over 15-20 years old are prone to failure and energy inefficiency.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/view-deserted-decaying-house-nature_23-2150166620.jpg"
      imageAlt="Professional roofer inspecting roof damage"
      mediaAnimation="none"
    />
  </div>

  <div id="why-choose" data-section="why-choose">
      <FeatureBorderGlow
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: MapPin,
          title: "Local Expertise",
          description: "Deep understanding of Louisiana weather conditions and building codes.",
        },
        {
          icon: Briefcase,
          title: "Honest Recommendations",
          description: "Transparent advice without high-pressure sales tactics.",
        },
        {
          icon: Award,
          title: "Quality Materials",
          description: "We use only industry-leading products for lasting durability.",
        },
        {
          icon: Building,
          title: "Professional Workmanship",
          description: "Experienced and certified roofing specialists ensuring flawless installation.",
        },
        {
          icon: MessageSquare,
          title: "Fast Communication",
          description: "Responsive customer service, keeping you informed every step of the way.",
        },
        {
          icon: ShieldCheck,
          title: "Licensed & Insured",
          description: "Complete peace of mind throughout your entire roofing project.",
        },
      ]}
      title="Why Baton Rouge Homeowners Choose Eaglex"
      description="Our dedication to quality, integrity, and local service makes us the preferred roofing contractor in the community."
    />
  </div>

  <div id="gallery" data-section="gallery">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "gallery-1",
          name: "Residential Roof Replacement",
          price: "View Project",
          imageSrc: "http://img.b2bpic.net/free-photo/view-deserted-decaying-house-nature_23-2150166605.jpg",
          imageAlt: "Before and after of a residential roof replacement",
        },
        {
          id: "gallery-2",
          name: "Storm Damage Restoration",
          price: "View Project",
          imageSrc: "http://img.b2bpic.net/free-photo/view-old-abandoned-house-nature_23-2150166520.jpg",
          imageAlt: "Before and after of storm damage roof restoration",
        },
        {
          id: "gallery-3",
          name: "Full Roof Replacement",
          price: "View Project",
          imageSrc: "http://img.b2bpic.net/free-photo/laborer-building-roof-house_23-2148748844.jpg",
          imageAlt: "Before and after of a full roof replacement",
        },
        {
          id: "gallery-4",
          name: "Commercial Roofing Project",
          price: "View Project",
          imageSrc: "http://img.b2bpic.net/free-photo/agricultural-silo_146671-19121.jpg",
          imageAlt: "Before and after of a commercial roofing project",
        },
        {
          id: "gallery-5",
          name: "Modern Metal Roof Install",
          price: "View Project",
          imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg",
          imageAlt: "Before and after of a metal roof installation",
        },
        {
          id: "gallery-6",
          name: "Leak Repair & Restoration",
          price: "View Project",
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg",
          imageAlt: "Before and after of a roof leak repair",
        },
      ]}
      title="See Our Work"
      description="Browse our portfolio of completed roof replacements, repairs, and storm restoration projects across residential and commercial properties in Baton Rouge."
    />
  </div>

  <div id="service-areas" data-section="service-areas">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Baton Rouge",
        "Prairieville",
        "Denham Springs",
        "Gonzales",
        "Zachary",
        "Baker",
        "Central",
        "Walker",
        "Port Allen",
        "Shenandoah",
      ]}
      title="Proudly Serving Baton Rouge & Surrounding Communities"
      description="As a local roofing company, we are dedicated to providing top-tier service to our neighbors throughout the greater Baton Rouge area and beyond."
      buttons={[
        {
          text: "Check Our Service Map",
          href: "#contact",
        },
      ]}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",
          title: "How do I know if my roof has storm damage?",
          content: "Look for missing or cracked shingles, dents on gutters, or granules in your yard. It's always best to get a professional inspection after a severe storm. Eaglex offers free, no-obligation storm damage assessments.",
        },
        {
          id: "q2",
          title: "Do you offer free roof inspections?",
          content: "Yes, Eaglex Roofing & Restoration provides complimentary roof inspections for homeowners and businesses. We'll assess your roof's condition and provide an honest, detailed report.",
        },
        {
          id: "q3",
          title: "What roofing materials do you install?",
          content: "We work with a wide range of high-quality materials including asphalt shingles, metal roofing, TPO, and more. Our experts can help you choose the best option for your home or business.",
        },
        {
          id: "q4",
          title: "Do you work with insurance claims?",
          content: "Absolutely. We have extensive experience assisting homeowners with their insurance claims. We'll help document the damage and guide you through the process, but we cannot guarantee claim approval.",
        },
        {
          id: "q5",
          title: "How long does a roof replacement take?",
          content: "The duration of a roof replacement depends on factors like roof size, material, and weather. Most residential projects are completed within 1-3 days once work begins, after initial assessment and material delivery.",
        },
        {
          id: "q6",
          title: "Do you offer financing?",
          content: "Yes, we understand that a new roof is a significant investment. We offer flexible financing options to make your roofing project affordable. Contact us to learn more about our plans.",
        },
        {
          id: "q7",
          title: "Are you licensed and insured?",
          content: "Eaglex Roofing & Restoration is fully licensed and insured in the state of Louisiana. Your peace of mind is our top priority, and we adhere to the highest safety and professional standards.",
        },
        {
          id: "q8",
          title: "What areas do you serve?",
          content: "We proudly serve Baton Rouge and the surrounding communities, including Prairieville, Denham Springs, Gonzales, Zachary, Baker, Central, Walker, Port Allen, and Shenandoah.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common questions about roofing services, storm damage, insurance claims, and working with Eaglex."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Contact Us Today"
      title="Get Your Free Roofing Inspection"
      description="Don’t wait until a small roof issue becomes a major problem. Schedule your free roof inspection today to ensure your home is protected. Call us directly or request an inspection below. Phone: (555) 123-4567 | Email: info@eaglexroofing.com | Baton Rouge, Louisiana | Business Hours: Mon-Fri 8 AM - 5 PM."
      buttons={[
        {
          text: "Schedule Inspection",
          href: "mailto:info@eaglexroofing.com",
        },
        {
          text: "Call Now",
          href: "tel:+15551234567",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/central-park-spring-with-skyline-midtown-manhattan-new-york-city_649448-99.jpg"
      imageAlt="Baton Rouge cityscape at sunset"
      logoSrc="http://img.b2bpic.net/free-vector/eagle-shape-logo-template_1195-3.jpg"
      logoAlt="Eaglex Roofing & Restoration Logo"
      logoText="EAGLEX ROOFING & RESTORATION"
      columns={[
        {
          title: "Quick Links",
          items: [
            {
              label: "Home",
              href: "#hero",
            },
            {
              label: "About Us",
              href: "#why-choose",
            },
            {
              label: "Projects",
              href: "#gallery",
            },
            {
              label: "FAQ",
              href: "#faq",
            },
          ],
        },
        {
          title: "Services",
          items: [
            {
              label: "Roof Repair",
              href: "#about-services-problems",
            },
            {
              label: "Roof Replacement",
              href: "#about-services-problems",
            },
            {
              label: "Storm Damage",
              href: "#about-services-problems",
            },
            {
              label: "Insurance Claims",
              href: "#about-services-problems",
            },
          ],
        },
        {
          title: "Service Areas",
          items: [
            {
              label: "Baton Rouge",
              href: "#service-areas",
            },
            {
              label: "Prairieville",
              href: "#service-areas",
            },
            {
              label: "Denham Springs",
              href: "#service-areas",
            },
            {
              label: "Gonzales",
              href: "#service-areas",
            },
          ],
        },
        {
          title: "Contact Info",
          items: [
            {
              label: "Baton Rouge, LA",
              href: "#contact",
            },
            {
              label: "(555) 123-4567",
              href: "tel:+15551234567",
            },
            {
              label: "info@eaglexroofing.com",
              href: "mailto:info@eaglexroofing.com",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Eaglex Roofing & Restoration. All rights reserved. | Licensed & Insured."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
