"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Activity, Award, Heart, ShieldCheck, Smile, Star, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="circleGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarStyleApple
            navItems={[
              { name: "Home", id: "hero" },
              { name: "Services", id: "services" },
              { name: "Results", id: "results" },
              { name: "Contact", id: "contact" },
            ]}
            brandName="Your Dent Clinic"
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroSplit
            background={{ variant: "gradient-bars" }}
            title="Let's Make Your Smile Shine"
            description="See real results from our clients. Book your appointment with Egypt's trusted cosmetic dentistry experts."
            buttons={[{ text: "Book your appointment", href: "#contact" }]}
            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dtkuli0tdBMKGcMqSnb5gG6iWC/uploaded-1779114606361-00tpxw48.png"
            mediaAnimation="slide-up"
            avatars={[
              { src: "http://img.b2bpic.net/free-photo/portrait-dentist-patient-smiling_23-2148396176.jpg", alt: "Portrait of dentist and patient smiling" },
              { src: "http://img.b2bpic.net/free-photo/woman-showing-her-teeth-clinic_107420-65383.jpg", alt: "Woman showing her teeth in clinic" },
              { src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-dentist_23-2148396149.jpg", alt: "Portrait of beautiful woman at the dentist" },
              { src: "http://img.b2bpic.net/free-photo/young-female-patient-bed-physiotherapy-center_1139-1121.jpg", alt: "Young female patient on bed in a physiotherapy center." },
              { src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-sitting-chair-dental-clinic_662251-2583.jpg", alt: "Portrait of smiling young woman sitting on chair at dental clinic" },
            ]}
            avatarText="Trusted by 1000+ happy patients across Egypt."
            marqueeItems={[
              { type: "text-icon", text: "Expert Care", icon: ShieldCheck },
              { type: "text-icon", text: "Modern Tech", icon: Activity },
              { type: "text-icon", text: "Top Rated", icon: Star },
              { type: "text-icon", text: "Fast Results", icon: Zap },
              { type: "text-icon", text: "Gentle Dentistry", icon: Heart },
            ]}
          />
        </div>

        <div id="services" data-section="services">
          <FeatureCardTwentyThree
            animationType="slide-up"
            textboxLayout="split"
            useInvertedBackground={true}
            features={[
              { id: "s1", title: "Teeth Whitening", tags: ["Whitening"], imageSrc: "http://img.b2bpic.net/free-photo/dermatologist-female-patient-discussing-digital-tablet_107420-65415.jpg" },
              { id: "s2", title: "Professional Fillings", tags: ["Restorative"], imageSrc: "http://img.b2bpic.net/free-photo/man-dentist-s-appointment_1321-4592.jpg" },
              { id: "s3", title: "Orthodontic Braces", tags: ["Alignment"], imageSrc: "http://img.b2bpic.net/free-photo/dental-care-tooth-decay-concept-curly-young-woman-uses-dental-floss-wears-headband-casual-striped-t-shirt-has-perfect-smile-looks-away-isolated-blue-studio-background-teeth-flossing_273609-60927.jpg" },
            ]}
            title="Our Cosmetic Services"
            description="Professional treatments for a brighter, healthier smile."
          />
        </div>

        <div id="results" data-section="results">
          <ProductCardTwo
            animationType="slide-up"
            textboxLayout="split"
            gridVariant="uniform-all-items-equal"
            useInvertedBackground={false}
            products={[
              { id: "p1", brand: "Veneers", name: "Case Study 1", price: "Before/After", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/female-facial-beautiful-clean-fresh_1301-1935.jpg" },
              { id: "p2", brand: "Whitening", name: "Case Study 2", price: "Before/After", rating: 5, reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/mixed-race-black-blonde-model-with-curly-hair-closeup-mouth-painted-with-bright-blue-lipstick-smiling-watching-camera_633478-803.jpg" },
              { id: "p3", brand: "Braces", name: "Case Study 3", price: "Before/After", rating: 5, reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/image-cheerful-beautiful-young-lifestyle-blogger-woman-sitting-floor-recording-video-about_1258-255219.jpg" },
              { id: "p4", brand: "Fillings", name: "Case Study 4", price: "Before/After", rating: 5, reviewCount: "84", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-woman-making-frame-gesture_1262-1764.jpg" },
              { id: "p5", brand: "Cosmetic", name: "Case Study 5", price: "Before/After", rating: 5, reviewCount: "112", imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-young-girl-smiling-pink_179666-1708.jpg" },
              { id: "p6", brand: "Smile Design", name: "Case Study 6", price: "Before/After", rating: 5, reviewCount: "140", imageSrc: "http://img.b2bpic.net/free-photo/positive-dreamy-young-lady-with-hand-cheek_23-2148054963.jpg" },
            ]}
            title="Client Transformations"
            description="Real life results from our cosmetic dental treatments."
          />
        </div>

        <div id="metrics" data-section="metrics">
          <MetricCardOne
            animationType="slide-up"
            textboxLayout="split"
            gridVariant="bento-grid"
            useInvertedBackground={true}
            metrics={[
              { id: "m1", value: "1000+", title: "Happy Patients", description: "Successfully treated patients across Egypt.", icon: Smile },
              { id: "m2", value: "15+", title: "Years Experience", description: "Deep expertise in cosmetic dentistry.", icon: Award },
              { id: "m3", value: "4.9/5", title: "Google Reviews", description: "Highly trusted by our local community.", icon: Star },
            ]}
            title="Proven Excellence"
            description="Our clinic metrics speak to our quality and trust."
          />
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardTwelve
            useInvertedBackground={false}
            cardAnimation="slide-up"
            cardTitle="Patient Feedback"
            cardTag="Testimonials"
            testimonials={[
              { id: "t1", name: "Amira Ahmed", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-adult-woman-dentist_23-2148396159.jpg" },
              { id: "t2", name: "Mostafa Hassan", imageSrc: "http://img.b2bpic.net/free-photo/joyful-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15168.jpg" },
              { id: "t3", name: "Layla Mahmoud", imageSrc: "http://img.b2bpic.net/free-photo/male-doctor-talking-patient-showing-dental-jaw_23-2147862033.jpg" },
              { id: "t4", name: "Omar Khaled", imageSrc: "http://img.b2bpic.net/free-photo/smiley-nurse-with-stethoscope_23-2148740054.jpg" },
              { id: "t5", name: "Sara Ali", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-dentist-with-patient-dental-clinic_662251-2616.jpg" },
            ]}
          />
        </div>

        <div id="faq" data-section="faq">
          <FaqSplitMedia
            textboxLayout="split"
            useInvertedBackground={true}
            faqs={[
              { id: "f1", title: "Is cosmetic dentistry safe?", content: "Yes, our advanced procedures meet the highest safety standards." },
              { id: "f2", title: "How much do veneers cost?", content: "Costs vary based on your personal needs; contact us for a consultation." },
              { id: "f3", title: "Do you offer international booking?", content: "Yes, we welcome patients globally for dental tourism." },
            ]}
            imageSrc="http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23918.jpg"
            title="Common Questions"
            description="Answers to help you feel confident in your decision."
            faqsAnimation="slide-up"
            mediaAnimation="slide-up"
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactSplit
            useInvertedBackground={false}
            background={{ variant: "plain" }}
            tag="Contact Us"
            title="Book Your Appointment"
            description="Get in touch at yourdentclinic@gmail.com or +20 1008889978. Address: Abrag Othman, Maadi, Cairo."
            imageSrc="http://img.b2bpic.net/free-photo/portrait-hospital-receptionist-standing-front-desk_482257-131181.jpg"
            mediaAnimation="slide-up"
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterCard
            logoText="Your Dent Clinic"
            copyrightText="© 2025 | Your Dent Clinic Egypt"
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
