"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Award, Calendar, Heart, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeMediumTitles"
      background="circleGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Dental Excellence"
          navItems={[
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" },
          ]}
          button={{ text: "Book Appointment", href: "#contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Premier Dental Excellence"
          description="Experience luxury dentistry with cutting-edge technology and compassionate care. Our expert team delivers exceptional results for your healthiest, most beautiful smile."
          background={{ variant: "glowing-orb" }}
          kpis={[
            { value: "25+", label: "Years Experience" },
            { value: "5000+", label: "Happy Patients" },
            { value: "100%", label: "Satisfaction Rate" },
          ]}
          enableKpiAnimation={true}
          tag="Premium Dental Care"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Schedule Consultation", href: "#contact" },
            { text: "Learn More", href: "#about" },
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23912.jpg"
          imageAlt="Modern luxury dental office"
          mediaAnimation="slide-up"
          imagePosition="right"
          mediaWrapperClassName="rounded-2xl overflow-hidden shadow-lg"
        />
      </div>

      <div id="services" data-section="services">
        <ProductCardTwo
          title="Our Premium Services"
          description="Comprehensive dental solutions delivered with precision and care. From preventive care to advanced restorative procedures, we offer everything for your optimal oral health."
          tag="Services"
          tagIcon={Heart}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              brand: "General Care",              name: "Preventive Dentistry",              price: "Professional Cleaning & Exams",              rating: 5,
              reviewCount: "1200+",              imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-man-receiving-dental-treatment-from-female-dentist-clinic_662251-2555.jpg",              imageAlt: "Professional dental cleaning"},
            {
              id: "2",              brand: "Advanced Solutions",              name: "Dental Implants",              price: "Complete Restoration",              rating: 5,
              reviewCount: "950+",              imageSrc: "http://img.b2bpic.net/free-photo/old-man-sitting-dentist-s-office_1157-19455.jpg",              imageAlt: "Advanced dental implants"},
            {
              id: "3",              brand: "Cosmetic Enhancement",              name: "Smile Makeover",              price: "Whitening & Veneers",              rating: 5,
              reviewCount: "880+",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-young-woman_158538-3962.jpg",              imageAlt: "Cosmetic dentistry smile design"},
          ]}
          ariaLabel="Premium dental services"
          containerClassName="space-y-8"
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[{ type: "text", content: "About Our Practice" }]}
          useInvertedBackground={false}
          buttons={[{ text: "Meet Our Team", href: "#contact" }]}
          buttonAnimation="slide-up"
          ariaLabel="About dental practice section"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardOne
          title="Why Choose Us"
          description="We combine expertise, innovation, and patient-centered care to deliver exceptional dental experiences."
          tag="Excellence"
          tagIcon={Award}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          gridVariant="two-columns-alternating-heights"
          features={[
            {
              title: "Advanced Technology",              description: "State-of-the-art digital imaging and treatment systems for precision and comfort.",              imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-man-receiving-dental-treatment-from-female-dentist-clinic_662251-2555.jpg",              imageAlt: "Advanced dental technology"},
            {
              title: "Experienced Team",              description: "Board-certified dentists with decades of combined expertise in all dental disciplines.",              imageSrc: "http://img.b2bpic.net/free-photo/old-man-sitting-dentist-s-office_1157-19455.jpg",              imageAlt: "Expert dental team"},
            {
              title: "Personalized Care",              description: "Custom treatment plans tailored to your unique needs and aesthetic goals.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-young-woman_158538-3962.jpg",              imageAlt: "Personalized dental care"},
            {
              title: "Comfortable Environment",              description: "Luxurious, spa-like setting designed to ease anxiety and enhance relaxation.",              imageSrc: "http://img.b2bpic.net/free-photo/male-patient-with-cofferdam-mouth-showing-teeth-with-braces_651396-3439.jpg",              imageAlt: "Comfortable dental office"},
          ]}
          ariaLabel="Why choose our dental practice"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Our Patients Say"
          description="Real stories from patients who have experienced our commitment to excellence and care."
          tag="Testimonials"
          tagIcon={Star}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          speed={40}
          topMarqueeDirection="left"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              handle: "Verified Patient",              testimonial: "Dr. Chen transformed my smile completely. The professionalism and attention to detail were exceptional. I'm thrilled with my results!",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              imageAlt: "Sarah Mitchell"},
            {
              id: "2",              name: "Michael Rodriguez",              handle: "Long-time Patient",              testimonial: "Finally found a dental practice that truly cares. The entire team made me feel comfortable and valued throughout my treatment journey.",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageAlt: "Michael Rodriguez"},
            {
              id: "3",              name: "Jessica Park",              handle: "Verified Patient",              testimonial: "My implants look natural and feel amazing. The technology they use is incredible, and the aftercare support has been outstanding.",              imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",              imageAlt: "Jessica Park"},
            {
              id: "4",              name: "David Thompson",              handle: "Cosmetic Patient",              testimonial: "The smile makeover exceeded all my expectations. Dr. Zhang's artistic eye combined with technical skill is truly remarkable.",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg",              imageAlt: "David Thompson"},
            {
              id: "5",              name: "Emily Watson",              handle: "New Patient",              testimonial: "Best dental experience of my life. The office ambiance is luxurious, and the staff genuinely cares about patient comfort.",              imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "Emily Watson"},
            {
              id: "6",              name: "James Cooper",              handle: "Regular Patient",              testimonial: "From routine cleanings to complex restorations, the quality and care never waiver. Highly recommend without reservation.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-bright-smile_23-2148563438.jpg",              imageAlt: "James Cooper"},
          ]}
          ariaLabel="Patient testimonials section"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get In Touch"
          title="Schedule Your Appointment"
          description="Join our community of satisfied patients. Book your consultation today and discover the difference premium dental care makes."
          tagIcon={Calendar}
          tagAnimation="slide-up"
          background={{ variant: "glowing-orb" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/crowded-stomatology-waiting-area-with-people-filling-form-dental-consultation_482257-4858.jpg"
          imageAlt="Welcoming dental office reception"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputPlaceholder="Enter your email address"
          buttonText="Book Now"
          termsText="We respect your privacy. We'll only use your information to schedule your appointment."
          ariaLabel="Contact and appointment booking section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Dental Excellence"
          copyrightText="© 2025 Dental Excellence. Premium Dental Care."
          columns={[
            {
              title: "Services",              items: [
                { label: "Preventive Care", href: "#services" },
                { label: "Cosmetic Dentistry", href: "#services" },
                { label: "Implants", href: "#services" },
                { label: "Emergency Care", href: "#contact" },
              ],
            },
            {
              title: "Practice",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Team", href: "#about" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "Contact", href: "#contact" },
              ],
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Patient Rights", href: "#" },
                { label: "Insurance", href: "#" },
              ],
            },
          ]}
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}
