"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterCard from '@/components/sections/footer/FooterCard';
import Link from 'next/link';

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

  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="small"
      sizing="largeSmall"
      background="none"
      cardStyle="layered-gradient"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Jennifer A. Sylvia, D.M.D."
          navItems={navItems}
          button={{
            text: "Book Appointment",
            href: "/contact"
          }}
        />
      </div>

      <div id="services" data-section="services" className="mx-auto px-4 md:px-6">
        <FeatureCardOne
          title="Comprehensive Dental Services"
          description="We offer a full range of dental services to meet your entire family's oral health needs. From preventive care to cosmetic enhancements, our practice is equipped to provide professional, gentle treatment."
          features={[
            {
              title: "General Dentistry",
              description: "Routine exams, cleanings, and preventive care to maintain your healthy smile.",
              imageSrc: "http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23918.jpg",
              imageAlt: "General dental checkup and examination"
            },
            {
              title: "Professional Cleanings",
              description: "Thorough, gentle cleanings that remove plaque and tartar while protecting your gums.",
              imageSrc: "http://img.b2bpic.net/free-photo/dentist-checking-patient-mounth-care_23-2149195924.jpg",
              imageAlt: "Professional dental cleaning procedure"
            },
            {
              title: "Teeth Whitening",
              description: "Professional teeth whitening treatments for a brighter, more confident smile.",
              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-28567.jpg",
              imageAlt: "Cosmetic teeth whitening treatment"
            },
            {
              title: "Preventive Care",
              description: "Personalized prevention strategies and patient education for long-term oral health.",
              imageSrc: "http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23918.jpg",
              imageAlt: "Preventive dental care consultation"
            }
          ]}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="metrics" data-section="metrics" className="mx-auto px-4 md:px-6">
        <MetricCardTen
          title="Why Choose Our Practice"
          description="Our commitment to quality care and patient satisfaction sets us apart."
          metrics={[
            {
              id: "1",
              title: "4.3",
              subtitle: "Stars",
              category: "Patient Rating",
              value: "from 17 Reviews"
            },
            {
              id: "2",
              title: "15+",
              subtitle: "Years",
              category: "Professional Experience",
              value: "Dr. Sylvia's Expertise"
            },
            {
              id: "3",
              title: "100%",
              subtitle: "Commitment",
              category: "Patient Satisfaction",
              value: "Compassionate Care Focus"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Jennifer A. Sylvia, D.M.D."
          copyrightText="© 2025 Jennifer A. Sylvia, D.M.D. | 282 Columbus Ave, West Harrison, NY 10604 | (914) 948-0406"
        />
      </div>
    </ThemeProvider>
  );
}