"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { AlertTriangle, Clock, Percent, ShieldCheck, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="medium"
        sizing="largeSmall"
        background="noiseDiagonalGradient"
        cardStyle="layered-gradient"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Services",
          id: "features",
        },
        {
          name: "Reviews",
          id: "testimonials",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Jan General Services"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "radial-gradient",
      }}
      title="Premium Plumbing & Home Services You Can Trust"
      description="Fast, reliable, and professional service backed by hundreds of 5-star reviews."
      kpis={[
        {
          value: "350+",
          label: "5-Star Reviews",
        },
        {
          value: "24/7",
          label: "Emergency Support",
        },
        {
          value: "100%",
          label: "Licensed & Insured",
        },
      ]}
      enableKpiAnimation={true}
      buttons={[
        {
          text: "Schedule Service",
          href: "#contact",
        },
        {
          text: "24/7 Emergency Support",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/begging-tired-electricians-want-have-rest-ask-boss_273609-8787.jpg"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/happy-auto-mechanic-taking-his-hat-while-standing-workshop-looking-camera-his-customers-are-background_637285-7792.jpg",
          alt: "Satisfied Customer 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg",
          alt: "Satisfied Customer 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/two-maintenance-workers-stand-each-other-keep-hands-folded-raise-eyebrows-bewilderment_273609-8772.jpg",
          alt: "Satisfied Customer 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593846.jpg",
          alt: "Satisfied Customer 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/woman-inviting-man-house-with-tools_259150-58291.jpg",
          alt: "Satisfied Customer 5",
        },
      ]}
      avatarText="Trusted by 500+ happy neighbors"
      marqueeItems={[
        {
          type: "text-icon",
          text: "Licensed & Bonded",
          icon: ShieldCheck,
        },
        {
          type: "text-icon",
          text: "Same-Day Service",
          icon: Clock,
        },
        {
          type: "text-icon",
          text: "Transparent Pricing",
          icon: Percent,
        },
        {
          type: "text-icon",
          text: "Emergency Ready",
          icon: AlertTriangle,
        },
        {
          type: "text-icon",
          text: "Top-Rated Techs",
          icon: Star,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Built on Integrity, Skill, and Service"
      description="Jan General Services LLC delivers high-quality home repair services with unmatched communication and integrity."
      metrics={[
        {
          value: "100%",
          title: "Customer Satisfaction",
        },
        {
          value: "24/7",
          title: "Service Availability",
        },
        {
          value: "500+",
          title: "Homes Serviced",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardNineteen
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        {
          tag: "Plumbing",
          title: "Plumbing Repairs",
          subtitle: "Precision Care",
          description: "Expert repairs for faucets, valves, toilets, and disposal units.",
          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721526.jpg",
        },
        {
          tag: "Electrical",
          title: "Electrical Services",
          subtitle: "Safety First",
          description: "Professional repair and installation of light fixtures and switches.",
          imageSrc: "http://img.b2bpic.net/free-photo/electrician-man-overalls-works-switchboard-portrait-electrician-overalls_169016-66836.jpg",
        },
        {
          tag: "Maintenance",
          title: "Drain & Sewer",
          subtitle: "Clear Flow",
          description: "Efficient cleaning and maintenance for your mainlines and drains.",
          imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-131936.jpg",
        },
      ]}
      title="Comprehensive Home Services"
      description="Professional solutions for your home maintenance and emergency needs."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "Fast",
          title: "Same-day Service",
          items: [
            "Prompt response",
            "Urgent dispatch",
            "Minimized wait times",
          ],
        },
        {
          id: "m2",
          value: "Honest",
          title: "Transparent Pricing",
          items: [
            "Clear estimates",
            "No hidden fees",
            "Competitive value",
          ],
        },
        {
          id: "m3",
          value: "Reliable",
          title: "Warranty Approved",
          items: [
            "Major brand partners",
            "Certified workmanship",
            "Guaranteed results",
          ],
        },
      ]}
      title="Why Homeowners Choose Us"
      description="Experience excellence with our dedicated team of professionals."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={true}
      testimonial="Completed the job 1000% better than expected—excellent communication and skill."
      rating={5}
      author="Jihoon P."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
          alt: "Jihoon P.",
        },
        {
          src: "http://img.b2bpic.net/free-photo/girl-assuring-you-have-lucky-day-happy-smiling-gorgeous-female-entrepreneur-showing-thumb-up-liking-approving-awesome-idea-delighted-giving-positive-reply-agree-standing-white-wall_176420-35575.jpg",
          alt: "Client 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-cute-cheerful-africanamerican-girl-showing-thumbsup-support-like-agree-with-y_1258-138554.jpg",
          alt: "Client 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",
          alt: "Client 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/excited-joyful-beautiful-woman-gesturing-with-hand_74855-2753.jpg",
          alt: "Client 5",
        },
      ]}
      ratingAnimation="blur-reveal"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "Do you offer emergency services?",
          content: "Yes, we provide 24/7 support for all urgent plumbing and electrical issues.",
        },
        {
          id: "q2",
          title: "Are your technicians insured?",
          content: "Absolutely. All our technicians are fully licensed and insured for your peace of mind.",
        },
        {
          id: "q3",
          title: "How do I get an estimate?",
          content: "Contact us today for a transparent, no-obligation assessment of your project.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/female-male-workers-wearing-work-clothes_273609-11132.jpg"
      title="Frequently Asked Questions"
      description="Common answers to your home repair questions."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "rotated-rays-static",
      }}
      text="Ready to get started? Our team is standing by to help with your home service needs."
      buttons={[
        {
          text: "Book a Technician",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Company",
          items: [
            {
              label: "About",
              href: "#about",
            },
            {
              label: "Reviews",
              href: "#testimonials",
            },
          ],
        },
        {
          title: "Services",
          items: [
            {
              label: "Plumbing",
              href: "#features",
            },
            {
              label: "Electrical",
              href: "#features",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms",
              href: "#",
            },
          ],
        },
      ]}
      logoText="Jan General Services"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
