"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Award, CheckCircle, Facebook, Home, Leaf, Linkedin, Shield, Sparkles, Star, Tool, Twitter, Users, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="small"
        sizing="large"
        background="blurBottom"
        cardStyle="soft-shadow"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "About Us",
          id: "#about",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "Pricing",
          id: "#pricing",
        },
        {
          name: "Team",
          id: "#team",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Excellent Roofing"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "downward-rays-static",
      }}
      title="Excellent Roofing"
      description="Your Trusted Partner for Quality Roofing Solutions."
      testimonials={[
        {
          name: "Sarah J.",
          handle: "@homeownerSJ",
          testimonial: "Excellent Roofing provided an outstanding service. Our new roof looks amazing and the team was incredibly efficient and professional from start to finish.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site_23-2149124275.jpg",
          imageAlt: "Sarah J. testimonial avatar",
        },
        {
          name: "Michael C.",
          handle: "@bizownerMC",
          testimonial: "Highly recommend Excellent Roofing for commercial projects. They handled our complex roof replacement with precision and minimal disruption to our business.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-lovely-energetic-woman-winks-eyes-raises-eyebrows-clenches-fists-with-success-feels-very-happy_273609-33939.jpg",
          imageAlt: "Michael C. testimonial avatar",
        },
        {
          name: "Emily R.",
          handle: "@happyclientER",
          testimonial: "After a storm, Excellent Roofing quickly repaired our damaged roof. Their response was fast, and the quality of work was exceptional. Very impressed!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg",
          imageAlt: "Emily R. testimonial avatar",
        },
        {
          name: "David K.",
          handle: "@propertymgrDK",
          testimonial: "We manage several properties and Excellent Roofing is our go-to for all repairs and installations. Their consistency in quality and reliability is unmatched.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-bearded-young-man-from-spain-elegant-gray-shirt_181624-58370.jpg",
          imageAlt: "David K. testimonial avatar",
        },
        {
          name: "Linda P.",
          handle: "@satisfiedLP",
          testimonial: "From the initial consultation to the final cleanup, everything was seamless. They truly live up to their name – excellent service and results!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-mature-woman-smiling_23-2148730176.jpg",
          imageAlt: "Linda P. testimonial avatar",
        },
      ]}
      buttons={[
        {
          text: "Get a Free Quote",
          href: "#contact",
        },
        {
          text: "Our Services",
          href: "#services",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-construction-worker_329181-2848.jpg",
          alt: "Roofer 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",
          alt: "Roofer 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/senior-businessman-architect-hard-hat_1303-18998.jpg",
          alt: "Roofer 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg",
          alt: "Roofer 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/worker-uniform-against-backdrop-agri-buildings_146671-19124.jpg",
          alt: "Professional male roofer",
        },
      ]}
      avatarText="Trust our certified experts"
      imageSrc="http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg"
      imageAlt="Excellent Roofing team working on a new roof installation"
      marqueeItems={[
        {
          type: "text-icon",
          text: "Quality Craftsmanship",
          icon: Shield,
        },
        {
          type: "text-icon",
          text: "Customer Satisfaction",
          icon: Star,
        },
        {
          type: "text-icon",
          text: "Durable Materials",
          icon: Home,
        },
        {
          type: "text-icon",
          text: "Experienced Team",
          icon: Tool,
        },
        {
          type: "text-icon",
          text: "Eco-Friendly Options",
          icon: Leaf,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="Why Choose Excellent Roofing?"
      metrics={[
        {
          icon: Award,
          label: "Years in Business",
          value: "20+",
        },
        {
          icon: CheckCircle,
          label: "Projects Completed",
          value: "1000+",
        },
        {
          icon: Users,
          label: "Customer Satisfaction",
          value: "98%",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "New Roof Installation",
          description: "Expert installation of various roofing systems including asphalt shingles, metal roofs, and flat roofs. We use only premium, durable materials.",
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-playing-guitar_23-2149223663.jpg",
          imageAlt: "New roof installation",
          buttonIcon: "ArrowRight",
        },
        {
          title: "Roof Repair & Maintenance",
          description: "Fast and reliable repair services for leaks, storm damage, and wear-and-tear. Regular maintenance to extend your roof's lifespan.",
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-roof_23-2149343640.jpg",
          imageAlt: "Roof repair and maintenance",
          buttonIcon: "ArrowRight",
        },
        {
          title: "Roof Inspections",
          description: "Thorough roof inspections using advanced techniques to identify potential issues and provide comprehensive condition reports.",
          imageSrc: "http://img.b2bpic.net/free-photo/cityscape-istanbul-turkey-aerial-view_1153-6737.jpg",
          imageAlt: "Roof inspection",
          buttonIcon: "ArrowRight",
        },
        {
          title: "Gutter Services",
          description: "Installation, repair, and cleaning of gutter systems to ensure proper water drainage and protect your home's foundation.",
          imageSrc: "http://img.b2bpic.net/free-photo/back-view-male-musician-climbing-roof-with-electric-guitar_23-2148680354.jpg",
          imageAlt: "Gutter services",
          buttonIcon: "ArrowRight",
        },
      ]}
      title="Our Comprehensive Roofing Services"
      description="From new installations to prompt repairs, we cover all your roofing needs with expertise and quality materials. We are committed to protecting your home."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Robert S.",
          handle: "Local Resident",
          testimonial: "Excellent Roofing replaced our entire roof, and the process was incredibly smooth. The team was professional, clean, and finished ahead of schedule.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-smiling-holding-her-chin_23-2149374984.jpg",
          imageAlt: "Robert S. testimonial avatar",
        },
        {
          id: "2",
          name: "Jessica L.",
          handle: "Business Owner",
          testimonial: "As a business owner, I value efficiency and quality. Excellent Roofing delivered on both, with a new commercial roof that looks fantastic and was installed flawlessly.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13215.jpg",
          imageAlt: "Jessica L. testimonial avatar",
        },
        {
          id: "3",
          name: "Tom H.",
          handle: "Property Manager",
          testimonial: "We rely on Excellent Roofing for all our rental properties. Their quick response to emergencies and durable repairs save us time and money every time.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-ethnic-man_23-2148203621.jpg",
          imageAlt: "Tom H. testimonial avatar",
        },
        {
          id: "4",
          name: "Maria P.",
          handle: "Homeowner",
          testimonial: "Our old roof was a nightmare. Excellent Roofing guided us through the options and installed a beautiful, sturdy new roof. So happy with the result!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-holding-collar-his-shirt-looking-camera_23-2148130309.jpg",
          imageAlt: "Maria P. testimonial avatar",
        },
        {
          id: "5",
          name: "John D.",
          handle: "Community Leader",
          testimonial: "The work done by Excellent Roofing on our community center was exceptional. They are true craftsmen who care about their reputation and their clients.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/tenderness-aging-cosmetology-concept-modern-cute-happy-smiling-senior-woman-with-combed-grey-hair-clasping-hands-gazing-camera-delighted-taking-care-skin_176420-55607.jpg",
          imageAlt: "John D. testimonial avatar",
        },
      ]}
      showRating={true}
      title="What Our Clients Say"
      description="Hear from satisfied homeowners and businesses who trusted us with their roofing projects. Their satisfaction is our greatest achievement."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Local Homeowners Association",
        "Property Management Solutions",
        "Certified Contractors Network",
        "Regional Building Authority",
        "Home Renovation Specialists",
        "Sustainable Building Initiatives",
        "Insurance Partner Alliance",
      ]}
      title="Trusted by Homeowners & Businesses Alike"
      description="Our commitment to quality and integrity has earned us the trust of a wide range of clients and partners across the region."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic",
          badge: "Value",
          badgeIcon: Sparkles,
          price: "$XXX",
          name: "Essential Roof Repair",
          buttons: [
            {
              text: "Get Estimate",
              href: "#contact",
            },
          ],
          features: [
            "Minor Leak Fixes",
            "Shingle Replacement (Up to 10)",
            "Basic Inspection Report",
            "1-Year Workmanship Warranty",
          ],
        },
        {
          id: "standard",
          badge: "Popular",
          badgeIcon: Star,
          price: "$XXXX",
          name: "Standard Roof Replacement",
          buttons: [
            {
              text: "Get Estimate",
              href: "#contact",
            },
          ],
          features: [
            "Full Roof Tear-Off & Replacement",
            "Premium Shingle Options",
            "Detailed Inspection with Drone",
            "5-Year Workmanship Warranty",
          ],
        },
        {
          id: "premium",
          badge: "Best Value",
          badgeIcon: Zap,
          price: "$XXXXX",
          name: "Premium Installation & Care",
          buttons: [
            {
              text: "Get Estimate",
              href: "#contact",
            },
          ],
          features: [
            "Custom Roofing System Design",
            "High-End Materials (Metal/Tile)",
            "Gutter & Ventilation Upgrade",
            "10-Year Workmanship Warranty",
            "Annual Maintenance Plan",
          ],
        },
      ]}
      title="Transparent Roofing Plans"
      description="Explore our customizable service packages designed to fit every budget and requirement, from essential repairs to complete installations."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      groups={[
        {
          id: "leadership",
          groupTitle: "Leadership & Operations",
          members: [
            {
              id: "1",
              title: "John Doe",
              subtitle: "Founder & CEO",
              detail: "Over 25 years of experience in the roofing industry, passionate about quality craftsmanship.",
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg",
              imageAlt: "John Doe portrait",
            },
            {
              id: "2",
              title: "Jane Smith",
              subtitle: "Operations Manager",
              detail: "Ensures smooth project execution and customer satisfaction from start to finish.",
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-engineers-work-hours-job-site_23-2151589605.jpg",
              imageAlt: "Jane Smith portrait",
            },
            {
              id: "3",
              title: "Mike Johnson",
              subtitle: "Lead Foreman",
              detail: "Manages on-site teams, ensuring every roof is built to the highest standards.",
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-young-handyman-standing-own-workshop-interior_1163-3158.jpg",
              imageAlt: "Mike Johnson portrait",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg",
          imageAlt: "senior roofer smiling portrait",
        },
      ]}
      title="Meet Our Expert Team"
      description="Our skilled professionals are dedicated to delivering top-notch roofing services. We're a team committed to excellence and your satisfaction."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "What types of roofing materials do you work with?",
          content: "We specialize in a variety of materials including asphalt shingles, metal roofing, flat roofs (TPO, EPDM), and tile roofs. We can help you choose the best option for your home or business.",
        },
        {
          id: "2",
          title: "How long does a typical roof replacement take?",
          content: "The duration depends on the size and complexity of the roof, as well as weather conditions. Most residential roof replacements are completed within 1-3 days. We'll provide a detailed timeline with your estimate.",
        },
        {
          id: "3",
          title: "Do you offer free estimates?",
          content: "Yes, we offer complimentary, no-obligation estimates for all our roofing services. Contact us today to schedule your assessment.",
        },
        {
          id: "4",
          title: "Are your roofers licensed and insured?",
          content: "Absolutely. All our roofers are fully licensed, insured, and undergo continuous training to ensure the highest standards of safety and quality workmanship.",
        },
        {
          id: "5",
          title: "What kind of warranty do you provide?",
          content: "We offer comprehensive warranties on both materials and workmanship. The specifics vary by project and materials used, but we'll outline all warranty details in your contract.",
        },
        {
          id: "6",
          title: "What areas do you serve?",
          content: "Excellent Roofing proudly serves [Your City/Region] and the surrounding areas. Please contact us to confirm service availability in your specific location.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common questions about our roofing services, processes, and what to expect when working with Excellent Roofing."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      tag="Contact Us"
      title="Ready for a Durable Roof?"
      description="Reach out today for a free consultation and estimate. We're here to help with all your roofing needs and provide the best solution for your property."
      buttons={[
        {
          text: "Get a Free Quote",
          href: "#contact-form",
        },
        {
          text: "Call Us Now",
          href: "tel:+1234567890",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Excellent Roofing"
      copyrightText="© 2025 Excellent Roofing. All rights reserved."
      socialLinks={[
        {
          icon: Facebook,
          href: "#",
          ariaLabel: "Facebook",
        },
        {
          icon: Twitter,
          href: "#",
          ariaLabel: "Twitter",
        },
        {
          icon: Linkedin,
          href: "#",
          ariaLabel: "LinkedIn",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
