"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Activity, Award, Droplet, Heart, Info, Lightbulb, User } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="largeSmall"
        background="aurora"
        cardStyle="inset"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Expertise",          id: "#expertise"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Blog",          id: "#blog"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Dr. Gaurav Gupta"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitKpi
      background={{
        variant: "radial-gradient"}}
      imagePosition="right"
      title="Achieve a Healthier Heart: Expert Cardiac Care in Delhi"
      description="Dr. Gaurav Gupta brings 15 years of specialized cardiac care and advanced surgical expertise. Compassionate treatment for complex heart conditions."
      kpis={[
        {
          value: "15+",          label: "Years Experience"},
        {
          value: "98%",          label: "Success Rate"},
        {
          value: "5000+",          label: "Procedures"},
      ]}
      enableKpiAnimation={true}
      buttons={[
        {
          text: "Book Your Consultation",          href: "#contact"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/3d-rendering-cartoon-like-doctor_23-2150797606.jpg",          alt: "Professional doctor avatar"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-stretching-outdoors_23-2149293653.jpg",          alt: "Happy senior patient smiling"},
        {
          src: "http://img.b2bpic.net/free-photo/doctor-making-phone-call_23-2148168352.jpg",          alt: "Middle-aged man smiling doctor"},
        {
          src: "http://img.b2bpic.net/free-photo/medical-professionals-meeting-examining-organs-ct-scan-results_482257-123078.jpg",          alt: "Happy woman with doctor"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-3d-male-doctor_23-2151107407.jpg",          alt: "Trusted doctor avatar"},
      ]}
      avatarText="Patients Trust Dr. Gupta"
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ecs8gJYZ7REEfAEbmE5cXC309x/uploaded-1780489085995-9r9qaa1h.png"
      imageAlt="Dr. Gaurav Gupta, Cardiac Surgeon"
      mediaAnimation="slide-up"
      marqueeItems={[
        {
          type: "text",          text: "Leading Cardiac Care"},
        {
          type: "text-icon",          text: "Expert Surgeons",          icon: Heart,
        },
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/realistic-heart-shape-studio_23-2150827372.jpg",          alt: "Anatomic heart model"},
        {
          type: "text-icon",          text: "Advanced Technology",          icon: Lightbulb,
        },
        {
          type: "text",          text: "Patient-Centered Approach"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={true}
      imagePosition="left"
      title="About Dr. Gaurav Gupta: A Legacy of Heartfelt Care"
      description="Dr. Gaurav Gupta is a highly respected cardiac surgeon in Delhi, known for his unwavering commitment to patient well-being and exceptional surgical outcomes. With over 15 years of experience, he combines advanced medical knowledge with a compassionate approach, ensuring every patient receives personalized and comprehensive care."
      bulletPoints={[
        {
          title: "Board Certified Expertise",          description: "Recognized for excellence in cardiovascular and thoracic surgery.",          icon: Award,
        },
        {
          title: "Advanced Surgical Techniques",          description: "Specializing in complex bypass, valve, and minimally invasive procedures.",          icon: Activity,
        },
        {
          title: "Patient-Centric Philosophy",          description: "Dedicated to clear communication, empathy, and holistic recovery support.",          icon: Award,
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/black-general-practitioner-measuring-mature-woman-s-blood-pressure-nursing-home_637285-11340.jpg"
      imageAlt="Dr. Gaurav Gupta consulting a patient about heart health"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureBorderGlow
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Activity,
          title: "Coronary Artery Bypass Grafting (CABG)",          description: "Expert surgical revascularization for improved blood flow to the heart muscle."},
        {
          icon: Heart,
          title: "Heart Valve Repair & Replacement",          description: "Specialized procedures to restore optimal heart valve function and health."},
        {
          icon: Droplet,
          title: "Aortic Surgery",          description: "Complex surgeries for conditions affecting the body's largest artery, including aneurysms and dissections."},
        {
          icon: Info,
          title: "Minimally Invasive Cardiac Surgery",          description: "Utilizing advanced techniques for smaller incisions, reduced pain, and faster recovery times."},
        {
          icon: Heart,
          title: "Pediatric Cardiac Surgery",          description: "Dedicated expertise in treating congenital heart defects and other cardiac conditions in children."},
        {
          icon: User,
          title: "Cardiac Consultation & Second Opinion",          description: "Providing thorough evaluations, clear diagnoses, and trusted guidance for complex heart conditions."},
      ]}
      title="Comprehensive Cardiac Services"
      description="Dr. Gaurav Gupta offers a full spectrum of advanced cardiac surgical treatments, ensuring the highest standards of care and successful patient outcomes."
    />
  </div>

  <div id="expertise" data-section="expertise">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",          value: "98%",          title: "Clinical Success Rate",          description: "Consistently achieving high success rates across a wide range of cardiac procedures.",          imageSrc: "http://img.b2bpic.net/free-photo/world-doctors-day-excited-young-doctor-with-golden-prize-stethoscope-lab-coat_140725-162363.jpg",          imageAlt: "Award icon"},
        {
          id: "m2",          value: "15+",          title: "Years of Surgical Expertise",          description: "Bringing extensive experience and refined skills to every complex heart condition.",          imageSrc: "http://img.b2bpic.net/free-photo/scientist-researcher-holding-medical-slide-analyzing-blood-sample-writing-medical-expertise-clipboard-chemist-doctor-working-coronavirus-vaccine-chemistry-experiment-laboratory_482257-28264.jpg",          imageAlt: "Research icon"},
        {
          id: "m3",          value: "Highest Patient Satisfaction",          title: "Patient-Centric Approach",          description: "Prioritizing comfort, clear communication, and personalized care throughout the treatment journey.",          imageSrc: "http://img.b2bpic.net/free-photo/switzerland-flag-heart-banner_187299-34514.jpg",          imageAlt: "Patient care icon"},
      ]}
      title="Our Commitment to Excellence in Cardiac Care"
      description="Dr. Gaurav Gupta's practice is built on a foundation of rigorous medical standards, continuous innovation, and a patient-first approach, leading to outstanding clinical results."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Ramesh Kumar",          role: "Heart Patient",          company: "Delhi",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-clinic_23-2149103560.jpg",          imageAlt: "Ramesh Kumar"},
        {
          id: "2",          name: "Priya Sharma",          role: "Heart Patient",          company: "Ghaziabad",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/male-doctor-giving-injection-patient-hospital_1170-2136.jpg",          imageAlt: "Priya Sharma"},
        {
          id: "3",          name: "Anil Singh",          role: "Heart Patient",          company: "Noida",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-doctor-looking-patient_23-2148485988.jpg",          imageAlt: "Anil Singh"},
        {
          id: "4",          name: "Sunita Devi",          role: "Heart Patient",          company: "Faridabad",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/doctor-doing-their-work-pediatrics-office_23-2149224132.jpg",          imageAlt: "Sunita Devi"},
        {
          id: "5",          name: "Vikram Malhotra",          role: "Heart Patient",          company: "Gurgaon",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/african-american-nurse-trying-cope-with-stress-loss-counseling_482257-119775.jpg",          imageAlt: "Vikram Malhotra"},
      ]}
      kpiItems={[
        {
          value: "95%",          label: "Patient Recovery"},
        {
          value: "Exemplary",          label: "Safety Record"},
        {
          value: "5-Star",          label: "Trust Index"},
      ]}
      title="What Our Patients Say"
      description="Hear directly from those whose lives have been positively impacted by Dr. Gaurav Gupta's compassionate care and surgical expertise."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",          title: "What types of heart conditions do you treat?",          content: "Dr. Gupta specializes in treating a wide range of complex heart conditions including coronary artery disease, heart valve disorders, aortic aneurysms, and congenital heart defects."},
        {
          id: "q2",          title: "What should I bring to my first consultation?",          content: "Please bring all relevant medical records, previous test results (ECG, echo, angiography reports), a list of current medications, and any questions you may have."},
        {
          id: "q3",          title: "What is the typical recovery period after cardiac surgery?",          content: "Recovery times vary depending on the specific procedure and individual patient factors. Dr. Gupta provides personalized post-operative care plans and detailed guidance to ensure a smooth recovery, typically ranging from a few weeks to a few months for full recovery."},
        {
          id: "q4",          title: "Do you offer minimally invasive surgery options?",          content: "Yes, Dr. Gupta is highly skilled in various minimally invasive cardiac surgical techniques, which can lead to smaller incisions, less pain, and quicker recovery for suitable candidates."},
        {
          id: "q5",          title: "How can I book an appointment?",          content: "You can book an appointment directly through our website's contact form, by calling our clinic, or via email. Our team will assist you in scheduling a convenient time for your consultation."},
        {
          id: "q6",          title: "What insurance plans do you accept?",          content: "Our clinic works with a variety of insurance providers. Please contact our administrative staff with your insurance details, and they will be happy to assist you with coverage verification."},
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common questions about cardiac surgery, consultations, recovery, and what to expect during your journey with Dr. Gaurav Gupta."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="blog" data-section="blog">
      <BlogCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Insights from Dr. Gupta: Your Guide to Heart Health"
      description="Stay informed and empowered with the latest articles and expert advice on cardiovascular health, preventative care, and surgical advancements from Dr. Gaurav Gupta."
      blogs={[
        {
          id: "blog1",          category: "Preventative Care",          title: "Eating for a Healthy Heart: A Surgeon's Diet Tips",          excerpt: "Discover key dietary choices that can significantly impact your cardiovascular health and reduce the risk of heart disease.",          imageSrc: "http://img.b2bpic.net/free-photo/doctor-his-office-tells-girl-how-eat-stick-diet_496169-1460.jpg",          imageAlt: "Healthy food for heart",          authorName: "Dr. Gaurav Gupta",          authorAvatar: "http://img.b2bpic.net/free-vector/fun-set-happy-doctors-faces_23-2147662109.jpg",          date: "July 10, 2024"},
        {
          id: "blog2",          category: "Recovery & Wellness",          title: "Life After Heart Surgery: Essential Recovery Tips",          excerpt: "A comprehensive guide to post-operative care, rehabilitation, and lifestyle adjustments for a successful recovery.",          imageSrc: "http://img.b2bpic.net/free-photo/young-female-blue-shirt-posing-pink-wall_140725-11737.jpg",          imageAlt: "Patient recovery after heart surgery",          authorName: "Dr. Gaurav Gupta",          authorAvatar: "http://img.b2bpic.net/free-photo/female-doctor-blue-gown-portrait_53876-97118.jpg",          date: "June 25, 2024"},
        {
          id: "blog3",          category: "Medical Advancements",          title: "The Future of Cardiac Surgery: Innovations You Should Know",          excerpt: "An overview of groundbreaking technologies and techniques transforming the landscape of heart treatment.",          imageSrc: "http://img.b2bpic.net/free-photo/view-anatomic-heart-model-educational-purpose-with-medical-instruments_23-2149894480.jpg",          imageAlt: "Advanced cardiac surgery illustration",          authorName: "Dr. Gaurav Gupta",          authorAvatar: "http://img.b2bpic.net/free-photo/pleased-young-male-doctor-wearing-medical-robe-stethoscope-keeping-hands-heart-with-closed-eyes-isolated-pink-wall-with-copy-space_141793-59481.jpg",          date: "June 1, 2024"},
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Schedule Your Consultation"
      description="Take the first step towards a healthier heart. Fill out the form below to book an appointment with Dr. Gaurav Gupta and receive expert cardiac care."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Full Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Your Email Address",          required: true,
        },
        {
          name: "phone",          type: "tel",          placeholder: "Your Phone Number",          required: true,
        },
      ]}
      textarea={{
        name: "message",        placeholder: "Briefly describe your condition or inquiry",        rows: 4,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-computer-with-medical-files-monitor_482257-27167.jpg"
      imageAlt="Modern medical clinic reception"
      mediaAnimation="slide-up"
      mediaPosition="right"
      buttonText="Book Now"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Services",          items: [
            {
              label: "CABG",              href: "#services"},
            {
              label: "Valve Surgery",              href: "#services"},
            {
              label: "Aortic Surgery",              href: "#services"},
            {
              label: "Minimally Invasive",              href: "#services"},
          ],
        },
        {
          title: "About Us",          items: [
            {
              label: "Dr. Gupta's Profile",              href: "#about"},
            {
              label: "Our Approach",              href: "#about"},
            {
              label: "Patient Testimonials",              href: "#testimonials"},
            {
              label: "FAQ",              href: "#faq"},
          ],
        },
        {
          title: "Resources",          items: [
            {
              label: "Heart Health Blog",              href: "#blog"},
            {
              label: "Patient Education",              href: "#blog"},
            {
              label: "Contact Us",              href: "#contact"},
          ],
        },
      ]}
      logoText="Dr. Gaurav Gupta"
      copyrightText="© 2024 Dr. Gaurav Gupta. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}