"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import Link from "next/link";

export default function GeneralDentistryPage() {

  const navItems = [
    { name: "Home", id: "/" },
    { name: "General Dentistry", id: "/general-dentistry" },
    { name: "Implants", id: "/implants" },
    { name: "Root Canals", id: "/root-canals" },
    { name: "Cosmetic", id: "/cosmetic-treatments" },
    { name: "Family Care", id: "/family-care" }
  ];

  const footerNavItemsColumn1 = [
    { label: "General Dentistry", href: "/general-dentistry" },
    { label: "Dental Implants", href: "/implants" },
    { label: "Root Canals", href: "/root-canals" }
  ];

  const footerNavItemsColumn2 = [
    { label: "Cosmetic Treatments", href: "/cosmetic-treatments" },
    { label: "Family Care", href: "/family-care" },
    { label: "About Us", href: "/#about" }
  ];

  const footerNavItemsColumn3 = [
    { label: "Contact Us", href: "/contact" },
    { label: "Book Appointment", href: "/contact" },
    { label: "Privacy Policy", href: "#" }
  ];

  return (
    <ThemeProvider
      defaultButtonVariant={"shift-hover"}
      defaultTextAnimation={"reveal-blur"}
      borderRadius={"pill"}
      contentWidth={"smallMedium"}
      sizing={"largeSmallSizeLargeTitles"}
      background={"fluid"}
      cardStyle={"layered-gradient"}
      primaryButtonStyle={"diagonal-gradient"}
      secondaryButtonStyle={"layered"}
      headingFontWeight={"medium"}
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple brandName="Family Dental Center" navItems={navItems.map(item => ({...item, href: item.id}))} />
      </div>

      <div id="about-general" data-section="about-general">
        <TextAbout
          title="Comprehensive General Dentistry"
          useInvertedBackground={false}
        />
      </div>

      <div id="features-general" data-section="features-general">
        <FeatureCardThree
          title="Maintaining Your Oral Health"
          description="Our general dentistry services are designed to keep your teeth and gums healthy for a lifetime, preventing common issues before they become serious."
          features={[
            { title: "Routine Check-ups", description: "Thorough examinations to detect and prevent dental issues early.", imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-charming-little-girl-brushing-teeth-bathroom-while-standing-front-mirror-squeezing-toothpaste-out-tube-smiling-happily_176532-15698.jpg", imageAlt: "Dental check-up" },
            { title: "Professional Cleanings", description: "Remove plaque and tartar buildup for a fresh, healthy smile.", imageSrc: "http://img.b2bpic.net/free-photo/dentist-using-ultrasonic-scaler-treating-boy-s-teeth-clinic_23-2147905966.jpg", imageAlt: "Professional teeth cleaning" },
            { title: "Fillings & Restorations", description: "High-quality, durable fillings to restore damaged teeth.", imageSrc: "http://img.b2bpic.net/free-photo/conceptual-3d-illustration-dental-implant-inside-jawbone_183364-123704.jpg", imageAlt: "Dental fillings" },
            { title: "Preventative Care", description: "Fluoride treatments and sealants to protect against cavities.", imageSrc: "http://img.b2bpic.net/free-photo/dentist-taking-female-patients-tooth-x-ray_107420-73923.jpg", imageAlt: "Preventative dental care" }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="faq-general" data-section="faq-general">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about general dentistry, from appointments to preventative care."
          faqs={[
            { id: "faq1", title: "How often should I visit the dentist for a check-up?", content: "We recommend visiting your dentist every six months for a routine check-up and professional cleaning to maintain optimal oral health." },
            { id: "faq2", title: "What is included in a general dentistry appointment?", content: "A typical appointment includes a thorough examination of your teeth and gums, professional cleaning, and X-rays if necessary to detect any underlying issues." },
            { id: "faq3", title: "Are dental X-rays safe?", content: "Yes, modern dental X-rays use minimal radiation and are considered safe. We take all necessary precautions to ensure your safety." }
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Family Dental Center"
          columns={[
            { items: footerNavItemsColumn1.map(item => ({...item, Component: Link})) },
            { items: footerNavItemsColumn2.map(item => ({...item, Component: Link})) },
            { items: footerNavItemsColumn3.map(item => ({...item, Component: Link})) }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}