"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Facebook, Heart, Instagram, LifeBuoy, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeMediumTitles"
        background="aurora"
        cardStyle="glass-elevated"
        primaryButtonStyle="flat"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "Services",          id: "#services"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Team",          id: "#team"},
        {
          name: "Wellness",          id: "#wellness"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/veterinary-card-template_23-2147571012.jpg"
      logoAlt="Four Winds Animal Clinic Logo"
      brandName="Four Winds Animal Clinic"
    />
  </div>

  <div id="home" data-section="home">
      <HeroLogo
      logoText="Four Winds Animal Clinic"
      description="Providing compassionate and comprehensive veterinary care for your beloved pets in a warm and welcoming environment. Your pet's health and happiness are our top priority."
      buttons={[
        {
          text: "Book Appointment",          href: "#contact"},
        {
          text: "Our Services",          href: "#services"},
      ]}
      buttonAnimation="opacity"
      imageSrc="http://img.b2bpic.net/free-photo/veterinarian-taking-care-pet_23-2149198597.jpg"
      imageAlt="Veterinarian comforting a golden retriever"
      showDimOverlay={true}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="Compassionate Care for Your Beloved Pets"
      metrics={[
        {
          icon: Heart,
          label: "Years of Service",          value: "15+"},
        {
          icon: Heart,
          label: "Happy Patients",          value: "5000+"},
        {
          icon: LifeBuoy,
          label: "Experienced Vets",          value: "7"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyNine
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      animationType="slide-up"
      features={[
        {
          title: "Wellness & Preventative Care",          description: "Regular check-ups, vaccinations, and parasite control to keep your pet healthy and prevent diseases.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-doctor-checking-smiley-dog_23-2149304326.jpg",          imageAlt: "Dog getting checkup",          titleImageSrc: "http://img.b2bpic.net/free-photo/denmark-flag-heart-banner_187299-34427.jpg",          buttonText: "Learn More"},
        {
          title: "Surgery & Anesthesia",          description: "State-of-the-art surgical procedures with advanced anesthesia monitoring for your pet's safety and comfort.",          imageSrc: "http://img.b2bpic.net/free-photo/international-worker-s-day-with-doctor-tools_23-2150269674.jpg",          imageAlt: "Veterinary surgeon performing operation",          titleImageSrc: "http://img.b2bpic.net/free-vector/25-biochemistry-medicine-healthcare-flat-color-icon-pack-vector-icons-illustration_1142-15513.jpg",          buttonText: "Learn More"},
        {
          title: "Dental Care",          description: "Comprehensive dental exams, cleanings, and extractions to maintain optimal oral health for your pet.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-checking-dog-s-mouth_23-2149304325.jpg",          imageAlt: "Vet performing dental cleaning on dog",          titleImageSrc: "http://img.b2bpic.net/free-vector/cute-mascots-pet-shop-icons_24877-51184.jpg",          buttonText: "Learn More"},
      ]}
      title="Our Comprehensive Veterinary Services"
      description="From routine check-ups to advanced surgical procedures, we offer a full range of services to ensure your pet lives a long, healthy, and happy life."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      team={[
        {
          id: "vet-1",          name: "Dr. Sarah Miller",          role: "Chief Veterinarian",          imageSrc: "http://img.b2bpic.net/free-photo/happy-nurse-medical-supplies-room_53876-146588.jpg",          imageAlt: "Dr. Sarah Miller"},
        {
          id: "vet-2",          name: "Dr. Michael Chen",          role: "Associate Veterinarian",          imageSrc: "http://img.b2bpic.net/free-photo/excited-male-doctor-veterinarian-having-idea-while-examining-cute-pug-dog-with-stethoscope-raisin_1258-161424.jpg",          imageAlt: "Dr. Michael Chen"},
        {
          id: "vet-3",          name: "Emily Rodriguez",          role: "Lead Veterinary Technician",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-woman-with-cat_23-2149304290.jpg",          imageAlt: "Emily Rodriguez"},
      ]}
      title="Meet Our Dedicated Veterinary Team"
      description="Our team of experienced veterinarians and compassionate staff are committed to providing the best possible care for your furry family members."
    />
  </div>

  <div id="wellness" data-section="wellness">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "puppy-wellness",          name: "Puppy Wellness Plan",          price: "$299",          imageSrc: "http://img.b2bpic.net/free-photo/pedigreed-puppy-collar-sitting-grass-park_651396-3781.jpg",          imageAlt: "Happy puppy"},
        {
          id: "senior-care",          name: "Senior Pet Care Package",          price: "$399",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-cute-dog-with-blurry-background_23-2149930258.jpg",          imageAlt: "Calm senior dog"},
        {
          id: "dental-health",          name: "Advanced Dental Health",          price: "$199",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-open-mouth-bull-terrier-sunlight-blurred-scene_181624-47681.jpg",          imageAlt: "Dog showing clean white teeth"},
        {
          id: "flea-tick",          name: "Flea & Tick Prevention",          price: "$89",          imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-dog-home-medium-shot_23-2149652641.jpg",          imageAlt: "Dog scratching neck from fleas"},
        {
          id: "nutritional-consult",          name: "Nutritional Consult",          price: "$79",          imageSrc: "http://img.b2bpic.net/free-photo/chickpea-rice-near-spices_23-2147894633.jpg",          imageAlt: "Bowl of healthy pet food"},
        {
          id: "microchipping",          name: "Microchipping Service",          price: "$59",          imageSrc: "http://img.b2bpic.net/free-photo/old-person-with-their-pet-dog_23-2149429299.jpg",          imageAlt: "Vet scanning pet for microchip"},
      ]}
      title="Specialized Wellness Packages"
      description="Tailored wellness plans designed to support your pet through every stage of life, ensuring optimal health and well-being."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      carouselMode="auto"
      testimonials={[
        {
          id: "1",          name: "Sarah Johnson",          handle: "@sarahj",          testimonial: "The team at Four Winds Animal Clinic is amazing! They treat my cat like their own, and I always feel confident in the care she receives.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-hugging-adorable-dog-cuddling-her-puppy-sofa-home_1258-198504.jpg",          imageAlt: "Sarah Johnson with her cat"},
        {
          id: "2",          name: "Mark Davis",          handle: "@markdavis",          testimonial: "Highly recommend Four Winds! Dr. Miller is incredibly knowledgeable and compassionate. My dog, Buddy, actually loves coming here!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/couple-playing-with-dog-home_23-2148540212.jpg",          imageAlt: "Mark Davis with his dog"},
        {
          id: "3",          name: "Jessica Lee",          handle: "@jessical",          testimonial: "Exceptional service every time. They really take the time to explain everything and ensure I understand my pet's health plan.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/pet-cat-lifestyle-portraits_23-2149169971.jpg",          imageAlt: "Jessica Lee"},
        {
          id: "4",          name: "Chris & Laura Wilson",          handle: "@wilsonfam",          testimonial: "Our puppy's first vet visits were fantastic. The staff made him feel so comfortable, and he's thriving thanks to their guidance.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-parent-playing-with-cat-their-baby-kitchen_23-2147923052.jpg",          imageAlt: "Chris and Laura Wilson with their puppy"},
        {
          id: "5",          name: "Patricia Green",          handle: "@patriciag",          testimonial: "After years of searching, I finally found a clinic that truly cares. They've extended my senior dog's quality of life immensely.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-checking-cute-dog_23-2149271862.jpg",          imageAlt: "Patricia Green with her senior dog"},
        {
          id: "6",          name: "Daniel Kim",          handle: "@danielk",          testimonial: "Always prompt, professional, and genuinely caring. The best veterinary clinic we've ever been to!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-elderly-man-with-cat_23-2150139628.jpg",          imageAlt: "Daniel Kim with his cat"},
      ]}
      showRating={true}
      title="What Our Clients Say"
      description="Read heartwarming stories from pet owners who trust Four Winds Animal Clinic with their furry family members."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",          title: "What are your clinic hours?",          content: "Our clinic is open Monday to Friday from 8:00 AM to 6:00 PM, and Saturday from 9:00 AM to 1:00 PM. We are closed on Sundays."},
        {
          id: "faq-2",          title: "Do I need an appointment?",          content: "Yes, appointments are required for all visits to ensure we can provide dedicated time for your pet. Please call us or use our online booking system."},
        {
          id: "faq-3",          title: "What payment options do you accept?",          content: "We accept major credit cards (Visa, Mastercard, American Express), debit cards, and cash. We also work with pet insurance providers and offer payment plans through CareCredit."},
        {
          id: "faq-4",          title: "Do you offer emergency services?",          content: "For after-hours emergencies, we refer our clients to a 24-hour emergency veterinary hospital. Please call our main line for more information on emergency contacts."},
        {
          id: "faq-5",          title: "What types of pets do you treat?",          content: "We primarily treat dogs and cats. For exotic pets, please contact us directly to inquire about our capabilities or for specialist referrals."},
        {
          id: "faq-6",          title: "How often should my pet have a check-up?",          content: "For most adult pets, an annual check-up is recommended. Puppies and senior pets may require more frequent visits, as advised by our veterinarians."},
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common questions about our services, appointments, and pet care policies."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      tag="Get in Touch"
      title="Schedule Your Pet's Appointment Today"
      description="Ready to provide your pet with the best care? Contact us today to book an appointment or to speak with our friendly team."
      buttons={[
        {
          text: "Call Us: (123) 456-7890",          href: "tel:+1234567890"},
        {
          text: "Email Us",          href: "mailto:info@fourwindsanimalclinic.com"},
      ]}
      buttonAnimation="opacity"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoSrc="http://img.b2bpic.net/free-psd/veterinary-business-card-template_23-2148921456.jpg"
      logoAlt="Four Winds Animal Clinic Logo"
      logoText="Four Winds Animal Clinic"
      copyrightText="© 2024 Four Winds Animal Clinic. All rights reserved."
      socialLinks={[
        {
          icon: Facebook,
          href: "https://facebook.com/fourwindsanimalclinic",          ariaLabel: "Facebook"},
        {
          icon: Instagram,
          href: "https://instagram.com/fourwindsanimalclinic",          ariaLabel: "Instagram"},
        {
          icon: Twitter,
          href: "https://twitter.com/fourwindsclinic",          ariaLabel: "Twitter"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
