"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterCard from '@/components/sections/footer/FooterCard';
import Link from 'next/link';

export default function ContactPage() {
  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="contact" data-section="contact" className="mx-auto px-4 md:px-6">
        <ContactSplitForm
          title="Contact & Appointment Request"
          description="Ready to experience exceptional dental care? Reach out to us today to schedule your appointment or ask any questions."
          inputs={[
            {
              name: "fullName",
              type: "text",
              placeholder: "Your Full Name",
              required: true
            },
            {
              name: "email",
              type: "email",
              placeholder: "Your Email Address",
              required: true
            },
            {
              name: "phone",
              type: "tel",
              placeholder: "(914) 948-0406",
              required: true
            },
            {
              name: "preferredDate",
              type: "date",
              placeholder: "Preferred Appointment Date",
              required: false
            }
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us about your dental needs or any specific concerns...",
            rows: 4,
            required: false
          }}
          useInvertedBackground={false}
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Request Appointment"
        />
      </div>

      <div id="faq" data-section="faq" className="mx-auto px-4 md:px-6">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Get answers to common questions about our practice, services, and what to expect during your visit."
          faqs={[
            {
              id: "1",
              title: "What are your office hours?",
              content: "We're open daily and close at 6 PM to accommodate your schedule. Contact us for specific hours and to schedule your appointment."
            },
            {
              id: "2",
              title: "How can I book an appointment?",
              content: "You can book online through our website, call us at (914) 948-0406, or visit our office at 282 Columbus Ave, West Harrison, NY 10604."
            },
            {
              id: "3",
              title: "Is the office family-friendly?",
              content: "Absolutely! We welcome patients of all ages and create a comfortable, welcoming environment for the entire family."
            },
            {
              id: "4",
              title: "Do you offer emergency dental services?",
              content: "For emergency dental situations, please call us immediately at (914) 948-0406. We do our best to accommodate urgent care needs."
            },
            {
              id: "5",
              title: "What payment methods do you accept?",
              content: "We accept most major insurance plans and offer flexible payment options. Please call us to discuss your specific coverage."
            },
            {
              id: "6",
              title: "Is the first consultation free?",
              content: "We offer comprehensive initial consultations. Contact us to learn about our consultation options and fees."
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/doctor-talks-patient-hospital-room_482257-62916.jpg?_wi=2"
          imageAlt="Welcoming dental office consultation room"
          mediaAnimation="slide-up"
          mediaPosition="right"
          faqsAnimation="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>
  );
}