"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Activity, Clock, Eye, Heart, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="mediumLarge"
        background="floatingGradient"
        cardStyle="gradient-radial"
        primaryButtonStyle="flat"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Our Services",
          id: "#services",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Eyasx9tJvMQB50HUtsAIDfdsdH/uploaded-1781153641624-9l276xkk.png"
      logoAlt="Advanced Lab Logo"
      brandName="Advanced Lab"
      button={{
        text: "Book Appointment",
        href: "#contact",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "rotated-rays-animated",
      }}
      title="Accurate Diagnostics for Better Health"
      description="Trusted Medical Laboratory Services in Mirpurkhas with Fast, Accurate, and Reliable Test Results."
      buttons={[
        {
          text: "Book Appointment",
          href: "#contact",
        },
        {
          text: "Contact Us",
          href: "#contact",
        },
      ]}
      carouselItems={[
        {
          id: "1",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jhkk8u",
          imageAlt: "Modern laboratory equipment",
        },
        {
          id: "2",
          imageSrc: "http://img.b2bpic.net/free-photo/researchers-biotechnology-laboratory-with-tablet-microscope_23-2148776110.jpg",
          imageAlt: "Lab technicians working",
        },
        {
          id: "3",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-science-elements-arrangement-lab-close-up_23-2148697197.jpg",
          imageAlt: "Blood testing and diagnostics",
        },
        {
          id: "4",
          imageSrc: "http://img.b2bpic.net/free-photo/laboratory-supplies-medical-work_23-2149744722.jpg",
          imageAlt: "Advanced diagnostic imaging",
        },
        {
          id: "5",
          imageSrc: "http://img.b2bpic.net/free-photo/botanist-researcher-holding-petri-dish-with-green-leaf-sample_482257-4121.jpg",
          imageAlt: "Medical research environment",
        },
        {
          id: "6",
          imageSrc: "http://img.b2bpic.net/free-photo/old-specialist-meeting-with-woman-patient-discuss-results-cabinet_482257-126979.jpg",
          imageAlt: "Interior of a modern medical laboratory",
        },
      ]}
      autoPlay={true}
      autoPlayInterval={5000}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="About Advanced Lab: Your Partner in Health"
      metrics={[
        {
          icon: Activity,
          label: "Accurate Test Results",
          value: "99.9% Accuracy",
        },
        {
          icon: Users,
          label: "Experienced Staff",
          value: "Certified Professionals",
        },
        {
          icon: Eye,
          label: "Modern Equipment",
          value: "Cutting-Edge Tech",
        },
        {
          icon: Clock,
          label: "Fast Report Delivery",
          value: "Timely Results",
        },
        {
          icon: Heart,
          label: "Patient-Centered",
          value: "Compassionate Care",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "s1",
          brand: "Medical Testing",
          name: "Blood Testing",
          price: "Starting from $20",
          rating: 5,
          reviewCount: "120 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/laboratory-worker-arranging-pipette-tips-blue-container-coronavirus-testing_181624-939.jpg",
        },
        {
          id: "s2",
          brand: "Medical Testing",
          name: "Diabetes Testing",
          price: "Starting from $35",
          rating: 5,
          reviewCount: "95 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-doctor-with-rubber-gloves-taking-blood-test-from-patient_181624-56107.jpg",
        },
        {
          id: "s3",
          brand: "Medical Testing",
          name: "Liver Function Tests",
          price: "Starting from $50",
          rating: 5,
          reviewCount: "80 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/three-cropped-doctors-analyzing-chest-x-ray-digital-pad_1098-18899.jpg",
        },
        {
          id: "s4",
          brand: "Medical Testing",
          name: "Kidney Function Tests",
          price: "Starting from $45",
          rating: 5,
          reviewCount: "70 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/general-practitioner-holding-greenscreen-tablet-checkup-visit-with-male-patient-senior-man-medic-looking-blank-copyspace-display-with-chroma-key-background-isolated-template_482257-49424.jpg",
        },
        {
          id: "s5",
          brand: "Medical Testing",
          name: "Thyroid Profile Tests",
          price: "Starting from $60",
          rating: 5,
          reviewCount: "110 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/unrecognisable-model-wearing-pink-lipstick_23-2148376680.jpg",
        },
        {
          id: "s6",
          brand: "Medical Testing",
          name: "Lipid Profile",
          price: "Starting from $40",
          rating: 5,
          reviewCount: "65 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/robotic-human-heart-futuristic-representation_23-2151681159.jpg",
        },
        {
          id: "s7",
          brand: "Medical Testing",
          name: "Urine Analysis",
          price: "Starting from $25",
          rating: 5,
          reviewCount: "50 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/lab-doctor-performing-medical-exam-urine_23-2149372024.jpg",
        },
        {
          id: "s8",
          brand: "Medical Testing",
          name: "Hormone Testing",
          price: "Starting from $70",
          rating: 5,
          reviewCount: "75 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/expert-evaluating-diagnostic-results-with-patient-medical-cabinet_482257-124834.jpg",
        },
        {
          id: "s9",
          brand: "Medical Testing",
          name: "Infection Screening",
          price: "Starting from $80",
          rating: 5,
          reviewCount: "90 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-scientist-dropping-blood-sample-using-micropipette_482257-5549.jpg",
        },
        {
          id: "s10",
          brand: "Medical Testing",
          name: "COVID & Viral Testing",
          price: "Starting from $90",
          rating: 5,
          reviewCount: "150 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/female-nurse-practicing-medicine-clinic_23-2149868907.jpg",
        },
        {
          id: "s11",
          brand: "Medical Testing",
          name: "Health Checkup Packages",
          price: "Starting from $150",
          rating: 5,
          reviewCount: "130 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/female-nurse-patients-reviewing-diagnostic-results-medical-office_482257-122801.jpg",
        },
      ]}
      title="Our Services"
      description="Comprehensive diagnostic and testing services for better health management."
    />
  </div>

  <div id="why-choose-us" data-section="why-choose-us">
      <FeatureCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      features={[
        {
          title: "Accurate & Reliable Results",
          description: "Utilizing state-of-the-art technology for precise and trustworthy diagnoses.",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-female-scientists-lab-working-with-microscope-tablet_23-2148492110.jpg",
          imageAlt: "Magnifying glass over precise data",
        },
        {
          title: "Modern Laboratory Equipment",
          description: "Our lab is equipped with the latest diagnostic machinery for superior testing.",
          imageSrc: "http://img.b2bpic.net/free-photo/scientist-woman-sitting-laboratory-with-chemical-technology_482257-9078.jpg",
          imageAlt: "Sleek modern laboratory equipment",
        },
        {
          title: "Experienced Professionals",
          description: "A team of certified and highly skilled laboratory staff ensures expert care.",
          imageSrc: "http://img.b2bpic.net/free-photo/doctor-performing-medical-research-lab_23-2149335725.jpg",
          imageAlt: "Team of experienced lab professionals",
        },
        {
          title: "Affordable Testing Services",
          description: "High-quality diagnostics available at competitive and accessible prices.",
          imageSrc: "http://img.b2bpic.net/free-photo/covid-19-global-economic-crisis_23-2148746593.jpg",
          imageAlt: "Graphic representing affordability",
        },
        {
          title: "Fast Turnaround Time",
          description: "Receive your test results quickly without compromising on accuracy.",
          imageSrc: "http://img.b2bpic.net/free-photo/medical-record-report-healthcare-document-concept_53876-123796.jpg",
          imageAlt: "Clock with speed element",
        },
        {
          title: "Quality Assurance Standards",
          description: "Adhering to strict international quality protocols for every test conducted.",
          imageSrc: "http://img.b2bpic.net/free-photo/doctors-working-together-medical-research_23-2149345464.jpg",
          imageAlt: "Quality control badge on report",
        },
      ]}
      title="Why Patients Trust Advanced Lab"
      description="Our commitment to excellence and patient well-being sets us apart, ensuring accurate and reliable diagnostic services every time."
    />
  </div>

  <div id="process" data-section="process">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="How It Works: Our Streamlined Process"
      tag="Simple Steps"
      metrics={[
        {
          id: "p1",
          value: "Step 1",
          description: "Sample Collection: Visit our lab for a quick and comfortable sample collection by trained professionals.",
        },
        {
          id: "p2",
          value: "Step 2",
          description: "Laboratory Analysis: Your samples undergo rigorous analysis using our modern diagnostic equipment.",
        },
        {
          id: "p3",
          value: "Step 3",
          description: "Quality Verification: Our experts perform thorough quality checks to ensure accuracy and reliability of results.",
        },
        {
          id: "p4",
          value: "Step 4",
          description: "Report Delivery: Access your detailed and easy-to-understand reports online or collect them from our center.",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Sarah Johnson",
          role: "Healthcare Administrator",
          company: "MediHealth Clinic",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-doctor-patient_1170-2163.jpg",
          imageAlt: "Sarah Johnson",
        },
        {
          id: "t2",
          name: "Ahmed Khan",
          role: "IT Professional",
          company: "TechSolutions Inc.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smart-guy-brown-outfit-wear-glasses-looks-into-camera_197531-26818.jpg",
          imageAlt: "Ahmed Khan",
        },
        {
          id: "t3",
          name: "Fatima Begum",
          role: "Homemaker",
          company: "Local Resident",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-senior-woman_23-2149038094.jpg",
          imageAlt: "Fatima Begum",
        },
        {
          id: "t4",
          name: "Dr. Imran Malik",
          role: "Medical Researcher",
          company: "University Hospital",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-young-handsome-caucasian-man-wearing-glasses-standing-with-closed-posture-looking-side-isolated-crimson-background-with-copy-space_141793-77587.jpg",
          imageAlt: "Dr. Imran Malik",
        },
        {
          id: "t5",
          name: "Nida Ali",
          role: "Registered Nurse",
          company: "Community Care Center",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-blond-woman-doctor-hospital_268835-943.jpg",
          imageAlt: "Nida Ali",
        },
      ]}
      title="What Our Patients Say"
      description="Hear from those who trust Advanced Lab for their diagnostic needs and exceptional service."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Get in Touch"
      title="Contact Advanced Lab"
      description="Book an appointment or send us a message. We are here to help. Reach out to us via phone, email, or visit our location. \n\n📍 Shop No. 3, Doctor Plaza, New Town, Mīrpur Khās, Sindh, Pakistan\n📞 0333 1149445\n🕒 Monday - Saturday | 8:00 AM – 8:00 PM"
      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-doctor-preparing-vaccine_23-2148816243.jpg"
      imageAlt="Modern lab reception"
      mediaAnimation="opacity"
      mediaPosition="right"
      inputPlaceholder="Enter your email"
      buttonText="Send Message"
      termsText="By sending a message you're confirming that you agree with our Terms and Conditions."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Eyasx9tJvMQB50HUtsAIDfdsdH/uploaded-1781153641624-9l276xkk.png"
      logoAlt="Advanced Lab Logo"
      logoText="Advanced Lab"
      leftLink={{
        text: "© 2026 Advanced Lab. All Rights Reserved.",
        href: "#",
      }}
      rightLink={{
        text: "Privacy Policy",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
