"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { CalendarClock, Home, ShieldCheck, Star, Users, Wrench } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="medium"
        sizing="largeSmallSizeLargeTitles"
        background="fluid"
        cardStyle="inset"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Portfolio",          id: "#portfolio"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EpLicFwrF5qAlo4BS5zWMKNijA/uploaded-1780872198017-tazpeeq6.jpg"
      logoAlt="LA Roofing Company Logo"
      brandName="LA Roofing Co."
      logoImageClassName="h-12 w-auto object-contain"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlay
      title="Los Angeles Roofing Built to Last"
      description="Expert repairs, replacements, and maintenance from LAs most trusted roofing team. Licensed, insured, and ready to protect your home."
      buttons={[
        {
          text: "Get Your Free Inspection",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg"
      imageAlt="Modern home with a newly installed roof in Los Angeles"
      showBlur={true}
      textPosition="bottom"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-358.jpg",          alt: "Happy homeowner 1"},
        {
          src: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2831.jpg",          alt: "Satisfied customer 2"},
        {
          src: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg",          alt: "Smiling client 3"},
        {
          src: "http://img.b2bpic.net/free-photo/senior-man-listening-music-though-headphones_23-2148404334.jpg",          alt: "Homeowner review 4"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg",          alt: "Local client 5"},
      ]}
      avatarText="Trusted by 1000+ happy clients"
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="Your Trusted Local Roofing Partner"
      description="With decades of experience serving Los Angeles, we're dedicated to providing superior roofing solutions. Our commitment to quality, integrity, and customer satisfaction ensures every project is handled with the utmost care, protecting your home for years to come. We understand LA's unique climate challenges."
      metrics={[
        {
          value: "25+",          title: "Years Experience"},
        {
          value: "5000+",          title: "Projects Completed"},
        {
          value: "A+",          title: "BBB Rating"},
      ]}
      tag="About Us"
      tagIcon={Home}
      imageSrc="http://img.b2bpic.net/free-photo/group-male-architect-having-discussion-blueprint_23-2147839877.jpg"
      imageAlt="Roofing team discussing plans on a job site"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Expert Roof Repair",          description: "Addressing leaks, damaged shingles, and wear-and-tear with precision and speed to extend your roof's lifespan.",          icon: Wrench,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/cracked-table-paint_1122-425.jpg",              imageAlt: "Roofer repairing damaged roof tiles"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/asian-man-with-cancer-side-view_23-2149870330.jpg",              imageAlt: "Drone inspecting a damaged commercial roof"},
          ]
        },
        {
          title: "Full Roof Replacement",          description: "Seamless installation of new, durable roofing systems designed to enhance your property's value and protection.",          icon: Home,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg",              imageAlt: "New roof installation on a residential house"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-roof-texture-tiles-generative-al_169016-28456.jpg",              imageAlt: "Various types of roofing materials and samples"},
          ]
        },
        {
          title: "Preventative Maintenance",          description: "Regular inspections and proactive care to prevent issues, ensuring your roof remains in optimal condition year-round.",          icon: ShieldCheck,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/cute-yellow-rural-house-with-wooden-stairs-countryside_176420-7158.jpg",              imageAlt: "Roofer cleaning gutters and downspouts"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-roof_23-2149343640.jpg",              imageAlt: "Roofer installing roof ventilation system"},
          ]
        },
      ]}
      title="Comprehensive Roofing Solutions for LA Homes & Businesses"
      description="From minor leaks to complete overhauls, our expert team provides a full spectrum of roofing services tailored to your needs. We use only the highest quality materials and proven techniques to ensure lasting protection."
      tag="Our Services"
    />
  </div>

  <div id="portfolio" data-section="portfolio">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "shingle-roof",          brand: "Residential",          name: "Elegant Shingle Roof",          price: "Varies",          rating: 5,
          reviewCount: "120 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/view-abstract-outdoors-daylight-shadows_23-2149080244.jpg",          imageAlt: "Newly installed asphalt shingle roof"},
        {
          id: "tile-roof",          brand: "Residential",          name: "Classic Clay Tile Roof",          price: "Varies",          rating: 5,
          reviewCount: "85 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-beautiful-stone-houses-roquebrune-cap-martin-commune-france_181624-7627.jpg",          imageAlt: "Mediterranean style clay tile roof"},
        {
          id: "flat-roof",          brand: "Commercial",          name: "Durable Flat Roof System",          price: "Varies",          rating: 4,
          reviewCount: "50 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/city-building-corner_23-2148106879.jpg",          imageAlt: "Commercial building with a new flat roof"},
        {
          id: "metal-roof",          brand: "Residential",          name: "Modern Metal Roof",          price: "Varies",          rating: 5,
          reviewCount: "75 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/black-iron-tin-fence-lined-background-metal-texture_158595-6441.jpg",          imageAlt: "Sleek standing seam metal roof"},
        {
          id: "solar-roof",          brand: "Sustainable",          name: "Integrated Solar Roofing",          price: "Varies",          rating: 5,
          reviewCount: "40 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/representation-ecology-sustainability_23-2151896744.jpg",          imageAlt: "Residential rooftop with integrated solar panels"},
        {
          id: "gutters",          brand: "Add-on Service",          name: "Seamless Gutter Installation",          price: "Varies",          rating: 5,
          reviewCount: "90 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/girl-with-tablet_23-2148016289.jpg",          imageAlt: "Newly installed seamless aluminum gutters"},
      ]}
      title="Showcasing Our Craftsmanship Across Los Angeles"
      description="Explore a selection of our recent roofing projects, demonstrating our versatility, attention to detail, and commitment to excellence. From residential homes to commercial properties, we deliver results that stand the test of time."
      tag="Our Portfolio"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sarah J.",          date: "May 15, 2024",          title: "Exceptional Roof Repair!",          quote: "LA Roofing Co. responded quickly to our emergency leak. The team was professional, knowledgeable, and fixed the issue flawlessly. Highly recommend their services!",          tag: "Homeowner",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-mature-man_23-2148465219.jpg",          avatarAlt: "Sarah J. avatar",          imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_1203-2241.jpg",          imageAlt: "Completed residential roof repair"},
        {
          id: "2",          name: "Michael D.",          date: "April 28, 2024",          title: "Outstanding Commercial Project",          quote: "We needed a complete flat roof replacement for our commercial building. LA Roofing Co. delivered on time and within budget, with minimal disruption to our operations. Fantastic work!",          tag: "Property Manager",          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-real-estate-agent_23-2151065041.jpg",          avatarAlt: "Michael D. avatar",          imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-japan-business-district_23-2148836784.jpg",          imageAlt: "Commercial building flat roof installation"},
        {
          id: "3",          name: "Emily R.",          date: "March 10, 2024",          title: "Thorough Inspection & Maintenance",          quote: "Their preventative maintenance service is incredibly thorough. They caught a small issue before it became a major problem. Feeling very secure with my roof now.",          tag: "Homeowner",          avatarSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg",          avatarAlt: "Emily R. avatar",          imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg",          imageAlt: "Detailed roof inspection"},
        {
          id: "4",          name: "David K.",          date: "February 20, 2024",          title: "Beautiful Skylight Installation",          quote: "We had a skylight installed, and the craftsmanship is superb. The team was clean, efficient, and very respectful of our home. It's transformed our living room!",          tag: "Homeowner",          avatarSrc: "http://img.b2bpic.net/free-photo/middle-age-couple-standing-together-doing-ok-gesture-with-hand-smiling-eye-looking-through-fingers-with-happy-face_839833-32832.jpg",          avatarAlt: "David K. avatar",          imageSrc: "http://img.b2bpic.net/free-photo/high-view-person-holding-hammer-drill_23-2148748796.jpg",          imageAlt: "Skylight installation on pitched roof"},
        {
          id: "5",          name: "Jessica L.",          date: "January 5, 2024",          title: "LA's Best Roofing Company!",          quote: "After getting several quotes, LA Roofing Co. stood out with their transparent pricing and clear communication. The entire roof replacement process was smooth and stress-free. Our new roof looks amazing!",          tag: "Homeowner",          avatarSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-talking-partner_1262-2030.jpg",          avatarAlt: "Jessica L. avatar",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-town-houses-texture_158595-5817.jpg",          imageAlt: "Aerial view of Los Angeles rooftops"},
      ]}
      title="What Our Valued Clients Say"
      description="Our commitment to quality and customer satisfaction is reflected in the glowing feedback from homeowners and property managers across Los Angeles. Read their experiences below."
      tag="Testimonials"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Angi",        "BBB A+",        "GAF Certified",        "Owens Corning Preferred",        "CertainTeed Select ShingleMaster",        "CSLB Licensed",        "NRCA Member"]}
      title="Trusted by Homeowners and Industry Leaders"
      description="Our certifications, partnerships, and high ratings reflect our unwavering commitment to quality and service excellence in the Los Angeles roofing industry."
      tag="Accreditations"
      tagIcon={Star}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "How often should I have my roof inspected?",          content: "We recommend a professional roof inspection at least once every 1-3 years, or after any major weather event, to catch potential issues early and extend your roof's lifespan."},
        {
          id: "q2",          title: "What are the signs I need a new roof?",          content: "Common signs include missing or damaged shingles, curling or buckling shingles, granules in your gutters, water stains on ceilings, and a roof that is over 20-25 years old. A professional assessment can confirm."},
        {
          id: "q3",          title: "Do you offer financing options for roof replacement?",          content: "Yes, we understand that a new roof is a significant investment. We partner with reputable lenders to offer flexible financing options. Contact us for more details and to discuss your eligibility."},
        {
          id: "q4",          title: "What type of warranty do you provide?",          content: "We offer comprehensive warranties on both materials and labor, which vary based on the products chosen and the scope of work. We'll provide full details during your free inspection."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg"
      imageAlt="Roofer explaining roof repair details to a homeowner"
      mediaAnimation="slide-up"
      mediaPosition="left"
      title="Your Roofing Questions, Answered"
      description="Find quick answers to the most common questions about roofing services, repairs, replacements, and what to expect when working with LA Roofing Co."
      tag="FAQ"
      tagIcon={Users}
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient"}}
      tag="Contact Us"
      title="Get Your Free Roofing Inspection Today"
      description="Ready to protect your home with LA's most trusted roofing experts? Fill out the form below or call us directly to schedule your no-obligation inspection and estimate."
      tagIcon={CalendarClock}
      inputPlaceholder="Enter your email"
      buttonText="Schedule Inspection"
      termsText="By submitting, you agree to receive communications from LA Roofing Co."
      onSubmit={(submittedEmail: string) => {
        // This is a client-side handler.
        // To send a notification email, this function needs to interact with a backend service.
        // The current frontend code cannot directly send emails.
        // A typical implementation would involve making an API call to a server-side endpoint,
        // which would then handle the email delivery to 'syedmohib223@icloud.com'.
        console.log(`Form submitted with email: ${submittedEmail}.`);
        console.log(`ACTION REQUIRED: Implement a backend API call here to send this email to syedmohib223@icloud.com.`);
      }}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Roof Repair",              href: "#services"},
            {
              label: "Roof Replacement",              href: "#services"},
            {
              label: "Maintenance",              href: "#services"},
            {
              label: "Commercial Roofing",              href: "#portfolio"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Portfolio",              href: "#portfolio"},
            {
              label: "Testimonials",              href: "#testimonials"},
            {
              label: "Careers",              href: "#"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Contact Us",              href: "#contact"},
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EpLicFwrF5qAlo4BS5zWMKNijA/uploaded-1780872198017-tazpeeq6.jpg"
      logoAlt="LA Roofing Company Logo"
      logoText="LA Roofing Co."
      copyrightText="© 2024 LA Roofing Co. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
