"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
import ContactText from "@/components/sections/contact/ContactText";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Zap } from "lucide-react";

export default function ServicesPage() {
  const navItems = [
    { name: "Home", id: "home" },
    { name: "Services", id: "services" },
    { name: "About", id: "about" },
    { name: "Reviews", id: "reviews" },
    { name: "Contact", id: "contact" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeLargeTitles"
      background="none"
      cardStyle="glass-depth"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Infinity Dental"
          navItems={[
            { name: "Home", id: "home" },
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" },
          ]}
        />
      </div>

      <div id="services-detailed" data-section="services-detailed">
        <FeatureCardNine
          title="Our Complete Dental Service Portfolio"
          description="Infinity Dental Clinic offers a comprehensive range of advanced dental treatments designed to meet all your oral health needs. Each service is performed by experienced professionals using state-of-the-art technology."
          tag="Advanced Treatments"
          tagIcon={Zap}
          tagAnimation="slide-up"
          buttons={[
            {
              text: "Book Appointment",
              href: "tel:+919876543210",
            },
          ]}
          buttonAnimation="slide-up"
          features={[
            {
              id: 1,
              title: "Dental Implants",
              description: "Replace missing teeth with permanent, natural-looking implants. Using advanced bone grafting and implant technology, we restore your smile and confidence. Implants function like natural teeth and last 15-20+ years.",
              buttons: [
                {
                  text: "Schedule Consultation",
                  href: "tel:+919876543210",
                },
              ],
              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-photo/young-female-dentist-showing-patient-dental-xray-dentistry-concept_169016-66978.jpg",
              },
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-photo/female-patient-front-male-dentist-holding-dental-jaw_23-2147862031.jpg",
              },
            },
            {
              id: 2,
              title: "Root Canal Treatment (RCT)",
              description: "Save infected or damaged teeth with painless root canal treatment. Our endodontic specialists use rotary instruments and apex locators for precise treatment. Treatment can often be completed in a single session.",
              buttons: [
                {
                  text: "Schedule Consultation",
                  href: "tel:+919876543210",
                },
              ],
              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-photo/dental-woman-nurse-applying-anesthesia-with-cotton-swab-before-stomatological-procedure-orthodontic-office-medical-team-discussing-treatment-against-caries-infection-dentistry-examination_482257-40994.jpg",
              },
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1677.jpg",
              },
            },
            {
              id: 3,
              title: "Clear Aligners",
              description: "Achieve a straight, beautiful smile with invisible clear aligners. A comfortable, discreet alternative to traditional braces, aligners can be removed for eating and cleaning. Perfect for teens and adults.",
              buttons: [
                {
                  text: "Schedule Consultation",
                  href: "tel:+919876543210",
                },
              ],
              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-photo/dentist-showing-set-model-teeth-patient_107420-65670.jpg",
              },
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-happy-freckled-young-woman-posing-against-white-wall_273609-20837.jpg",
              },
            },
            {
              id: 4,
              title: "Cosmetic Dentistry",
              description: "Transform your smile with professional cosmetic treatments. Services include teeth whitening, porcelain veneers, smile makeovers, and gum reshaping. We use the latest cosmetic techniques for dramatic results.",
              buttons: [
                {
                  text: "Schedule Consultation",
                  href: "tel:+919876543210",
                },
              ],
              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-photo/female-patient-receiving-dental-treatment_107420-65463.jpg",
              },
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-photo/patient-dentist_624325-1625.jpg",
              },
            },
          ]}
          showStepNumbers={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Detailed dental services"
        />
      </div>

      <div id="services-cta" data-section="services-cta">
        <ContactText
          text="Choose Infinity Dental for Expert Care. Book your appointment today and experience the difference professional dental treatment can make. Your smile is our priority!"
          animationType="entrance-slide"
          buttons={[
            {
              text: "Call: +91-9876543210",
              href: "tel:+919876543210",
            },
            {
              text: "WhatsApp Now",
              href: "https://wa.me/919876543210",
            },
            {
              text: "Back to Home",
              href: "/",
            },
          ]}
          background={{
            variant: "gradient-bars",
          }}
          useInvertedBackground={false}
          ariaLabel="Services call to action"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Infinity Dental"
          leftLink={{
            text: "Privacy Policy",
            href: "#",
          }}
          rightLink={{
            text: "Contact Us",
            href: "/services",
          }}
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}