"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="medium"
        sizing="mediumSizeLargeTitles"
        background="circleGradient"
        cardStyle="gradient-mesh"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "Services",          id: "services"},
        {
          name: "Pricing",          id: "pricing"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="RepairTech"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
        variant: "plain"}}
      title="Get Your Laptops & Vacuums Back in Action"
      description="Professional laptop diagnostics and thorough vacuum cleaner restoration. Quality service, fast turnaround."
      buttons={[
        {
          text: "Book Repair",          href: "#contact"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821305.jpg?_wi=1",          imageAlt: "Laptop repair tech"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-with-vacuum-cleaning_23-2148514790.jpg?_wi=1",          imageAlt: "Vacuum repair service"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/people-repairing-computer-chips_23-2150880943.jpg",          imageAlt: "Service center interior"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/techician-uses-driver-unscrew-small-screws-smartphone-body_346278-1189.jpg",          imageAlt: "Laptop repair closeup"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-working-steel-fatory-equipment-steel-production_1303-22929.jpg",          imageAlt: "Vacuum part inspection"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Reliable Service You Can Trust"
      description={[
        "We provide expert repairs for high-end laptops and vacuum cleaners, ensuring your equipment operates like new. Our team is dedicated to fast, professional results.",        "From complex circuit repairs to mechanical vacuum servicing, we have the tools and experience to fix your most essential household items."]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardSix
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Laptop Diagnostics",          description: "Expert motherboard, battery, and screen repair services for all major laptop brands.",          imageSrc: "http://img.b2bpic.net/free-photo/male-technician-examining-mother-board-with-digital-multimeter_23-2147922353.jpg",          imageAlt: "laptop diagnostics icon"},
        {
          title: "Appliance Servicing",          description: "Professional cleaning and mechanical restoration for high-end vacuum cleaners.",          imageSrc: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3865.jpg",          imageAlt: "vacuum maintenance service"},
        {
          title: "Fast Turnaround",          description: "We prioritize efficiency so you can get back to your work and household chores quickly.",          imageSrc: "http://img.b2bpic.net/free-photo/female-hacker-cracking-binary-code_53876-98535.jpg",          imageAlt: "fast repair concept"},
      ]}
      title="Our Specialized Repair Services"
      description="Comprehensive diagnostic and repair solutions for your devices and appliances."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Service Impact"
      tag="Quality Assured"
      metrics={[
        {
          id: "m1",          value: "1500+",          description: "Laptops Repaired"},
        {
          id: "m2",          value: "2000+",          description: "Vacuums Restored"},
        {
          id: "m3",          value: "99%",          description: "Customer Satisfaction"},
      ]}
      metricsAnimation="blur-reveal"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Sarah J.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",          imageAlt: "happy customer laptop"},
        {
          id: "2",          name: "Michael R.",          imageSrc: "http://img.b2bpic.net/free-photo/pretty-caucasian-female-call-center-operator-headphones-sitting-desk-with-office-tools_141793-122341.jpg",          imageAlt: "satisfied professional appliance"},
        {
          id: "3",          name: "Emily D.",          imageSrc: "http://img.b2bpic.net/free-photo/customer-evaluation-feedback-smiley-emoticons_53876-124368.jpg",          imageAlt: "happy student repair"},
        {
          id: "4",          name: "Robert K.",          imageSrc: "http://img.b2bpic.net/free-photo/excited-cheerful-blond-girl-rejoicing-camera-with-copy-space-text-promotional-content-near-yellow-background_574295-2365.jpg",          imageAlt: "homeowner appliance repair"},
        {
          id: "5",          name: "Anna P.",          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-office_23-2148162623.jpg",          imageAlt: "remote worker repair"},
      ]}
      cardTitle="Client Feedback"
      cardTag="Trusted by locals"
      cardAnimation="blur-reveal"
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "p1",          title: "Basic Check",          price: "$49",          period: "fixed",          features: [
            "Diagnostic Report",            "Cleaning"],
          button: {
            text: "Select",            href: "#contact"},
          imageSrc: "http://img.b2bpic.net/free-photo/senior-man-with-equipment-soldering-working-home_1157-47196.jpg",          imageAlt: "motherboard repair specialist"},
        {
          id: "p2",          title: "Standard Repair",          price: "$129",          period: "inc. parts",          features: [
            "Full Repair",            "Warranty"],
          button: {
            text: "Select",            href: "#contact"},
          imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821305.jpg?_wi=2",          imageAlt: "motherboard repair specialist"},
        {
          id: "p3",          title: "Premium Resto",          price: "$249",          period: "inc. parts",          features: [
            "Deep Clean",            "Performance Tune",            "Priority"],
          button: {
            text: "Select",            href: "#contact"},
          imageSrc: "http://img.b2bpic.net/free-photo/man-with-vacuum-cleaning_23-2148514790.jpg?_wi=2",          imageAlt: "motherboard repair specialist"},
      ]}
      title="Transparent Pricing"
      description="Choose the repair plan that best suits your needs."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",          title: "How long does a repair take?",          content: "Most repairs are completed within 2-3 business days."},
        {
          id: "q2",          title: "Is there a warranty?",          content: "Yes, we provide a 90-day warranty on all repairs."},
        {
          id: "q3",          title: "Do I need an appointment?",          content: "Appointments are encouraged but walk-ins are welcome."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/helpline-worker-troubleshooting-errors-solar-production-systems-using-headset_482257-125794.jpg"
      title="Common Questions"
      description="Learn more about our repair process."
      faqsAnimation="blur-reveal"
      imageAlt="tech support specialist"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Get in Touch"
      description="Fill out the form below to book your repair service."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Email Address",          required: true,
        },
      ]}
      textarea={{
        name: "message",        placeholder: "What needs fixing?",        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/man-woman-using-smartphones-office_23-2147707732.jpg"
      imageAlt="service center reception"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="RepairTech © 2024"
      leftLink={{
        text: "Privacy Policy",        href: "#"}}
      rightLink={{
        text: "Terms of Service",        href: "#"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}