"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Award, Monitor, Star, Tag, Wifi, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="medium"
        background="grid"
        cardStyle="glass-elevated"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "About Us",
          id: "#about",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "Pricing",
          id: "#pricing",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/black-friday-sales-sign-neon-light_23-2151833096.jpg"
      logoAlt="TV Care Centre Logo"
      brandName="TV Care Centre"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
        variant: "downward-rays-animated",
      }}
      title="Bringing Your Entertainment Back to Life"
      description="At TV Care Centre, we specialize in expert, budget-friendly TV repair services. Trust us for dedication, timely delivery, and a truly happy viewing experience for your family."
      buttons={[
        {
          text: "Book a Repair",
          href: "#contact",
        },
        {
          text: "Learn More",
          href: "#services",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110979.jpg?_wi=1",
          imageAlt: "Technician repairing a TV in a modern living room",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/shoulder-closeup-gamer-playing-intense-multiplayer-action-game-online-competition-talking-with-team-using-gaming-headset-home-man-streaming-first-person-shooter-game-pc-setup_482257-46570.jpg?_wi=1",
          imageAlt: "A family enjoying their perfectly repaired smart TV",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/view-computer-monitor-display_23-2150757445.jpg",
          imageAlt: "Child happily watching cartoons on a vibrant TV screen",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/female-technician-repairing-computer-motherboard_23-2148816430.jpg",
          imageAlt: "Close-up of technician's hands working on TV circuitry",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/saleswoman-car-dealership-signing-contract-with-man_482257-118457.jpg",
          imageAlt: "Satisfied customer shaking hands with TV repair specialist",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/modern-home-interior-with-comfortable-sofa-window-generative-ai_188544-19459.jpg",
          imageAlt: "High-resolution TV displaying stunning visuals in a cozy home",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Dedicated to Quality, Driven by Your Smile"
      description="We are the TV Care Centre, your trusted partner for all television repair needs. With a team of highly dedicated and skilled technicians, we ensure every repair is handled with precision and care, always aiming for timely delivery and your complete satisfaction. Our commitment is to restore your TV to its optimal performance, bringing joy back to your living room."
      metrics={[
        {
          value: "10+",
          title: "Years Experience",
        },
        {
          value: "98%",
          title: "Customer Satisfaction",
        },
        {
          value: "24/7",
          title: "Support Available",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/carrying-out-investigation_1098-14813.jpg"
      imageAlt="Friendly TV repair technician at work"
      mediaAnimation="slide-up"
      metricsAnimation="blur-reveal"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Screen & Display Repair",
          description: "Cracked screens, dead pixels, or backlight issues? We restore your TV's display to its original clarity and vibrancy.",
          icon: Monitor,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/gray-glitch-effect-patterned-background_53876-103011.jpg",
              imageAlt: "Broken TV screen with visible damage",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/furniture-delivery-service-concept_53876-24844.jpg",
              imageAlt: "Perfectly repaired, vibrant TV screen",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/black-friday-sales-sign-neon-light_23-2151833096.jpg",
          imageAlt: "cracked TV screen repair process",
        },
        {
          title: "Power & Component Fixes",
          description: "Addressing power failures, faulty ports, sound issues, and internal component malfunctions to ensure stable performance.",
          icon: Zap,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-researcher-working-with-magnifier_23-2148925543.jpg",
              imageAlt: "Close-up of complex TV circuit board",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105512.jpg",
              imageAlt: "Technician working on internal TV components",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110979.jpg?_wi=2",
          imageAlt: "cracked TV screen repair process",
        },
        {
          title: "Software & Connectivity",
          description: "Resolving smart TV software glitches, Wi-Fi connectivity problems, and firmware updates for seamless streaming and smart features.",
          icon: Wifi,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-home-technology_23-2149216653.jpg",
              imageAlt: "Smart TV showing an error message on screen",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/stressed-angry-male-gamer-losing-game-while-playing-late-night-living-room_482257-22610.jpg",
              imageAlt: "Smart TV displaying connected apps and services",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/shoulder-closeup-gamer-playing-intense-multiplayer-action-game-online-competition-talking-with-team-using-gaming-headset-home-man-streaming-first-person-shooter-game-pc-setup_482257-46570.jpg?_wi=2",
          imageAlt: "cracked TV screen repair process",
        },
      ]}
      title="Our Comprehensive TV Care Services"
      description="From minor fixes to major overhauls, our experts handle every TV issue with utmost professionalism. We're committed to delivering excellent service that's both budget-friendly and reliable."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="“Excellent, kind person and budget-friendly services. Trusted any kind of work. Hard worker, dedication, timely delivery. Very helpful. My child is very happy now, enjoying every day.”"
      rating={5}
      author="Happy Parent"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/hopeful-cheerful-cute-redhead-girlfriend-rooting-you-believe-win-smiling-supportive-satisfied-sh_1258-139350.jpg",
          alt: "Sarah Johnson",
        },
        {
          src: "http://img.b2bpic.net/free-photo/blond-man-surprised_1194-2853.jpg",
          alt: "Michael Chen",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-smiley-woman_23-2148574778.jpg",
          alt: "Emily Rodriguez",
        },
        {
          src: "http://img.b2bpic.net/free-photo/handsome-joyful-excited-elderly-mature-man-with-gray-stubble-working-laptop-modern-office-interior-sitting-desk-by-window-smiling-pointing-fore-finger-camera-selective-focus_343059-4239.jpg",
          alt: "David Kim",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-woman-holding-magnifying-glass_176474-95638.jpg",
          alt: "Jessica Lee",
        },
      ]}
      ratingAnimation="blur-reveal"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "basic-diagnostic",
          tag: "Entry Level",
          tagIcon: Tag,
          price: "$50",
          period: "Diagnostic Fee",
          description: "Comprehensive initial check-up to identify the root cause of your TV's issue. Fee waived upon repair.",
          button: {
            text: "Schedule Diagnostic",
            href: "#contact",
          },
          featuresTitle: "Includes:",
          features: [
            "Full TV health check",
            "Problem identification",
            "Repair cost estimate",
          ],
        },
        {
          id: "standard-repair",
          tag: "Most Popular",
          tagIcon: Star,
          price: "Custom Quote",
          period: "Per Repair",
          description: "After diagnostic, we provide a tailored repair solution for screen, power, or component issues.",
          button: {
            text: "Get a Repair Quote",
            href: "#contact",
          },
          featuresTitle: "Includes:",
          features: [
            "Parts & Labor included",
            "3-month warranty",
            "Post-repair testing",
          ],
        },
        {
          id: "premium-care",
          tag: "Best Value",
          tagIcon: Award,
          price: "Starting at $200",
          period: "Advanced Care",
          description: "Our premium service for complex repairs, smart TV software issues, and extended peace of mind.",
          button: {
            text: "Explore Premium",
            href: "#contact",
          },
          featuresTitle: "Includes:",
          features: [
            "6-month extended warranty",
            "Software optimization",
            "Priority support",
          ],
        },
      ]}
      title="Transparent Pricing for Premium Service"
      description="Choose the repair option that best fits your needs and budget. We offer clear, upfront pricing with no hidden fees."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Samsung",
        "LG",
        "Sony",
        "Hisense",
        "Panasonic",
        "Toshiba",
        "Vizio",
      ]}
      title="Trusted by Leading Brands & Our Community"
      description="We are proud to be a preferred service provider, trusted by major television brands and countless satisfied customers for our reliable and expert repairs."
      speed={50}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",
          title: "What types of TVs do you repair?",
          content: "We repair all major brands and types of televisions, including LED, LCD, OLED, Plasma, and Smart TVs. Whether it's a cracked screen, power issue, or software glitch, our certified technicians can help.",
        },
        {
          id: "faq-2",
          title: "How long does a typical repair take?",
          content: "Most common repairs are completed within 1-3 business days, depending on parts availability. We aim for timely delivery and will keep you updated throughout the process.",
        },
        {
          id: "faq-3",
          title: "Do you offer a warranty on repairs?",
          content: "Yes, all our repairs come with a standard 3-month warranty on parts and labor. Premium care plans include an extended 6-month warranty for extra peace of mind.",
        },
        {
          id: "faq-4",
          title: "Is a diagnostic fee required?",
          content: "Yes, an initial diagnostic fee is required to identify the precise issue with your TV. This fee is waived if you proceed with our repair services.",
        },
        {
          id: "faq-5",
          title: "Can you repair TVs with water damage?",
          content: "While we do attempt to repair water-damaged TVs, success rates can vary. A diagnostic will determine the extent of the damage and feasibility of repair.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about our TV repair services, process, and policies."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient",
      }}
      text="Ready to get your TV fixed? Contact us today!"
      buttons={[
        {
          text: "Schedule Service",
          href: "mailto:info@tvcarecentre.com",
        },
        {
          text: "Call Us Now",
          href: "tel:+1234567890",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="http://img.b2bpic.net/free-photo/black-friday-sales-sign-neon-light_23-2151833096.jpg"
      logoAlt="TV Care Centre Logo"
      columns={[
        {
          items: [
            {
              label: "Home",
              href: "#hero",
            },
            {
              label: "Services",
              href: "#services",
            },
            {
              label: "About Us",
              href: "#about",
            },
          ],
        },
        {
          items: [
            {
              label: "Testimonials",
              href: "#testimonials",
            },
            {
              label: "Pricing",
              href: "#pricing",
            },
            {
              label: "FAQ",
              href: "#faq",
            },
          ],
        },
        {
          items: [
            {
              label: "Contact Us",
              href: "#contact",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      logoText="TV Care Centre"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
