"use client";

import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import ContactText from '@/components/sections/contact/ContactText';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="medium"
      sizing="largeSmallSizeLargeTitles"
      background="floatingGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Tavistock Dental"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Team", id: "team" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" },
            { name: "Emergency", id: "emergency" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="Tavistock Dental"
          description="Trusted Dental Care in Central London. Personalised, gentle dental treatment from a highly-rated London clinic. 4.9 rating with 800+ patient reviews."
          buttons={[
            { text: "Book Appointment", href: "#contact" },
            { text: "Call Now: +44 20 7837 5638", href: "tel:+442078375638" }
          ]}
          layoutOrder="default"
          imageSrc="http://img.b2bpic.net/free-photo/professional-dentist-tools-dental-office_1204-393.jpg"
          imageAlt="Tavistock Dental modern clinic interior"
          frameStyle="browser"
          background={{ variant: "plain" }}
          buttonAnimation="slide-up"
          mediaAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="Why Choose Us"
          title="4.9 Rating with 800+ Reviews. Emergency Appointments. Modern Technology. Gentle, Patient-Focused Care. Central London Location."
          useInvertedBackground={false}
          buttons={[
            { text: "Learn More About Our Approach", href: "#services" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardThree
          tag="Our Services"
          title="Comprehensive Dental Solutions"
          description="From routine checkups to advanced cosmetic procedures, we provide the full spectrum of dental care tailored to your needs."
          features={[
            {
              id: "01",              title: "General Dentistry",              description: "Regular checkups, cleanings, fillings, and preventative care to maintain your oral health.",              imageSrc: "http://img.b2bpic.net/free-photo/checkup-dentist-tool-instrument-young_1301-3124.jpg",              imageAlt: "General dental services"
            },
            {
              id: "02",              title: "Emergency Dental Care",              description: "Same-day appointments when available. Professional examination and treatment for urgent dental issues.",              imageSrc: "http://img.b2bpic.net/free-photo/medical-nurse-examining-patient-paing-writing-dental-problem-clipboard-while-sitting-dental-hospital-office_482257-4882.jpg",              imageAlt: "Emergency dental treatment"
            },
            {
              id: "03",              title: "Hygienist Services",              description: "Professional cleaning and oral hygiene guidance from our experienced dental hygienists.",              imageSrc: "http://img.b2bpic.net/free-photo/checkup-dentist-tool-instrument-young_1301-3124.jpg",              imageAlt: "Professional hygiene services"
            },
            {
              id: "04",              title: "Cosmetic Dentistry",              description: "Teeth whitening, veneers, and smile makeovers to enhance your natural smile.",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-young-beautiful-smiling-woman-looking-trendy-girl-casual-summer-hoodie-skirt-clothes_158538-1429.jpg",              imageAlt: "Cosmetic dental procedures"
            },
            {
              id: "05",              title: "Facial Care",              description: "Advanced facial aesthetics treatments including rejuvenation and anti-ageing therapies.",              imageSrc: "http://img.b2bpic.net/free-photo/beautician-spa-beauty-salon-applies-cream-client-s-face-girl-lies-cosmetology-table_343596-4278.jpg",              imageAlt: "Facial care treatments"
            },
            {
              id: "06",              title: "Retainers & Repairs",              description: "Expert repair and replacement services for retainers and other orthodontic appliances.",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-young-beautiful-smiling-woman-looking-trendy-girl-casual-summer-hoodie-skirt-clothes_158538-1429.jpg",              imageAlt: "Retainer repairs and replacements"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          buttons={[
            { text: "Book Your Service", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="emergency" data-section="emergency">
        <ContactText
          text="Need Urgent Dental Care? We offer same-day emergency appointments when available. Contact us immediately for professional examination and rapid treatment."
          animationType="entrance-slide"
          buttons={[
            { text: "Call Emergency: +44 20 7837 5638", href: "tel:+442078375638" },
            { text: "Request Emergency Appointment", href: "#contact" }
          ]}
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardEleven
          title="Meet Our Team"
          description="Experienced dental professionals dedicated to your comfort and oral health. Our team combines advanced expertise with a compassionate approach to patient care."
          tag="Our Specialists"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          groups={[
            {
              id: "dentists",              groupTitle: "Dentists",              members: [
                {
                  id: "1",                  title: "Dr. Sarah Mitchell",                  subtitle: "Principal Dentist",                  detail: "BDS (London), 15+ years experience",                  imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-male-doctor-dressed-uniform_171337-1486.jpg",                  imageAlt: "Dr. Sarah Mitchell"
                },
                {
                  id: "2",                  title: "Dr. James Chen",                  subtitle: "Restorative & Cosmetic Specialist",                  detail: "BDS (Edinburgh), MSc Restorative Dentistry",                  imageSrc: "http://img.b2bpic.net/free-photo/dentist-doctor-looking-camera-smiling-while-elderly-patient-waiting-him-background-dental-hygiene-stomatologist-with-protection-glasses-standing-front-webcam-stomatological-clinic_482257-3573.jpg",                  imageAlt: "Dr. James Chen"
                }
              ]
            },
            {
              id: "hygienists",              groupTitle: "Dental Hygienists",              members: [
                {
                  id: "3",                  title: "Emma Johnson",                  subtitle: "Lead Hygienist",                  detail: "DipDH (London), Specialist in periodontal care",                  imageSrc: "http://img.b2bpic.net/free-photo/team-happy-doctors-standing-with-arms-crossed-mri-scanner-hospital-looking-camera_637285-389.jpg",                  imageAlt: "Emma Johnson"
                }
              ]
            }
          ]}
          buttons={[
            { text: "Get to Know Our Team", href: "#contact" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          tag="Patient Reviews"
          title="What Our Patients Say"
          description="Real feedback from our valued patients in Central London. Read why over 800 patients trust Tavistock Dental."
          testimonials={[
            {
              id: "1",              name: "Michael Roberts",              role: "Working Professional",              company: "London-based Client",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-healthcare-expert-looking-camera_637285-11471.jpg",              imageAlt: "Michael Roberts patient testimonial"
            },
            {
              id: "2",              name: "Emma Thompson",              role: "Patient",              company: "Tavistock Place Local",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/big-happiness-beautiful-woman_329181-1147.jpg",              imageAlt: "Emma Thompson patient testimonial"
            },
            {
              id: "3",              name: "David Patel",              role: "Emergency Patient",              company: "Referred by Colleague",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-73983.jpg",              imageAlt: "David Patel patient testimonial"
            },
            {
              id: "4",              name: "Sophie Williams",              role: "Regular Patient",              company: "5+ Year Member",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/this-is-my-way-relax_329181-1143.jpg",              imageAlt: "Sophie Williams patient testimonial"
            },
            {
              id: "5",              name: "James O'Connor",              role: "Cosmetic Patient",              company: "Smile Makeover",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-73983.jpg",              imageAlt: "James O'Connor patient testimonial"
            },
            {
              id: "6",              name: "Olivia Hughes",              role: "New Patient",              company: "Recently Joined",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-woman-talking-her-doctor-medical-clinic_637285-9073.jpg",              imageAlt: "Olivia Hughes patient testimonial"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          carouselMode="buttons"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          buttons={[
            { text: "See All 800+ Reviews on Google", href: "https://www.google.com/search?q=tavistock+dental" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="contact" data-section="contact">
        <FaqSplitText
          sideTitle="Get in Touch"
          sideDescription="Book your appointment or contact us with any questions. We're here to help and look forward to welcoming you to Tavistock Dental."
          faqs={[
            {
              id: "location",              title: "Where are you located?",              content: "<strong>Tavistock Dental & Facial Care</strong><br/>16 Tavistock Place<br/>London WC1H 9RU<br/>United Kingdom<br/><br/>Central London location with easy access by public transport."
            },
            {
              id: "hours",              title: "What are your opening hours?",              content: "<strong>Monday to Friday:</strong> 9:00 AM - 6:00 PM<br/><strong>Saturday:</strong> 10:00 AM - 4:00 PM<br/><strong>Sunday:</strong> Closed<br/><br/>Emergency appointments available when possible outside regular hours."
            },
            {
              id: "emergency",              title: "How do I book an emergency appointment?",              content: "Call us immediately at <strong>+44 20 7837 5638</strong>. We prioritise emergency cases and offer same-day appointments when available. Describe your symptoms briefly to our reception team."
            },
            {
              id: "booking",              title: "How do I book a regular appointment?",              content: "You can call us at <strong>+44 20 7837 5638</strong>, complete our online appointment form above, or visit us in person. Most appointments are available within 1-2 weeks."
            },
            {
              id: "insurance",              title: "Do you accept dental insurance?",              content: "We work with most major dental insurance providers. Please call us with your insurance details, and our team will verify your coverage and explain your benefits."
            },
            {
              id: "anxiety",              title: "I'm nervous about dental visits. What should I know?",              content: "Our team specialises in anxious patient care. We offer sedation options and always communicate openly. Please let us know about your anxiety when booking—we'll create a comfortable experience."
            }
          ]}
          textPosition="left"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          showCard={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Tavistock Dental"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "Terms & Conditions", href: "#" }}
        />
      </div>
    </ThemeProvider>
  );
}
