"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Award, Calendar, Droplet, GraduationCap, LifeBuoy, ShieldCheck, Smile, Sparkles, Target, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="largeSizeMediumTitles"
        background="none"
        cardStyle="subtle-shadow"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Our Team",          id: "#team"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQs",          id: "#faqs"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/dentofacial-dental-clinic-logo-teeth-implant_1017-45242.jpg"
      logoAlt="Dr. Yasser Abdelwahab Dental Clinic Logo"
      brandName="Dr. Yasser Abdelwahab Dental Clinic"
    />
  </div>

  <div id="home" data-section="home">
      <HeroOverlayTestimonial
      title="Your Smile, Our Priority: Expert Dental Care in [Your City]"
      description="Experience gentle, comprehensive dentistry with Dr. Yasser Abdelwahab. We're dedicated to your oral health and creating beautiful, confident smiles that last a lifetime."
      testimonials={[
        {
          name: "Sarah J.",          handle: "@sarahj",          testimonial: "Dr. Yasser and his team are simply the best! I've never felt so comfortable at a dental clinic. My smile has never looked better.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",          imageAlt: "Sarah J."},
        {
          name: "Ahmed M.",          handle: "@ahmedm",          testimonial: "Exceptional service from start to finish. The clinic is state-of-the-art, and the care is truly personalized. Highly recommended!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-man-talking-phone_23-2148718087.jpg",          imageAlt: "Ahmed M."},
        {
          name: "Nadia K.",          handle: "@nadiak",          testimonial: "I used to dread dental visits, but Dr. Yasser's gentle approach and professional staff changed everything. So grateful!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-smiling-confident-looking-side-street_839833-24417.jpg",          imageAlt: "Nadia K."},
        {
          name: "Omar F.",          handle: "@omarf",          testimonial: "The results of my treatment exceeded my expectations. A truly skilled and caring dentist. Thank you for my new smile!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-businessman-resting-cushions_1262-1762.jpg",          imageAlt: "Omar F."},
        {
          name: "Layla P.",          handle: "@laylap",          testimonial: "Finding Dr. Yasser was a blessing. The entire experience was pleasant and stress-free. My whole family now comes here.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-living-room_329181-2448.jpg",          imageAlt: "Layla P."},
      ]}
      tag="Trusted Dental Care"
      tagIcon={Smile}
      buttons={[
        {
          text: "Book Appointment",          href: "#contact"},
        {
          text: "Our Services",          href: "#services"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/young-handsome-man-wearing-casual-clothes-with-happy-cool-smile-face-lucky-person_839833-3198.jpg",          alt: "Patient 1"},
        {
          src: "http://img.b2bpic.net/free-photo/man-happily-clapping-hands-satisfied-with-accomplishments-studio-background_482257-92829.jpg",          alt: "Patient 2"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-african-american-person-casual-grey-hoodie-smiling_482257-122367.jpg",          alt: "Patient 3"},
        {
          src: "http://img.b2bpic.net/free-photo/teenage-student-smiling-with-book-head_23-2148208755.jpg",          alt: "Patient 4"},
        {
          src: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104578.jpg",          alt: "Happy Patient 5"},
      ]}
      avatarText="Join our community of happy patients"
      imageSrc="http://img.b2bpic.net/free-photo/female-patient-smiling-while-looking-doctor_107420-74008.jpg"
      imageAlt="Dentist examining patient in a modern clinic"
      showBlur={true}
      textPosition="bottom"
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="Dedicated to Your Dental Health & Comfort"
      metrics={[
        {
          icon: GraduationCap,
          label: "Years of Experience",          value: "20+"},
        {
          icon: Award,
          label: "Happy Patients",          value: "5000+"},
        {
          icon: Award,
          label: "Advanced Procedures",          value: "100%"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureBorderGlow
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Smile,
          title: "General Dentistry",          description: "Routine exams, cleanings, fillings, and preventive care to maintain optimal oral health for all ages."},
        {
          icon: Sparkles,
          title: "Cosmetic Dentistry",          description: "Enhance your smile with teeth whitening, veneers, bonding, and other aesthetic treatments for a dazzling look."},
        {
          icon: Target,
          title: "Orthodontic Solutions",          description: "Straighten your teeth and improve your bite with clear aligners, traditional braces, and other orthodontic options."},
        {
          icon: Droplet,
          title: "Oral Surgery",          description: "Expert care for extractions, wisdom teeth removal, dental implants, and other surgical procedures in a comfortable setting."},
        {
          icon: LifeBuoy,
          title: "Restorative Dentistry",          description: "Repair and restore damaged teeth with crowns, bridges, dentures, and dental implants to bring back function and aesthetics."},
        {
          icon: ShieldCheck,
          title: "Emergency Dental Care",          description: "Prompt and effective treatment for urgent dental issues, including severe pain, injury, or broken teeth."},
      ]}
      title="Comprehensive Dental Services for Your Family"
      description="From routine check-ups to advanced cosmetic procedures, we offer a full range of services to meet your family's diverse dental needs with expertise and care."
    />
  </div>

  <div id="treatments" data-section="treatments">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "whitening",          name: "Professional Teeth Whitening",          price: "Starting at $250",          imageSrc: "http://img.b2bpic.net/free-photo/happy-attractive-young-woman-lying-sofa-home_171337-19497.jpg",          imageAlt: "Teeth whitening procedure"},
        {
          id: "implants",          name: "Advanced Dental Implants",          price: "Custom Quote",          imageSrc: "http://img.b2bpic.net/free-photo/vr-technology-medical-field-augmented-reality-dentistry-healthcare_23-2152000884.jpg",          imageAlt: "Dental implant model"},
        {
          id: "veneers",          name: "Porcelain Veneers",          price: "Custom Quote",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-asian-thai-japanese-model-laughingsmiling_633478-1541.jpg",          imageAlt: "Porcelain veneers on teeth"},
        {
          id: "root-canal",          name: "Gentle Root Canal Therapy",          price: "Starting at $700",          imageSrc: "http://img.b2bpic.net/free-photo/model-tooth-dentist-doctor-shows-patient-tooth-reception-dentist-s-office_1157-40926.jpg",          imageAlt: "Root canal treatment diagram"},
        {
          id: "aligners",          name: "Clear Aligner Orthodontics",          price: "Custom Quote",          imageSrc: "http://img.b2bpic.net/free-photo/dentist-examining-man-teeth-with-dental-explorer-dental-mirror_651396-2613.jpg",          imageAlt: "Clear dental aligners"},
        {
          id: "preventive-care",          name: "Comprehensive Preventive Care",          price: "Included in Visit",          imageSrc: "http://img.b2bpic.net/free-photo/dentist-hands-holding-endodontic-endomotor-handpiece_651396-3128.jpg",          imageAlt: "Dentist performing preventive care"},
      ]}
      title="Explore Our Popular Dental Treatments"
      description="Discover our most sought-after dental treatments and procedures, meticulously designed for lasting results and optimal oral health."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      groups={[
        {
          id: "dentists",          groupTitle: "Our Dental Professionals",          members: [
            {
              id: "yasser",              title: "Dr. Yasser Abdelwahab",              subtitle: "Lead Dentist & Founder",              detail: "Dr. Yasser is passionate about creating healthy smiles, utilizing the latest dental technologies and a patient-first approach. He continuously pursues advanced training to offer the best care.",              imageSrc: "http://img.b2bpic.net/free-photo/preparing-utensils-microneedling-procedure_23-2149374080.jpg",              imageAlt: "Dr. Yasser Abdelwahab"},
            {
              id: "hygienist",              title: "Mona El-Sayed",              subtitle: "Registered Dental Hygienist",              detail: "Mona is dedicated to helping patients achieve optimal oral hygiene through thorough cleanings and educational guidance. Her gentle touch is highly praised by patients.",              imageSrc: "http://img.b2bpic.net/free-photo/dentist-cleaning-child-s-teeth_23-2149195890.jpg",              imageAlt: "Mona El-Sayed"},
            {
              id: "assistant",              title: "Khaled Hassan",              subtitle: "Certified Dental Assistant",              detail: "Khaled ensures every procedure runs smoothly, assisting Dr. Yasser and making sure patients feel comfortable and well-informed throughout their visit.",              imageSrc: "http://img.b2bpic.net/free-photo/dentist-doctor-with-face-mask-explaining-diagnosis-senior-woman-patient-stomatology-waiting-area-hallway-elderly-man-sitting-chair-teeth-treatment_482257-16226.jpg",              imageAlt: "Khaled Hassan"},
          ]
        },
      ]}
      title="Meet Our Caring Dental Team"
      description="Dr. Yasser Abdelwahab leads a team of dedicated and compassionate professionals committed to providing personalized and gentle dental care to every patient."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",          name: "Fatima S.",          handle: "@fatimas",          testimonial: "I've been coming to Dr. Yasser's clinic for years, and every visit is a pleasant experience. The staff is warm and professional, and Dr. Yasser is incredibly skilled. Highly recommend for anyone seeking top-tier dental care!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",          imageAlt: "Fatima S."},
        {
          id: "t2",          name: "Hassan K.",          handle: "@hassank",          testimonial: "My dental implant procedure was seamless and pain-free. Dr. Yasser explained every step, and the results are fantastic. I can finally chew comfortably again!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",          imageAlt: "Hassan K."},
        {
          id: "t3",          name: "Sara A.",          handle: "@saraa",          testimonial: "The cosmetic work I had done transformed my smile completely! Dr. Yasser's artistic eye and attention to detail are unmatched. I feel so much more confident now.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-blonde-woman-looking-camera-cafe_1170-621.jpg",          imageAlt: "Sara A."},
        {
          id: "t4",          name: "Ali R.",          handle: "@alir",          testimonial: "My children actually look forward to their dental check-ups here! The team is amazing with kids, making it a fun and educational experience for them.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/modern-office-composition-with-businessman_23-2147900162.jpg",          imageAlt: "Ali R."},
        {
          id: "t5",          name: "Dina Z.",          handle: "@dinaz",          testimonial: "For years, I avoided the dentist due to anxiety. Dr. Yasser's clinic provided such a calming environment and truly listened to my concerns. I'm now a regular patient!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-doctor-wearing-stethoscope-medical-gown-white-wall_141793-27110.jpg",          imageAlt: "Dina Z."},
      ]}
      showRating={true}
      title="What Our Valued Patients Say"
      description="Hear directly from our happy patients about their positive experiences, the quality dental care they received, and the smiles we helped create."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "years",          icon: Calendar,
          title: "Years of Dedicated Service",          value: "20+"},
        {
          id: "patients",          icon: Users,
          title: "Satisfied Patients Annually",          value: "1200+"},
        {
          id: "procedures",          icon: ShieldCheck,
          title: "Successful Procedures",          value: "99%"},
      ]}
      title="Our Commitment to Excellence in Dental Care"
      description="With years of trusted service, countless healthy smiles, and an unwavering dedication to advanced dental techniques, we ensure the highest standard of care."
    />
  </div>

  <div id="faqs" data-section="faqs">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq1",          title: "What insurance plans do you accept?",          content: "We accept most major dental insurance plans. Please contact our office with your insurance details, and our team will be happy to verify your coverage and benefits."},
        {
          id: "faq2",          title: "How often should I visit the dentist?",          content: "It is generally recommended to visit the dentist every six months for a routine check-up and cleaning. However, depending on your oral health needs, Dr. Yasser might suggest more frequent visits."},
        {
          id: "faq3",          title: "What should I do in a dental emergency?",          content: "In case of a dental emergency, such as severe pain, trauma, or a broken tooth, please call our clinic immediately. We prioritize emergency cases and will guide you through the next steps."},
        {
          id: "faq4",          title: "Do you offer financing options for treatments?",          content: "Yes, we understand that dental treatments can be a significant investment. We offer various financing options and payment plans to make quality dental care accessible. Please discuss this with our front desk team."},
      ]}
      sideTitle="Frequently Asked Questions"
      sideDescription="Find quick answers to common questions about appointments, insurance, treatments, and what to expect during your visit to our clinic."
      faqsAnimation="slide-up"
      textPosition="left"
      showCard={true}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      tag="Get In Touch"
      title="Schedule Your Visit Today"
      description="Ready for a healthier, brighter smile? Contact us to book your appointment or ask any questions. We look forward to welcoming you to Dr. Yasser Abdelwahab's Dental Clinic."
      inputPlaceholder="Your Email Address"
      buttonText="Book Appointment"
      termsText="By clicking 'Book Appointment' you're confirming that you agree with our Terms and Conditions and Privacy Policy."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="http://img.b2bpic.net/free-vector/dentofacial-dental-clinic-logo-teeth-implant_1017-45242.jpg"
      logoAlt="Dr. Yasser Abdelwahab Dental Clinic Logo"
      columns={[
        {
          items: [
            {
              label: "Home",              href: "#home"},
            {
              label: "About Us",              href: "#about"},
            {
              label: "Services",              href: "#services"},
            {
              label: "Our Team",              href: "#team"},
          ],
        },
        {
          items: [
            {
              label: "Treatments",              href: "#treatments"},
            {
              label: "Testimonials",              href: "#testimonials"},
            {
              label: "FAQs",              href: "#faqs"},
            {
              label: "Contact Us",              href: "#contact"},
          ],
        },
        {
          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
            {
              label: "Accessibility",              href: "#"},
          ],
        },
      ]}
      logoText="Dr. Yasser Abdelwahab Dental Clinic"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
