"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import Link from "next/link";
import { Pill, RefreshCw, Users, Syringe, Heart, Package } from "lucide-react";

const navItems = [
  { name: "Home", id: "/" },
  { name: "Services", id: "/services" },
  { name: "About", id: "about" },
  { name: "Contact", id: "contact" },
  { name: "Refill Prescription", id: "refill" },
];

export default function ServicesPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="compact"
      sizing="mediumSizeLargeTitles"
      background="circleGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Voss Rd Pharmacy"
          navItems={navItems}
          button={{
            text: "Call Now",
            href: "tel:+18324918088",
          }}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureHoverPattern
          title="Our Comprehensive Pharmacy Services"
          description="Discover the full range of professional pharmaceutical and healthcare services we offer to support your health and wellness needs. From prescription filling to immunizations, we're here to serve you with expertise and care."
          tag="Services"
          features={[
            {
              icon: Pill,
              title: "Prescription Filling",
              description:
                "Fast, accurate prescription filling with insurance verification and home delivery options available. We process most prescriptions within 24 hours.",
            },
            {
              icon: RefreshCw,
              title: "Prescription Transfers",
              description:
                "Easy prescription transfers from other pharmacies. We'll handle the paperwork for you and ensure continuity of your medication therapy.",
            },
            {
              icon: Users,
              title: "Medication Counseling",
              description:
                "Expert pharmacist counseling on medication usage, side effects, and interactions. Get personalized advice from our licensed professionals.",
            },
            {
              icon: Syringe,
              title: "Immunizations",
              description:
                "Professional vaccination services including flu shots, COVID-19, shingles, and more. Keep your family protected with our immunization clinic.",
            },
            {
              icon: Heart,
              title: "Health Consultations",
              description:
                "Personalized health consultations and wellness guidance from our knowledgeable team. We provide confidential health assessments.",
            },
            {
              icon: Package,
              title: "Over-the-Counter Medications",
              description:
                "Wide selection of OTC medications, vitamins, and health products for your family. Browse our full range of wellness products.",
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions About Our Services"
          description="Find answers to common questions about our pharmacy services and prescription process"
          tag="Help & Support"
          faqs={[
            {
              id: "1",
              title: "How do I transfer my prescription to Voss Rd Pharmacy?",
              content:
                "Simply provide us with your prescription number and your previous pharmacy name. We'll contact your previous pharmacy and arrange the transfer. You can also bring your prescription bottle to our location at 2101 S Voss Rd #1500, Houston, TX 77057.",
            },
            {
              id: "2",
              title: "Do you offer delivery services?",
              content:
                "Yes, we offer prescription delivery for eligible customers in the Houston area. Call us at +1 832-491-8088 to arrange delivery or place your order online.",
            },
            {
              id: "3",
              title: "What insurance do you accept?",
              content:
                "We accept most major insurance plans including Medicare, Medicaid, and private insurance. We recommend calling us at +1 832-491-8088 to verify your specific coverage.",
            },
            {
              id: "4",
              title: "Can I refill my prescription online?",
              content:
                "Yes! You can refill your prescription through our online portal, call us, or visit our store in person. Most refills are processed within 24 hours.",
            },
            {
              id: "5",
              title: "What are your pharmacy hours?",
              content:
                "We're open Monday through Friday 9:00 AM - 7:00 PM, Saturday 10:00 AM - 5:00 PM, and Sunday 11:00 AM - 4:00 PM. Holiday hours may vary.",
            },
            {
              id: "6",
              title: "Do you provide medication counseling?",
              content:
                "Absolutely! Our experienced pharmacists are available to provide personalized medication counseling including usage instructions, potential side effects, and drug interactions.",
            },
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Ready to Experience Our Services?"
          description="Have questions about a specific service or need to schedule an appointment? Contact our team today. We're here to help you with all your pharmacy needs."
          inputs={[
            {
              name: "name",
              type: "text",
              placeholder: "Your Full Name",
              required: true,
            },
            {
              name: "phone",
              type: "tel",
              placeholder: "Phone Number",
              required: true,
            },
            {
              name: "email",
              type: "email",
              placeholder: "Email Address",
              required: true,
            },
            {
              name: "service",
              type: "text",
              placeholder: "Which service are you interested in?",
              required: false,
            },
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us more about your needs...",
            rows: 5,
            required: true,
          }}
          imageSrc="http://img.b2bpic.net/free-photo/specialist-giving-effervescent-vitamin-patient-medical-office_482257-124337.jpg"
          imageAlt="Professional pharmacy service"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Send Message"
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Voss Rd Pharmacy"
          leftLink={{
            text: "Privacy Policy",
            href: "#",
          }}
          rightLink={{
            text: "Terms of Service",
            href: "#",
          }}
        />
      </div>
    </ThemeProvider>
  );
}