"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { Award, Sparkles } from "lucide-react";

export default function AboutPage() {
  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: "About Dr. Sakina", href: "/about" },
        { label: "Contact Us", href: "/" },
      ],
    },
    {
      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="about" data-section="about">
        <MetricSplitMediaAbout
          title="Meet Dr. Sakina - Your Trusted Dermatologist"
          description="With over 12 years of specialized experience in dermatology and aesthetic medicine, Dr. Sakina has dedicated her career to providing compassionate, evidence-based skincare solutions. Her practice at Wah Cantt combines cutting-edge medical knowledge with a genuine commitment to patient wellness. Dr. Sakina is passionate about empowering her patients with personalized treatment plans that address not just symptoms, but the root causes of skin concerns. Her patient-centered approach has earned her a reputation as one of the most trusted dermatologists in the region."
          tag="Dr. Sakina's Background"
          tagIcon={Award}
          tagAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/portrait-young-beautiful-female-doctor-happily-looking-camera-smiling-white-background_574295-2641.jpg?_wi=2"
          imageAlt="Dr. Sakina professional portrait"
          mediaAnimation="slide-up"
          metrics={[
            {
              value: "12+",
              title: "Years Dermatology Experience",
            },
            {
              value: "5000+",
              title: "Patients Successfully Treated",
            },
            {
              value: "4.6★",
              title: "Patient Satisfaction Rating",
            },
            {
              value: "24/7",
              title: "Patient Support & Care",
            },
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="About Dr. Sakina section with detailed background"
        />
      </div>

      <div id="expertise" data-section="expertise">
        <FeatureCardSixteen
          title="Dr. Sakina's Areas of Expertise"
          description="Specializing in comprehensive dermatological care with advanced techniques and personalized treatment protocols for optimal results."
          tag="Medical Specializations"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          negativeCard={{
            items: [
              "Untreated acne scarring",
              "Progressive hair loss",
              "Severe pigmentation disorders",
              "Chronic inflammatory skin conditions",
            ],
          }}
          positiveCard={{
            items: [
              "Clear, rejuvenated complexion",
              "Restored hair density & growth",
              "Even, radiant skin tone",
              "Healthy, balanced skin",
            ],
          }}
          buttons={[
            {
              text: "Schedule Your Consultation",
              href: "/",
            },
          ]}
          buttonAnimation="slide-up"
          ariaLabel="Dr. Sakina's expertise and specializations"
        />
      </div>

      <div id="patient-testimonial" data-section="patient-testimonial">
        <TestimonialCardFifteen
          testimonial="Dr. Sakina's expertise and genuine care transformed my approach to skincare. Not only did she clear my persistent acne, but she also educated me on prevention. Her detailed treatment plan and follow-up support made all the difference. I highly recommend her to anyone seeking a dermatologist who truly listens and delivers results."
          rating={5}
          author="Aisha Ahmed"
          avatars={[
            {
              src: "http://img.b2bpic.net/free-photo/portrait-professional-confident-young-woman-working-retail-business-industry-promote-company-advertise-join-her-team-smiling-self-assured-pleased-camera-stand-hall_197531-22167.jpg",
              alt: "Aisha Ahmed",
            },
            {
              src: "http://img.b2bpic.net/free-photo/portrait-young-female-doctor-with-intern_329181-9234.jpg",
              alt: "Zainab Hassan",
            },
            {
              src: "http://img.b2bpic.net/free-photo/young-blonde-woman-standing-with-relaxed-expression-coffee-shop-terrace_839833-33402.jpg",
              alt: "Sara Khan",
            },
            {
              src: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13215.jpg",
              alt: "Fatima Ali",
            },
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="Patient testimonial about Dr. Sakina's care"
        />
      </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 info and links"
        />
      </div>
    </ThemeProvider>
  );
}