"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Award, Calendar, Droplet, Heart, Home, Scissors, Smile, Sparkles, Star, Users, PawPrint, Bone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeLargeTitles"
        background="circleGradient"
        cardStyle="outline"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Products",          id: "#products"},
        {
          name: "Pricing",          id: "#pricing"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Canary Land"
      button={{
        text: "Book Grooming Now",        href: "#contact"}}
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplit
      background={{
        variant: "radial-gradient"}}
      imagePosition="right"
      title="Premium Pet Care, Trusted Expertise, Happy Animals"
      description="Canary Land combines expert grooming with carefully curated pet supplies in a clean, professional environment. Your pet's wellbeing is our priority."
      buttons={[
        {
          text: "Book Grooming Now",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/cute-furry-cat-indoors_23-2150679258.jpg"
      imageAlt="A happy golden retriever enjoying a grooming session"
      mediaAnimation="slide-up"
      fixedMediaHeight={true}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/close-up-teenager-hugging-dog_23-2148861566.jpg",          alt: "Close-up teenager hugging dog"},
        {
          src: "http://img.b2bpic.net/free-photo/cute-dog-consultation_23-2149314334.jpg",          alt: "Cute dog during a consultation"},
        {
          src: "http://img.b2bpic.net/free-photo/excited-young-male-doctor-veterinarian-admiring-cute-pet-sitting-table-cute-black-pug-dog-waiting_1258-182309.jpg",          alt: "Excited young male doctor veterinarian admiring cute pet sitting on table cute black pug dog waiting"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-girl-couch-with-tablet-dog_23-2148861616.jpg",          alt: "Medium shot girl on couch with tablet and dog"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-handsome-european-man-with-his-dog-cafe-guy-pets-his-golden-retriever-while-working-outdoors-coffee-shop_1258-314316.jpg",          alt: "Close up portrait of smiling handsome european man with his dog in a cafe Guy pets his golden retriever while working outdoors in coffee shop"},
      ]}
      avatarText="Join our happy pet families!"
      marqueeItems={[
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/cat-looking-woman-doing-yoga_23-2147802546.jpg",          alt: "Cat looking at woman doing yoga"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/cute-kitten-relaxing-bathroom_23-2150752880.jpg",          alt: "Cute kitten relaxing in bathroom"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/view-beautiful-persian-domestic-cat_23-2151773935.jpg",          alt: "View of beautiful persian domestic cat"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/cute-furry-cat-indoors_23-2150679228.jpg",          alt: "Cute furry cat indoors"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/close-up-veterinary-doctor-taking-care-pet_23-2149267962.jpg",          alt: "Close up on veterinary doctor taking care of pet"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      title="Rebuilding Trust Through Transparency and Care"
      description="At Canary Land, we understand the importance of trust when it comes to your beloved pets. We are committed to transparency in our processes, staff expertise, and facility hygiene. Our dedicated team is trained in advanced animal welfare standards, ensuring a safe, stress-free, and positive experience for every animal."
      bulletPoints={[
        {
          title: "Certified Professionals",          description: "Our groomers are fully certified, with ongoing training in animal behavior and handling.",          icon: Award,
        },
        {
          title: "Spotless Facilities",          description: "We maintain the highest standards of cleanliness and sanitation to ensure a healthy environment.",          icon: Sparkles,
        },
        {
          title: "Ethical Animal Handling",          description: "Gentle, compassionate, and stress-free techniques are at the core of our animal care philosophy.",          icon: Heart,
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/caucasian-hispanic-veterinarians-smiling-while-examining-beagle-dog-exam-table-happy-vets-with-stethoscopes-working-healthy-pet_662251-2222.jpg"
      imageAlt="A professional pet groomer gently tending to a dog"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Expert Grooming Services",          description: "From breed-specific cuts to luxurious baths, our certified groomers provide gentle and professional care tailored to your pet's needs. We ensure a calm, comfortable experience every time.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/dryin-process-small-dog-sits-table-dog-drying-by-professional_1157-48815.jpg",            imageAlt: "A dog being groomed professionally"},
          items: [
            {
              icon: Scissors,
              text: "Styling & Haircuts"},
            {
              icon: Droplet,
              text: "De-shedding & Baths"},
            {
              icon: PawPrint,
              text: "Nail & Paw Care"},
          ],
          reverse: false,
        },
        {
          title: "Curated Pet Supplies",          description: "Explore our selection of premium pet food, eco-friendly toys, comfortable bedding, and essential accessories. Each product is chosen for its quality, safety, and benefit to your pet's health and happiness.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-candies-with-seeds-flowers-white-surface-flower-color-candy-tea_140725-117901.jpg",            imageAlt: "Various pet supplies in a shop"},
          items: [
            {
              icon: Bone,
              text: "Nutritional Foods"},
            {
              icon: Bone,
              text: "Engaging Toys"},
            {
              icon: Home,
              text: "Comfort & Care"},
          ],
          reverse: true,
        },
      ]}
      title="Our Premium Services & Products"
      description="Discover a full range of services and carefully selected products designed to keep your pets happy, healthy, and looking their best. We prioritize quality and animal wellbeing in every offering."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "1",          value: "100%",          title: "Happiness Rate",          description: "Pets leave wagging tails and purring.",          icon: Smile,
        },
        {
          id: "2",          value: "5+",          title: "Years of Service",          description: "Proudly serving the UAE pet community.",          icon: Calendar,
        },
        {
          id: "3",          value: "2000+",          title: "Happy Clients",          description: "A growing family of satisfied pet parents.",          icon: Users,
        },
        {
          id: "4",          value: "Top Rated",          title: "Grooming Experts",          description: "Acknowledged for our skill and care.",          icon: Star,
        },
      ]}
      title="Our Commitment to Excellence"
      description="Numbers speak louder than words. Our dedication to pet welfare and customer satisfaction is reflected in our consistent performance."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "toy1",          name: "Durable Chew Toy",          price: "AED 45",          imageSrc: "http://img.b2bpic.net/free-photo/wooden-bowl-with-nuts-white-background-high-quality-photo_114579-38174.jpg",          imageAlt: "Durable chew toy for dogs"},
        {
          id: "food1",          name: "Organic Salmon Kibble",          price: "AED 120",          imageSrc: "http://img.b2bpic.net/free-photo/three-colorful-bowls-chocolate-cereal-rings-breakfast_114579-68571.jpg",          imageAlt: "Bag of organic salmon kibble"},
        {
          id: "shampoo1",          name: "Hypoallergenic Pet Shampoo",          price: "AED 70",          imageSrc: "http://img.b2bpic.net/free-photo/positive-young-woman-plays-with-pug-dog-after-awakening-wears-nightwear-bath-towel-wrapped-head-poses-blanket-isolated-brown-background-domestic-atmophere-bedding-concept_273609-60975.jpg",          imageAlt: "Bottle of hypoallergenic pet shampoo"},
        {
          id: "bed1",          name: "Orthopedic Pet Bed",          price: "AED 250",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-adorable-bulldog-sleeping-pillows-garden-sunny-day_181624-56160.jpg",          imageAlt: "Orthopedic pet bed"},
        {
          id: "collar1",          name: "Luxury Leather Collar",          price: "AED 90",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-brush-near-collar_23-2147799913.jpg",          imageAlt: "Luxury leather pet collar"},
        {
          id: "brush1",          name: "Deshedding Grooming Brush",          price: "AED 60",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-hand-holding-colorful-painted-easter-eggs-with-feathers_23-2148863030.jpg",          imageAlt: "Deshedding grooming brush"},
      ]}
      title="Shop Our Premium Pet Essentials"
      description="Discover a selection of high-quality products from trusted brands. Everything your pet needs for a happy and healthy life, from nutritious food to engaging toys."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic-bath",          title: "Basic Bath & Brush",          price: "AED 150",          period: "starting from",          features: [
            "Premium Shampoo & Conditioner",            "Thorough Drying & Brushing",            "Ear Cleaning & Nail Trim",            "Deodorizing Spray"],
          button: {
            text: "Book Basic",            href: "#contact"},
          imageSrc: "http://img.b2bpic.net/free-photo/washing-pet-dog-home_23-2149627267.jpg",          imageAlt: "Dog enjoying a bath"},
        {
          id: "full-groom",          title: "Full Grooming Session",          price: "AED 300",          period: "starting from",          features: [
            "Basic Bath & Brush",            "Custom Haircut & Styling",            "Paw Pad & Sanitary Trim",            "Dental Breath Freshener"],
          button: {
            text: "Book Full Groom",            href: "#contact"},
          imageSrc: "http://img.b2bpic.net/free-photo/funny-maltese-dog-with-colored-strands-walk_169016-11138.jpg",          imageAlt: "Dog getting a haircut"},
        {
          id: "luxury-spa",          title: "Luxury Spa Package",          price: "AED 450",          period: "starting from",          features: [
            "Full Grooming Session",            "De-shedding Treatment",            "Moisturizing Paw Balm",            "Aromatherapy Rinse"],
          button: {
            text: "Book Luxury Spa",            href: "#contact"},
          imageSrc: "http://img.b2bpic.net/free-photo/shaving-process-small-dog-sits-table-dog-shaved-by-professional_1157-48807.jpg",          imageAlt: "Happy dog after a full spa treatment"},
      ]}
      title="Transparent Grooming Packages"
      description="Choose the perfect grooming package for your furry friend. Our pricing is straightforward, with no hidden fees, reflecting our commitment to transparent service and exceptional care."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Sarah Johnson",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-casual-woman-working-from-home_23-2148694468.jpg",          imageAlt: "Sarah Johnson, a happy customer"},
        {
          id: "2",          name: "Mohammed Al-Farsi",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-sitting-sofa-with-his-white-dog-holding-digital-tablet-hand_23-2148164511.jpg",          imageAlt: "Mohammed Al-Farsi, a satisfied customer"},
        {
          id: "3",          name: "Fatima Khan",          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-showing-you-cute-face-his-pug-dog-owner-loving-his-pet-standing-white-backgr_1258-144645.jpg",          imageAlt: "Fatima Khan with her pet"},
        {
          id: "4",          name: "David Smith",          imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-hipster-couple-love-sitting-grass-playing-dog-puppy-jack-russell-tropical-beach-white-sand-cool-outfit-romantic-mood-having-fun-sunny-man-woman-together-vacation_285396-2437.jpg",          imageAlt: "David Smith, a proud pet owner"},
        {
          id: "5",          name: "Aisha Omar",          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-short-hair-white-dress-holding-cute-little-dog-isolated-white-background_613910-2813.jpg",          imageAlt: "Aisha Omar, delighted with the service"},
        {
          id: "6",          name: "Omar Hassan",          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-dog-with-tablet_23-2148928976.jpg",          imageAlt: "Omar Hassan, a loyal client"},
      ]}
      cardTitle="Hear From Our Happy Customers"
      cardTag="Rave Reviews"
      cardAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "How do you ensure pet safety during grooming?",          content: "Our certified groomers prioritize safety with gentle handling techniques, constant supervision, and state-of-the-art equipment. We follow strict protocols to prevent accidents and ensure a stress-free experience for every pet."},
        {
          id: "q2",          title: "What are your hygiene standards for facilities and tools?",          content: "We maintain impeccable cleanliness. All grooming tools are sterilized after each use, and our facility is thoroughly disinfected daily. We use pet-safe, non-toxic cleaning agents to ensure a hygienic environment."},
        {
          id: "q3",          title: "Can I meet the groomer before booking an appointment?",          content: "Absolutely! We encourage consultations. You can schedule a brief meet-and-greet with our groomers to discuss your pet's specific needs and see our facility firsthand. This helps build trust and ensures comfort for both you and your pet."},
        {
          id: "q4",          title: "Do you use natural and hypoallergenic products?",          content: "Yes, we exclusively use premium, natural, and hypoallergenic shampoos, conditioners, and styling products. We are mindful of skin sensitivities and allergies, and can customize products for your pet's specific requirements."},
        {
          id: "q5",          title: "What is your policy on handling anxious or difficult pets?",          content: "Our staff are trained in positive reinforcement and fear-free handling techniques. For anxious pets, we offer calming breaks, adjust our approach, and ensure a quiet, comfortable setting. We prioritize your pet's emotional wellbeing above all else."},
      ]}
      title="Your Questions, Answered"
      description="We understand you might have concerns, especially given past feedback. Here are the most frequently asked questions about our services and commitment to animal welfare."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "sparkles-gradient"}}
      text="Ready to give your pet the best care? Book an appointment or visit our shop today!"
      buttons={[
        {
          text: "Call Us Now",          href: "tel:+971-50-123-4567"},
        {
          text: "Get Directions",          href: "https://maps.app.goo.gl/YourLocation"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/cute-animals-group-white-background_23-2150038552.jpg"
      imageAlt="Happy pets playing together"
      logoText="Canary Land"
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Grooming",              href: "#services"},
            {
              label: "Pet Supplies",              href: "#products"},
            {
              label: "Spa Packages",              href: "#pricing"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Canary Land Pet Shop & Grooming. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
