"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import Link from "next/link";
import { Star, Sparkles } 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" },
  ];

  const footerColumns = [
    {
      title: "Quick Links",
      items: [
        { label: "Home", href: "/" },
        { label: "Services", href: "/services" },
        { label: "About Dr. Sakina", href: "/about" },
        { label: "Contact Us", href: "/contact" },
      ],
    },
    {
      title: "Contact Info",
      items: [
        { label: "Phone: +92 312 5458615", href: "tel:+923125458615" },
        { label: "WhatsApp", href: "https://wa.me/923125458615" },
        { label: "Email: info@drsakinaclinics.com", href: "mailto:info@drsakinaclinics.com" },
        { label: "Google Maps", href: "https://maps.google.com/?q=Dr+Sakina+Clinics+Wah+Cantt" },
      ],
    },
    {
      title: "Hours & Location",
      items: [
        { label: "Opens 10:00 AM - 7:00 PM", href: "#" },
        { label: "Closed Sundays", href: "#" },
        { label: "Mall Road, Wah Cantt", href: "#" },
        { label: "Near Barrier 3", href: "#" },
      ],
    },
    {
      title: "Legal",
      items: [
        { label: "Privacy Policy", href: "#" },
        { label: "Terms of Service", href: "#" },
        { label: "Disclaimer", href: "#" },
        { label: "Accessibility", href: "#" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSmallSizeMediumTitles"
      background="noiseDiagonalGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Dr. Sakina Clinics"
          navItems={navItems}
          button={{
            text: "Call Now: +92 312 5458615",
            href: "tel:+923125458615",
          }}
        />
      </div>

      <div id="services-hero" data-section="services-hero">
        <HeroBillboard
          title="Our Comprehensive Dermatology Services"
          description="From acne treatment to hair restoration, discover the full range of professional skin and hair treatments tailored to your unique needs. Expert care from Dr. Sakina."
          background={{ variant: "radial-gradient" }}
          tag="Expert Care"
          tagIcon={Star}
          tagAnimation="slide-up"
          buttons={[
            {
              text: "Book Consultation",
              href: "/contact",
            },
            {
              text: "Call Now: +92 312 5458615",
              href: "tel:+923125458615",
            },
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/stylish-beautiful-spacious-dental-clinic_8353-9586.jpg?_wi=2"
          imageAlt="Dr. Sakina Clinics professional treatment room"
          mediaAnimation="slide-up"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/smiling-young-doctor-wearing-stethoscope-medical-gown-showing-okey-gesture-both-hands-red-backgroung_141793-27138.jpg", alt: "Patient 1" },
            { src: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg", alt: "Patient 2" },
            { src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Patient 3" },
            { src: "http://img.b2bpic.net/free-photo/close-up-professional-female-entrepreneur-smiling-front-looking-confident-determined-standing-white-wall_176420-42649.jpg", alt: "Patient 4" },
            { src: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg", alt: "Patient 5" },
          ]}
          avatarText="Join 500+ Happy Patients"
          ariaLabel="Services hero section introducing dermatology treatments"
        />
      </div>

      <div id="services-comparison" data-section="services-comparison">
        <FeatureCardSixteen
          title="Treatments That Transform Your Skin"
          description="We offer evidence-based solutions for all your dermatological concerns. Each treatment is customized based on your skin type and specific needs."
          tag="Our Solutions"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          negativeCard={{
            items: [
              "Persistent acne breakouts",
              "Deep scars and pitting",
              "Uneven pigmentation",
              "Hair loss and thinning",
              "Stubborn skin texture issues",
            ],
          }}
          positiveCard={{
            items: [
              "Clear, radiant complexion",
              "Smooth, refined skin texture",
              "Even, glowing skin tone",
              "Thick, healthy hair growth",
              "Youthful appearance restored",
            ],
          }}
          buttons={[
            {
              text: "Request Your Appointment",
              href: "/contact",
            },
          ]}
          buttonAnimation="slide-up"
          ariaLabel="Services comparison showing before and after benefits"
        />
      </div>

      <div id="services-detail" data-section="services-detail">
        <FeatureCardSixteen
          title="Specialized Treatment Areas"
          description="Dr. Sakina brings personalized expertise to every concern. Whether it's your first consultation or a complex case, we have proven protocols for lasting results."
          tag="Treatment Expertise"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          negativeCard={{
            items: [
              "Generic one-size-fits-all approach",
              "Inexperienced technicians",
              "Outdated equipment",
              "No follow-up support",
            ],
          }}
          positiveCard={{
            items: [
              "Customized treatment protocols",
              "Certified professional supervision",
              "State-of-the-art technology",
              "Comprehensive aftercare guidance",
            ],
          }}
          buttons={[
            {
              text: "Schedule Your Free Consultation",
              href: "/contact",
            },
          ]}
          buttonAnimation="slide-up"
          ariaLabel="Specialized treatment expertise and methodology"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={footerColumns}
          copyrightText="© 2024 Dr. Sakina Clinics. All rights reserved. Women-Owned. Licensed & Insured."
          ariaLabel="Footer with contact and navigation information"
        />
      </div>
    </ThemeProvider>
  );
}