"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Building, CalendarCheck, Car, Home, Star, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeMediumTitles"
        background="grid"
        cardStyle="solid"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Our Work",
          id: "#our-work",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="OSDA Service"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardScroll
      background={{
        variant: "radial-gradient",
      }}
      title="Sparkling Clean. Renewed Spaces. OSDA Pressure Washing."
      description="Restore the beauty and boost the curb appeal of your home or business with our professional pressure washing services. Experience a pristine clean that truly shines."
      buttons={[
        {
          text: "Get a Free Quote",
          href: "#contact",
        },
        {
          text: "View Our Services",
          href: "#services",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/weathered-stained-concrete-wall-corner_632498-60769.jpg?_wi=1"
      imageAlt="Professional pressure washing a house exterior"
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="Committed to Delivering Unmatched Cleanliness and Satisfaction"
      metrics={[
        {
          icon: Star,
          label: "5-Star Rating",
          value: "Consistently top-rated",
        },
        {
          icon: CalendarCheck,
          label: "Years in Service",
          value: "Over 10 Years",
        },
        {
          icon: Users,
          label: "Satisfied Clients",
          value: "500+ Happy Customers",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Residential Cleaning",
          description: "Safely clean your home's exterior, roof, gutters, and windows, removing grime and mildew without damage.",
          bentoComponent: "reveal-icon",
          icon: Home,
          imageSrc: "http://img.b2bpic.net/free-photo/3d-speech-bubbles-with-gold-rating-stars_107791-16206.jpg",
          imageAlt: "star rating icon gold",
        },
        {
          title: "Driveway & Patio Restoration",
          description: "Eliminate tough stains, oil spots, and dirt from concrete, pavers, and stone, making your surfaces look new again.",
          bentoComponent: "reveal-icon",
          icon: Car,
          imageSrc: "http://img.b2bpic.net/free-photo/weathered-stained-concrete-wall-corner_632498-60769.jpg?_wi=2",
          imageAlt: "star rating icon gold",
        },
        {
          title: "Commercial Property Services",
          description: "Maintain a professional appearance for your business with facade, sidewalk, and fleet cleaning services.",
          bentoComponent: "reveal-icon",
          icon: Building,
          imageSrc: "http://img.b2bpic.net/free-vector/elementos-de-fiesta-de-ano-nuevo_23-2147704165.jpg",
          imageAlt: "star rating icon gold",
        },
      ]}
      title="Comprehensive Pressure Washing Solutions"
      description="From delicate soft washes to powerful pressure cleaning, we handle all types of surfaces with expertise and care. Trust us to revitalize your property."
    />
  </div>

  <div id="our-work" data-section="our-work">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "driveway-cleaning",
          name: "Driveway Cleaning",
          price: "Starting at $150",
          imageSrc: "http://img.b2bpic.net/free-photo/view-sanitation-worker-protective-suit-spraying-city-streets-with-disinfectant-covid19-epidemic_637285-7944.jpg",
          imageAlt: "Cleaned concrete driveway",
        },
        {
          id: "house-washing",
          name: "House Washing",
          price: "Starting at $250",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-blue-brown-foam_23-2147797931.jpg",
          imageAlt: "Cleaned house siding",
        },
        {
          id: "deck-patio-cleaning",
          name: "Deck & Patio Cleaning",
          price: "Starting at $180",
          imageSrc: "http://img.b2bpic.net/free-photo/man-paints-with-white-paint-wooden-planks-man-industrial-concept-there-is-place-text-object-is-close-up_169016-4432.jpg",
          imageAlt: "Cleaned wooden deck",
        },
        {
          id: "fence-washing",
          name: "Fence Washing",
          price: "Starting at $100",
          imageSrc: "http://img.b2bpic.net/free-photo/waitress-cleaning-table_23-2147984994.jpg",
          imageAlt: "Cleaned white vinyl fence",
        },
        {
          id: "roof-soft-wash",
          name: "Roof Soft Washing",
          price: "Starting at $300",
          imageSrc: "http://img.b2bpic.net/free-photo/back-view-male-musician-climbing-roof-with-electric-guitar_23-2148680354.jpg",
          imageAlt: "Cleaned residential roof",
        },
        {
          id: "commercial-exterior",
          name: "Commercial Exterior",
          price: "Custom Quote",
          imageSrc: "http://img.b2bpic.net/free-photo/teenage-boys-sitting-together-empty-canteen_53876-24936.jpg",
          imageAlt: "Cleaned commercial building facade",
        },
      ]}
      title="Our Specialized Pressure Washing Services"
      description="Explore our core services designed to tackle any cleaning challenge, delivering exceptional results every time."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sarah J.",
          handle: "@SarahJClean",
          testimonial: "OSDA Service transformed my dirty driveway! It looks brand new. Professional, efficient, and friendly. Highly recommend!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-walking-down-stairs-using-phone_1303-31362.jpg",
          imageAlt: "Sarah J.",
        },
        {
          id: "2",
          name: "Michael T.",
          handle: "@MT_Properties",
          testimonial: "Their commercial pressure washing service is top-notch. Our building's exterior hasn't looked this good in years. Excellent work!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-hipster-male-student-standing-near-wall_158538-13025.jpg",
          imageAlt: "Michael T.",
        },
        {
          id: "3",
          name: "Emily R.",
          handle: "@EmilyRHome",
          testimonial: "I was amazed at how clean my house siding got. The soft wash was perfect, no damage to plants. Will definitely use them again.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-smiling-confident-cheerful-leaning-wooden-wall-walking-street-city-sunny-day_839833-5962.jpg",
          imageAlt: "Emily R.",
        },
        {
          id: "4",
          name: "David K.",
          handle: "@DKInvestments",
          testimonial: "OSDA cleaned our large patio area and it truly shines. They paid attention to every detail. Fantastic value for the quality.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2543.jpg",
          imageAlt: "David K.",
        },
        {
          id: "5",
          name: "Jessica L.",
          handle: "@JLOutdoor",
          testimonial: "My fence was covered in mildew. OSDA made it look like it was just installed. Very happy with the results and service.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-asian-grandmother-pointing-camera-you-can-this-gesture-congratulating_1258-162098.jpg",
          imageAlt: "Jessica L.",
        },
      ]}
      showRating={true}
      title="What Our Valued Clients Say"
      description="We pride ourselves on customer satisfaction. Hear directly from those who've experienced the OSDA difference."
    />
  </div>

  <div id="coverage" data-section="coverage">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Local Residences",
        "Small Businesses",
        "HOA Communities",
        "Restaurants",
        "Retail Stores",
        "Office Parks",
        "Industrial Facilities",
      ]}
      title="Serving Homes and Businesses Across the Region"
      description="We are proud to be the trusted pressure washing service for numerous clients in diverse communities."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",
          title: "What is pressure washing?",
          content: "Pressure washing uses high-pressure water spray to remove loose paint, mold, grime, dust, mud, and dirt from surfaces and objects such as buildings, vehicles, concrete surfaces, and more.",
        },
        {
          id: "faq-2",
          title: "Is pressure washing safe for all surfaces?",
          content: "While effective, high-pressure washing can damage certain surfaces like soft wood or delicate siding. We assess each job to determine the appropriate pressure and technique, including soft washing, to ensure safety.",
        },
        {
          id: "faq-3",
          title: "How often should I pressure wash my property?",
          content: "Most experts recommend pressure washing your home's exterior once a year to maintain its appearance and prevent the buildup of mildew, algae, and dirt. Driveways and patios might benefit from cleaning every 6-12 months.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about our pressure washing services and processes."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      tag="Get Your Quote"
      title="Request a Free Estimate Today"
      description="Ready to revitalize your property? Contact us now for a personalized, no-obligation estimate."
      inputPlaceholder="Enter your email"
      buttonText="Send Request"
      termsText="By clicking Send Request you're confirming that you agree with our Terms and Conditions."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="OSDA Service"
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Residential",
              href: "#our-work",
            },
            {
              label: "Commercial",
              href: "#our-work",
            },
            {
              label: "Driveways",
              href: "#our-work",
            },
            {
              label: "Decks & Patios",
              href: "#our-work",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Our Work",
              href: "#our-work",
            },
            {
              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: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 OSDA Service. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
