"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 FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Award, CheckCircle, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="mediumLargeSizeMediumTitles"
        background="floatingGradient"
        cardStyle="soft-shadow"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        { name: "Home", id: "hero" },
        { name: "About", id: "about" },
        { name: "Services", id: "services" },
        { name: "Testimonials", id: "testimonials" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="SameDayRoofing"
      button={{ text: "Quote", href: "#contact" }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlay
      title="Same Day Roofing Services, Your Trusted Local Expert"
      description="Don't let a damaged roof wait. We provide fast, reliable, and high-quality roofing solutions on your schedule. Licensed, insured, and ready to protect your home."
      buttons={[{ text: "Get Free Estimate", href: "#contact" }]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdVxllyFBxzLUpu42MFLgpvLdw/uploaded-1778612781658-8unvabaw.png"
      showDimOverlay={true}
      textPosition="bottom"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg", alt: "Medium shot men working together" },
        { src: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg", alt: "Man working on roof medium shot" },
        { src: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof-together_23-2149343676.jpg", alt: "Long shot men working on roof together" },
        { src: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-protection-helmets_23-2149343642.jpg", alt: "Medium shot people wearing protection helmets" },
        { src: "http://img.b2bpic.net/free-photo/side-view-man-working-roof-with-drill_23-2148748775.jpg", alt: "Side view man working on roof with a drill" },
      ]}
      avatarText="Trusted by 500+ Local Homeowners"
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={true}
      title="Experience Quality Roofing You Can Count On"
      description="At Same Day Roofing, we specialize in providing rapid response roofing services without compromising on quality craftsmanship. We treat every roof as if it were our own."
      bulletPoints={[
        { title: "24/7 Rapid Support", description: "We are available when you need us most." },
        { title: "Certified Professionals", description: "Experienced, licensed, and highly trained team." },
        { title: "Guaranteed Satisfaction", description: "Your peace of mind is our top priority." },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSixteen
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
      negativeCard={{ items: ["Hidden costs in quotes", "Long waits for appointments", "Lack of clear communication", "Unprofessional contractors", "Inconsistent scheduling"] }}
      positiveCard={{ items: ["Transparent upfront pricing", "Same-day inspection booking", "Consistent live updates", "Licensed and insured work", "Quality materials guaranteed"] }}
      title="Why Choose Our Roofing Service"
      description="We bridge the gap between emergency repairs and premium roofing craftsmanship."
    />
  </div>

  <div id="services" data-section="services">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      products={[
        { id: "p1", name: "Emergency Roof Repairs", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg" },
        { id: "p2", name: "Residential Roof Replacement", price: "Request Quote", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343678.jpg" },
        { id: "p3", name: "Roof Maintenance & Inspection", price: "Affordable", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343677.jpg" },
        { id: "p4", name: "Storm Damage Restoration", price: "Quotes", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg" },
        { id: "p5", name: "Leak Detection & Repair", price: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg" },
        { id: "p6", name: "New Gutter Installation", price: "Quote", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together_23-2149343675.jpg" },
      ]}
      title="Our Professional Roofing Services"
      description="Comprehensive solutions tailored to your unique roofing needs."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        { id: "1", name: "John Doe", handle: "@john.doe", testimonial: "Fastest response ever. Fixed my leak in hours!", imageSrc: "http://img.b2bpic.net/free-photo/laughing-ladies-looking-smartphone-bench_23-2147950216.jpg" },
        { id: "2", name: "Jane Smith", handle: "@jane.smith", testimonial: "Very professional and left the site very clean.", imageSrc: "http://img.b2bpic.net/free-photo/lower-angle-portrait-young-strong-man-with-muscles-tries-close-his-suitcase-full-clothes-pressing-bag-with-effort_1258-314717.jpg" },
        { id: "3", name: "Mike Ross", handle: "@miker", testimonial: "Affordable and excellent work on our full roof replacement.", imageSrc: "http://img.b2bpic.net/free-photo/rear-view-woman-with-her-boyfriend-pointing-ferris-wheel-while_23-2148193889.jpg" },
        { id: "4", name: "Sarah Lee", handle: "@sarah.l", testimonial: "Highly recommended for storm damage restorations.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-architect-with-blueprints_23-2148269843.jpg" },
        { id: "5", name: "David Clark", handle: "@dclark", testimonial: "Quality craftsmanship at a fair price point.", imageSrc: "http://img.b2bpic.net/free-photo/man-talking-smartphone-sitting-open-terrace_259150-59317.jpg" },
      ]}
      title="What Our Satisfied Clients Say"
      description="Building trust, one happy homeowner at a time."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        { id: "m1", value: "1500+", title: "Roofs Repaired", description: "Completed projects across the county.", icon: CheckCircle },
        { id: "m2", value: "10+", title: "Years Experience", description: "Industry-leading expertise.", icon: Award },
        { id: "m3", value: "500+", title: "Happy Homeowners", description: "Proven customer satisfaction.", icon: Star },
      ]}
      title="Roofing By The Numbers"
      description="Our track record speaks for itself in reliability and expert care."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        { id: "q1", title: "Do you provide emergency roofing services?", content: "Yes, we are available 24/7 for urgent roof repairs." },
        { id: "q2", title: "How long does a roof inspection take?", content: "Usually 30-60 minutes depending on the size." },
        { id: "q3", title: "Are you licensed and insured?", content: "Absolutely. We are fully licensed, bonded, and insured." },
      ]}
      title="Frequently Asked Questions"
      description="Everything you need to know about our roofing services."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{ variant: "canvas-reveal" }}
      text="Ready to fix your roof today? Contact us for a free, fast estimate."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }] },
        { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
      ]}
      bottomLeftText="© 2024 Same Day Roofing Services"
      bottomRightText="All Rights Reserved"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}