"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 FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Award, Clock, Droplets, Home, Users, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="largeSmallSizeLargeTitles"
        background="none"
        cardStyle="outline"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Services",
          id: "#features",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Wiley's Services"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        variant: "plain",
      }}
      title="Professional Handyman Services You Can Trust"
      description="Wiley's Services delivers prompt, detail-oriented home repairs and renovations. From bathroom remodels to electrical fixes, we're here to help."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/various-tools-toolbag-near-blank-slate-bolts-wooden-background_23-2147865397.jpg",
          imageAlt: "handyman tools on work table",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/portable-tool-kit-hoder-with-special-tools-electronic-repairment_346278-1183.jpg",
          imageAlt: "handyman tools on work table",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-mechanic-supplies-composition_23-2149511911.jpg",
          imageAlt: "handyman tools on work table",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/blue-print-house-paint-brushes_23-2148393084.jpg",
          imageAlt: "handyman tools on work table",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/manual-worker-grinding-metal-steel-objects-workshop-with-tools_1163-3130.jpg",
          imageAlt: "handyman tools on work table",
        },
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-steel-hammer-with-other-construction-elements-tools_23-2150576405.jpg",
          imageAlt: "handyman tools on work table",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/metal-rack-with-set-wrench-spanners-tools_627829-12186.jpg",
          imageAlt: "handyman tools on work table",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-steel-hammer-with-other-construction-elements-tools_23-2150576397.jpg",
          imageAlt: "handyman tools on work table",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-types-tools_23-2148428249.jpg",
          imageAlt: "handyman tools on work table",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-tools-carpentry-desk_23-2148640259.jpg",
          imageAlt: "handyman tools on work table",
        },
      ]}
      buttons={[
        {
          text: "Get an Estimate",
          href: "#contact",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-with-arms-crossed_1170-2381.jpg",
          alt: "Smiling mechanic standing with arms crossed",
        },
        {
          src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg",
          alt: "Stylish woman wearing yellow bandana",
        },
        {
          src: "http://img.b2bpic.net/free-photo/man-shirt-smiling-posing-kitchen_23-2148414940.jpg",
          alt: "Man in shirt smiling and posing in the kitchen",
        },
        {
          src: "http://img.b2bpic.net/free-photo/beauty-style-fashion-femininity-concept-positive-beautiful-young-european-woman-blue-shirt-looking-camera-with-broad-happy-smile-being-good-mood-kitchen-interior-background_343059-2087.jpg",
          alt: "Beauty, style, fashion and femininity concept. Positive beautiful young European woman in blue shirt looking at camera with broad happy smile, being in good mood, kitchen interior in background",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-stylish-woman-coat-joyfully-looking-camera-walking-through-city-street_574295-2122.jpg",
          alt: "Young beautiful smiling stylish woman in coat joyfully looking in camera walking through city street",
        },
      ]}
      avatarText="Trusted by hundreds of local homeowners"
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="Why Choose Wiley's Services?"
      metrics={[
        {
          icon: Clock,
          label: "Response Time",
          value: "Fast",
        },
        {
          icon: Users,
          label: "Service Type",
          value: "Reliable",
        },
        {
          icon: Award,
          label: "Customer Rating",
          value: "5-Star",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          title: "Bathroom Remodels",
          description: "Revitalize your bathroom with expert remodeling services.",
          bentoComponent: "reveal-icon",
          icon: Droplets,
          imageSrc: "http://img.b2bpic.net/free-vector/time-management-flat-icons-set_1284-4995.jpg",
          imageAlt: "clock icon fast speed",
        },
        {
          title: "Plumbing Repairs",
          description: "Fixing leaks, drain clogs, and fixture repairs promptly.",
          bentoComponent: "reveal-icon",
          icon: Droplets,
          imageSrc: "http://img.b2bpic.net/free-photo/various-tools-toolbag-near-blank-slate-bolts-wooden-background_23-2147865397.jpg",
          imageAlt: "clock icon fast speed",
        },
        {
          title: "Electrical Work",
          description: "Safe and professional electrical outlet repairs.",
          bentoComponent: "reveal-icon",
          icon: Zap,
          imageSrc: "http://img.b2bpic.net/free-vector/quality-logo-templates_1107-25.jpg",
          imageAlt: "clock icon fast speed",
        },
        {
          title: "Siding Repair",
          description: "Protect your home exterior with professional siding work.",
          bentoComponent: "reveal-icon",
          icon: Home,
          imageSrc: "http://img.b2bpic.net/free-photo/charming-student-girl-good-mood-relaxing-home_343059-139.jpg",
          imageAlt: "clock icon fast speed",
        },
      ]}
      title="Our Expert Services"
      description="We offer a wide range of home repair and improvement solutions tailored to your needs."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sarah Miller",
          handle: "Local Homeowner",
          testimonial: "Wiley responded so quickly and fixed our leak the same day. Incredible service!",
          imageSrc: "http://img.b2bpic.net/free-photo/charming-student-girl-good-mood-relaxing-home_343059-139.jpg",
        },
        {
          id: "2",
          name: "James Davis",
          handle: "Mobile Home Resident",
          testimonial: "I had trouble finding someone for my mobile home repair, but Wiley was great.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-14128.jpg",
        },
        {
          id: "3",
          name: "Emily Chen",
          handle: "Homeowner",
          testimonial: "Professional, fair pricing, and he really paid attention to the details.",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746290.jpg",
        },
        {
          id: "4",
          name: "Mark Roberts",
          handle: "Local Client",
          testimonial: "Top-notch handyman services. Friendly and always on time.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-microphone-working-record-studio_1303-26336.jpg",
        },
        {
          id: "5",
          name: "Anna Wilson",
          handle: "Homeowner",
          testimonial: "Wiley is now our go-to guy for all home repairs. Highly recommend!",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-outdoors_23-2151038668.jpg",
        },
      ]}
      title="Trusted by Local Homeowners"
      description="See why our neighbors trust us with their home repairs."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "What areas do you serve?",
          content: "We proudly serve the local area. Please contact us to confirm availability in your specific neighborhood.",
        },
        {
          id: "2",
          title: "How quickly can you respond?",
          content: "We pride ourselves on fast response times and punctuality.",
        },
        {
          id: "3",
          title: "Are your prices transparent?",
          content: "Yes, we believe in fair, competitive, and transparent pricing for all our work.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Have questions? We're here to help."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Get in Touch"
      title="Ready to Start Your Project?"
      description="Have a repair need? Connect with Wiley today for a quote or consultation."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gcbd20"
      logoText="Wiley's Services"
      columns={[
        {
          title: "Quick Links",
          items: [
            {
              label: "Services",
              href: "#features",
            },
            {
              label: "About",
              href: "#about",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
