"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Camera, Droplet, Lightbulb, Link, Monitor, ShieldCheck, Smartphone, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="largeSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="gradient-bordered"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Repairs",          id: "#repairs"},
        {
          name: "Pricing",          id: "#pricing"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/gradient-mobile-store-logo-template_23-2149732019.jpg"
      logoAlt="Roxy iPhone Repairs Logo"
      brandName="Roxy iPhone Repairs"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplit
      background={{
        variant: "glowing-orb"}}
      imagePosition="right"
      title="Expert iPhone Repairs in the UK"
      description="Roxy iPhone Repairs offers fast, reliable, and affordable solutions for all your iPhone issues. From cracked screens to battery replacements, we've got you covered."
      buttons={[
        {
          text: "Get a Free Quote",          href: "#contact"},
        {
          text: "View All Services",          href: "#services"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/industrial-worker-supervising-automated-machines-while-walking-through-woodworking-factory_637285-12015.jpg"
      imageAlt="Technician repairing an iPhone screen"
      mediaAnimation="background-highlight"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/delivery-man-red-uniform-cap-showing-his-smartphone-pointing-with-index-finger-it-smiling-cheerfully-standing-white_141793-17010.jpg",          alt: "Satisfied customer, Sarah"},
        {
          src: "http://img.b2bpic.net/free-photo/young-builder-woman-construction-uniform-safety-helmet-holding-smartphone-looking-it-happy-excited-with-arm-raised-standing-orange-wall_141793-62224.jpg",          alt: "Happy customer, John"},
        {
          src: "http://img.b2bpic.net/free-photo/attractive-man-talking-smartphone-having-pleasant-conversation-looking-camera-graphite-copy-space_171337-567.jpg",          alt: "Smiling customer, Emily"},
        {
          src: "http://img.b2bpic.net/free-photo/expressive-young-lady-posing-studio_176474-74572.jpg",          alt: "Reliable customer, David"},
        {
          src: "http://img.b2bpic.net/free-photo/young-male-blue-shirt-showing-cup-front-view_176474-99222.jpg",          alt: "Pleased customer, Olivia"},
      ]}
      avatarText="Trusted by 5000+ happy customers!"
      marqueeItems={[
        {
          type: "text-icon",          text: "Screen Repair",          icon: Monitor,
        },
        {
          type: "text-icon",          text: "Battery Replacement",          icon: Lightbulb,
        },
        {
          type: "text-icon",          text: "Water Damage",          icon: Droplet,
        },
        {
          type: "text-icon",          text: "Camera Fix",          icon: Camera,
        },
        {
          type: "text-icon",          text: "Charging Port",          icon: Link,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="About Roxy iPhone Repairs"
      description="At Roxy iPhone Repairs, we pride ourselves on delivering exceptional service with unparalleled expertise. Our certified technicians use only high-quality parts and state-of-the-art tools to bring your iPhone back to life quickly and efficiently. We understand how essential your device is, which is why we're committed to providing a seamless repair experience."
      metrics={[
        {
          value: "10+",          title: "Years Experience"},
        {
          value: "5K+",          title: "Repairs Completed"},
        {
          value: "98%",          title: "Customer Satisfaction"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/male-technician-touching-digital-tablet-screen-working-hardware-equipment-s_23-2147883741.jpg"
      imageAlt="iPhone repair tools on a workbench"
      mediaAnimation="background-highlight"
      metricsAnimation="background-highlight"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Expert Screen Replacement",          description: "Restore your iPhone's display to its original clarity with our high-quality screen replacement services. We handle all models with precision.",          icon: Smartphone,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/destruction-smartphones-ilustrated_23-2151500055.jpg",              imageAlt: "Cracked iPhone screen"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/man-is-prepares-smartphone-restoration-fixing-electronic-device-service-works_346278-1790.jpg",              imageAlt: "New iPhone screen being installed"},
          ],
          imageSrc: "http://img.b2bpic.net/free-vector/gradient-mobile-store-logo-template_23-2149732019.jpg",          imageAlt: "cracked iphone screen damage"},
        {
          title: "Battery Health Optimization",          description: "Is your iPhone's battery draining fast? Get a new, long-lasting battery installed by our experts to revitalize your device's power.",          icon: Lightbulb,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/young-person-tying-her-sneakers_23-2148205914.jpg",              imageAlt: "Old and new iPhone batteries"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/bearded-professional-shows-repaired-fixed-smartphone-after-service-replacement-his-specific-tools-toolkit-bag-near-laptop-wooden-white-table_346278-1208.jpg",              imageAlt: "iPhone battery diagnostic on screen"},
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/industrial-worker-supervising-automated-machines-while-walking-through-woodworking-factory_637285-12015.jpg",          imageAlt: "cracked iphone screen damage"},
        {
          title: "Water Damage Repair",          description: "Accidentally dropped your iPhone in water? Our specialized liquid damage repair service can often save your device from permanent damage.",          icon: Droplet,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/submerged-smartphone_23-2148109743.jpg",              imageAlt: "Water droplets on an iPhone screen"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/assortment-dirty-dumped-objects_23-2148996979.jpg",              imageAlt: "iPhone open for water damage cleaning"},
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/male-technician-touching-digital-tablet-screen-working-hardware-equipment-s_23-2147883741.jpg",          imageAlt: "cracked iphone screen damage"},
      ]}
      title="Our Expert iPhone Repair Services"
      description="We offer a comprehensive range of repair services to fix almost any issue your iPhone might face, ensuring it runs perfectly."
    />
  </div>

  <div id="repairs" data-section="repairs">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          brand: "Apple",          name: "iPhone 15 Screen Replacement",          price: "£189.99",          rating: 5,
          reviewCount: "250",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-shocked-young-man-showing-his-broken-smartphone_23-2149375008.jpg",          imageAlt: "Shattered iPhone 15 screen"},
        {
          id: "p2",          brand: "Apple",          name: "iPhone 15 Back Glass Repair",          price: "£149.99",          rating: 5,
          reviewCount: "180",          imageSrc: "http://img.b2bpic.net/free-photo/smartphone-laptop_1057-4327.jpg",          imageAlt: "Cracked iPhone 15 back glass"},
        {
          id: "p3",          brand: "Apple",          name: "iPhone 14 Battery Replacement",          price: "£89.99",          rating: 5,
          reviewCount: "320",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-charging-mobile-phone_53876-13956.jpg",          imageAlt: "iPhone 14 battery diagnostic screen"},
        {
          id: "p4",          brand: "Apple",          name: "iPhone 14 Charging Port Repair",          price: "£79.99",          rating: 5,
          reviewCount: "150",          imageSrc: "http://img.b2bpic.net/free-photo/master-holds-smartphone-body-new-replacement-screen-tool-kit-repairment-white-table_346278-1203.jpg",          imageAlt: "Dirty iPhone 14 charging port"},
        {
          id: "p5",          brand: "Apple",          name: "iPhone 13 Camera Repair",          price: "£99.99",          rating: 5,
          reviewCount: "110",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-girl-taking-photo_23-2148544253.jpg",          imageAlt: "iPhone 13 with non-functional camera"},
        {
          id: "p6",          brand: "Apple",          name: "iPhone 13 Speaker Repair",          price: "£69.99",          rating: 4,
          reviewCount: "95",          imageSrc: "http://img.b2bpic.net/free-photo/unhappy-black-unshaven-man-listens-music-headphones-has-displeased-expression-holds-mobile-phone-dressed-casually-upset-as-cannot-download-song-playlist_273609-34623.jpg",          imageAlt: "iPhone 13 speaker with hand testing sound"},
      ]}
      title="Popular iPhone Repair Solutions"
      description="Explore our most sought-after repair services for various iPhone models. If you don't see your specific issue, contact us for a custom quote."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "basic",          badge: "Standard",          badgeIcon: Sparkles,
          price: "£89",          subtitle: "Most common repairs",          buttons: [
            {
              text: "Get Started",              href: "#contact"},
          ],
          features: [
            "Screen Replacement (Older Models)",            "Battery Replacement",            "Charging Port Repair",            "90-Day Warranty"],
        },
        {
          id: "premium",          badge: "Premium",          badgeIcon: Star,
          price: "£149",          subtitle: "Advanced repairs & latest models",          buttons: [
            {
              text: "Choose Plan",              href: "#contact"},
          ],
          features: [
            "Screen Replacement (Latest Models)",            "Back Glass Repair",            "Camera/Speaker Repair",            "Water Damage Diagnostic",            "1-Year Warranty"],
        },
        {
          id: "ultimate",          badge: "Ultimate Care",          badgeIcon: ShieldCheck,
          price: "Custom",          subtitle: "Complex issues & data recovery",          buttons: [
            {
              text: "Contact for Quote",              href: "#contact"},
          ],
          features: [
            "Motherboard Repair",            "Data Recovery Services",            "Advanced Diagnostics",            "Priority Service & Support",            "1-Year Warranty"],
        },
      ]}
      title="Transparent Pricing for Quality Repairs"
      description="Our pricing is straightforward with no hidden fees. Choose the service that fits your needs or contact us for a custom quote."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          value: "98%",          title: "Customer Satisfaction",          description: "Our customers consistently rate us highly for exceptional service and successful repairs.",          imageSrc: "http://img.b2bpic.net/free-photo/close-view-micro-driver-with-small-screw-it-dissasembling-broken-phone-process_346278-1190.jpg",          imageAlt: "Green checkmark on smartphone"},
        {
          id: "m2",          value: "30 Mins",          title: "Average Repair Time",          description: "Most common repairs are completed in less than an hour, getting your device back to you quickly.",          imageSrc: "http://img.b2bpic.net/free-photo/repair-smartphone-app-gray-background_493343-30014.jpg",          imageAlt: "Fast stopwatch with iPhone"},
        {
          id: "m3",          value: "1-Year",          title: "Warranty on Repairs",          description: "We stand behind our work with a full 1-year warranty on all parts and labor for your peace of mind.",          imageSrc: "http://img.b2bpic.net/free-photo/destruction-smartphones-ilustrated_23-2151500046.jpg",          imageAlt: "Shield with iPhone icon"},
      ]}
      title="Why Choose Roxy iPhone Repairs?"
      description="Our commitment to quality, speed, and customer satisfaction sets us apart. Your iPhone is in trusted hands."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={true}
      testimonial="\"Roxy iPhone Repairs saved my phone! The screen replacement was done incredibly fast, and it looks brand new. Highly recommend their professional service.\""
      rating={5}
      author="Sarah J."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-attractive-caucasian-smiling-woman_93675-135824.jpg",          alt: "Avatar of Sarah J."},
        {
          src: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",          alt: "Avatar of Mark T."},
        {
          src: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213542.jpg",          alt: "Avatar of Emily R."},
        {
          src: "http://img.b2bpic.net/free-photo/cheerful-bearded-man-busines-clothes-showing-thumb-up-looking-camera-gray_171337-11351.jpg",          alt: "Avatar of David K."},
        {
          src: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21369.jpg",          alt: "Avatar of Olivia M."},
      ]}
      ratingAnimation="blur-reveal"
      avatarsAnimation="blur-reveal"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "How long does an iPhone repair take?",          content: "Most common repairs, such as screen or battery replacements, are completed within 30-60 minutes. More complex issues may take longer."},
        {
          id: "q2",          title: "Do you offer a warranty on repairs?",          content: "Yes, all our repairs come with a 1-year warranty covering both parts and labor. Your satisfaction and peace of mind are our priority."},
        {
          id: "q3",          title: "What payment methods do you accept?",          content: "We accept all major credit cards, debit cards, and contactless payments for your convenience. Payment is due upon completion of the repair."},
        {
          id: "q4",          title: "Do I need an appointment for a repair?",          content: "While walk-ins are welcome, we recommend booking an appointment to ensure the quickest service and availability of parts, especially for specific models."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/man-sitting-his-work-table-with-electronics_23-2148254089.jpg"
      imageAlt="Stylized question mark with iPhone repair tools"
      mediaAnimation="background-highlight"
      mediaPosition="right"
      title="Frequently Asked Questions"
      description="Find answers to common questions about our iPhone repair services, process, and warranty."
      faqsAnimation="slide-up"
      showCard={true}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "sparkles-gradient"}}
      tag="Contact Us"
      title="Ready to Get Your iPhone Fixed?"
      description="Don't let a broken iPhone disrupt your day. Contact us today for a free quote or to book your repair appointment."
      buttons={[
        {
          text: "Call Now: 0123 456789",          href: "tel:0123456789"},
        {
          text: "Email Us",          href: "mailto:info@roxyiphonerepairs.co.uk"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="http://img.b2bpic.net/free-vector/gradient-mobile-store-logo-template_23-2149732019.jpg"
      logoAlt="Roxy iPhone Repairs Logo"
      columns={[
        {
          items: [
            {
              label: "Home",              href: "#home"},
            {
              label: "Services",              href: "#services"},
            {
              label: "Pricing",              href: "#pricing"},
          ],
        },
        {
          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
        {
          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      logoText="Roxy iPhone Repairs"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
