"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Pill, RefreshCw, Users, Syringe, Heart, Package } from 'lucide-react';

export default function HomePage() {
  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={[
            { name: "Home", id: "/" },
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" },
            { name: "Refill Prescription", id: "refill" }
          ]}
          button={{
            text: "Call Now",
            href: "tel:+18324918088"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="VOSS RD PHARMACY"
          description="Your trusted community pharmacy in Houston. Expert pharmaceutical care, personalized service, and convenient prescription management."
          buttons={[
            {
              text: "Refill Prescription",
              href: "refill"
            },
            {
              text: "Contact Us",
              href: "contact"
            }
          ]}
          slides={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/drugstore-shelves-filled-with-pills-pharmaceutical-products-sell-prescription-medicine-treatment-sick-clients-empty-pharmacy-with-medication-supplements-drugs-bottles_482257-63525.jpg",
              imageAlt: "Modern pharmacy interior"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/aged-doctor-having-good-news-patient_1398-4032.jpg?_wi=1",
              imageAlt: "Pharmacist consultation"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/specialist-giving-effervescent-vitamin-patient-medical-office_482257-124337.jpg?_wi=1",
              imageAlt: "Prescription medications"
            }
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureHoverPattern
          title="Comprehensive Pharmacy Services"
          description="We provide a full range of professional pharmaceutical and healthcare services designed to meet all your medication and wellness needs."
          tag="Services"
          features={[
            {
              icon: Pill,
              title: "Prescription Filling",
              description: "Fast, accurate prescription filling with insurance verification and home delivery options available."
            },
            {
              icon: RefreshCw,
              title: "Prescription Transfers",
              description: "Easy prescription transfers from other pharmacies. We'll handle the paperwork for you."
            },
            {
              icon: Users,
              title: "Medication Counseling",
              description: "Expert pharmacist counseling on medication usage, side effects, and interactions."
            },
            {
              icon: Syringe,
              title: "Immunizations",
              description: "Professional vaccination services including flu shots, COVID-19, shingles, and more."
            },
            {
              icon: Heart,
              title: "Health Consultations",
              description: "Personalized health consultations and wellness guidance from our knowledgeable team."
            },
            {
              icon: Package,
              title: "Over-the-Counter Medications",
              description: "Wide selection of OTC medications, vitamins, and health products for your family."
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="why-choose-us" data-section="why-choose-us">
        <MetricCardTwo
          title="Why Choose Voss Rd Pharmacy"
          description="Serving the Houston community with excellence and care"
          metrics={[
            {
              id: "1",
              value: "15+",
              description: "Years Serving Houston"
            },
            {
              id: "2",
              value: "98%",
              description: "Patient Satisfaction Rate"
            },
            {
              id: "3",
              value: "1000+",
              description: "Monthly Prescriptions Filled"
            },
            {
              id: "4",
              value: "24/7",
              description: "Customer Support Available"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Patients Say"
          description="Real experiences from our valued community members"
          tag="Reviews"
          testimonials={[
            {
              id: "1",
              name: "Sarah Johnson",
              role: "Local Resident",
              company: "Houston, TX",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/doctor-with-smile_1098-21962.jpg?_wi=1",
              imageAlt: "Sarah Johnson testimonial"
            },
            {
              id: "2",
              name: "Michael Chen",
              role: "Long-time Patient",
              company: "Houston, TX",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/front-view-pharmacist-wearing-face-mask_23-2150348187.jpg?_wi=1",
              imageAlt: "Michael Chen testimonial"
            },
            {
              id: "3",
              name: "Margaret Williams",
              role: "Senior Patient",
              company: "Houston, TX",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/blonde-business-woman-portrait_23-2149100336.jpg",
              imageAlt: "Margaret Williams testimonial"
            },
            {
              id: "4",
              name: "David Rodriguez",
              role: "Family Healthcare",
              company: "Houston, TX",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-elderly-male-near-plant_23-2148036681.jpg",
              imageAlt: "David Rodriguez testimonial"
            },
            {
              id: "5",
              name: "Jennifer Lee",
              role: "Business Owner",
              company: "Houston, TX",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/doctor-with-smile_1098-21962.jpg?_wi=2",
              imageAlt: "Jennifer Lee testimonial"
            },
            {
              id: "6",
              name: "Robert Martinez",
              role: "Community Member",
              company: "Houston, TX",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/front-view-pharmacist-wearing-face-mask_23-2150348187.jpg?_wi=2",
              imageAlt: "Robert Martinez testimonial"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          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="Get in Touch with Us"
          description="Have a question about our services or prescriptions? Reach out to our friendly team. We're here to help!"
          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: "prescriptionNumber",
              type: "text",
              placeholder: "Prescription Number (Optional)",
              required: false
            }
          ]}
          textarea={{
            name: "message",
            placeholder: "How can we help you today?",
            rows: 5,
            required: true
          }}
          imageSrc="http://img.b2bpic.net/free-photo/building_1127-3295.jpg?_wi=1"
          imageAlt="Voss Rd Pharmacy location"
          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>
  );
}