"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TextAbout from '@/components/sections/about/TextAbout';
import { CheckCircle, Heart, Shield, Sparkles, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="mediumSizeLargeTitles"
        background="noise"
        cardStyle="glass-elevated"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "Our Approach",          id: "about"},
        {
          name: "Services",          id: "features"},
        {
          name: "Stories",          id: "testimonials"},
        {
          name: "FAQ",          id: "faq"},
      ]}
      brandName="Autumn Hill Dental"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplit
      background={{
        variant: "gradient-bars"}}
      imagePosition="right"
      title="Dentistry built on trust. "
      description="For over a decade, Autumn Hill Dental has earned 100% five-star reviews by prioritizing your health and honesty. Meet Dr. Jaura and experience the difference."
      buttons={[
        {
          text: "Book Your Visit",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-29141.jpg"
      imageAlt="Luxurious Autumn Hill Dental practice interior"
      mediaAnimation="blur-reveal"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/female-dentist-with-patient_23-2148104931.jpg",          alt: "Patient"},
        {
          src: "http://img.b2bpic.net/free-photo/cropped-shot-dark-skinned-smiling-young-woman-with-afro-hairstyle-dressed-casual-summer-clothing_273609-3169.jpg",          alt: "Patient"},
        {
          src: "http://img.b2bpic.net/free-photo/handheld-shot-happy-pensioner-preparing-exercise-physical-activity-portrait-senior-man-smiling-looking-camera-getting-ready-training-with-equipment_482257-33826.jpg",          alt: "Patient"},
        {
          src: "http://img.b2bpic.net/free-photo/smiling-parents-with-their-children_1098-887.jpg",          alt: "Patient"},
        {
          src: "http://img.b2bpic.net/free-photo/still-life-colorful-gummy-bears_23-2149870775.jpg",          alt: "Patient"},
      ]}
      avatarText="Trusted by 500+ local families"
      marqueeItems={[
        {
          type: "text-icon",          text: "100% Honest Care",          icon: CheckCircle,
        },
        {
          type: "text-icon",          text: "Zero Pressure",          icon: Shield,
        },
        {
          type: "text-icon",          text: "Family Focused",          icon: Users,
        },
        {
          type: "text-icon",          text: "Modern Tech",          icon: Sparkles,
        },
        {
          type: "text-icon",          text: "Gentle Dentistry",          icon: Heart,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      title="Our philosophy: Honest care for the families of Autumn Hill."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          title: "Transparent Care",          description: "Clear explanations of all procedures without hidden costs.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/crowded-stomatology-waiting-area-with-people-filling-form-dental-consultation_482257-4858.jpg",            imageAlt: "Dental consultation"},
          items: [
            {
              icon: CheckCircle,
              text: "Honest assessments"},
            {
              icon: CheckCircle,
              text: "No pressure sales"},
            {
              icon: CheckCircle,
              text: "Direct communication"},
          ],
          reverse: false,
        },
        {
          title: "Modern Comfort",          description: "A serene environment designed to put our patients at ease.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/young-female-dentist-treating-patients-teeth-with-dental-microscope-dentistry-concept_169016-67130.jpg",            imageAlt: "Clinic technology"},
          items: [
            {
              icon: Sparkles,
              text: "Gentle dental care"},
            {
              icon: Sparkles,
              text: "Premium facilities"},
            {
              icon: Sparkles,
              text: "Comfort-first design"},
          ],
          reverse: true,
        },
        {
          title: "Family Trusted",          description: "Expert care for every generation, backed by a decade of trust.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/professional-medical-stomatology-teeth-drill-prepared-dentistry-surgery-oral-dental-healt_482257-3470.jpg",            imageAlt: "Clinic workspace"},
          items: [
            {
              icon: Shield,
              text: "Family-focused expertise"},
            {
              icon: Shield,
              text: "Proven track record"},
            {
              icon: Shield,
              text: "Gentle on nerves"},
          ],
          reverse: false,
        },
      ]}
      title="A Gentle, Transparent Approach to Oral Health"
      description="We believe your dental health should be managed with integrity, precision, and comfort. No aggressive sales, just clinical excellence."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          title: "Exceptional care",          quote: "Dr. Jaura changed the way I feel about visiting the dentist.",          name: "Sarah Johnson",          role: "Patient",          imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-with-patient_23-2148104931.jpg"},
        {
          id: "2",          title: "So transparent",          quote: "No upselling, just pure professional advice. I feel heard.",          name: "Michael Chen",          role: "Patient",          imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-dark-skinned-smiling-young-woman-with-afro-hairstyle-dressed-casual-summer-clothing_273609-3169.jpg"},
        {
          id: "3",          title: "Family favorite",          quote: "Our whole family visits Autumn Hill. Dr. Jaura is incredible.",          name: "Emily Rodriguez",          role: "Patient",          imageSrc: "http://img.b2bpic.net/free-photo/handheld-shot-happy-pensioner-preparing-exercise-physical-activity-portrait-senior-man-smiling-looking-camera-getting-ready-training-with-equipment_482257-33826.jpg"},
        {
          id: "4",          title: "Comfort first",          quote: "Finally found a dentist that understands my fears and comforts me.",          name: "David Kim",          role: "Patient",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-parents-with-their-children_1098-887.jpg"},
        {
          id: "5",          title: "Highly recommended",          quote: "The gold standard for honest dental care in this region.",          name: "Julia Smith",          role: "Patient",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-colorful-gummy-bears_23-2149870775.jpg"},
      ]}
      title="Stories from our patients"
      description="Over a decade of smiles built on trust."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",          title: "Do you offer financing?",          content: "Yes, we have transparent, zero-stress financing options."},
        {
          id: "2",          title: "Are you accepting new patients?",          content: "We are currently welcoming new families to our practice."},
        {
          id: "3",          title: "What makes your dental approach different?",          content: "Our commitment to honesty, zero upselling, and patient comfort sets us apart."},
        {
          id: "4",          title: "Do you treat children?",          content: "Absolutely, we provide gentle care for all ages."},
      ]}
      title="Common Questions"
      description="Everything you need to know about our approach."
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "rotated-rays-static"}}
      text="Experience dentistry the way it was meant to be. 
Dr. Jaura & Dr. Braun 
The Autumn Hill Team is here for you."
      textClassName="text-center"
      buttons={[
        {
          text: "Book Your Consultation",          href: "mailto:info@autumnhilldental.com"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Practice",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Services",              href: "#features"},
            {
              label: "Book Now",              href: "#contact"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "Contact",              href: "mailto:info@autumnhilldental.com"},
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Patient Portal",              href: "#"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      bottomLeftText="© 2024 Autumn Hill Dental. All rights reserved."
      bottomRightText="123 Maple Street, Hillside, State"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}