"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { MapPin, Mail } from 'lucide-react';

export default function VisitPage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "About", id: "/about" },
    { name: "Animals", id: "/animals" },
    { name: "Visit", id: "/visit" }
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="mediumLarge"
      background="aurora"
      cardStyle="glass-depth"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          navItems={navItems}
          brandName="Happy Three Friends"
          button={{
            text: "Buy Tickets",
            href: "https://happythreefriends-tickets.example.com"
          }}
        />
      </div>

      <div id="visitor-experiences" data-section="visitor-experiences">
        <ProductCardOne
          title="Plan Your Perfect Zoo Visit"
          description="Choose from our exciting visitor packages and experiences designed to create unforgettable memories for the whole family."
          tag="Visitor Packages"
          tagIcon={MapPin}
          products={[
            {
              id: "1",
              name: "VIP Safari Experience",
              price: "From $89",
              imageSrc: "https://img.b2bpic.net/free-photo/mother-little-girl-feeding-petting-bunny_1150-47066.jpg",
              imageAlt: "VIP safari tour with exclusive animal encounters"
            },
            {
              id: "2",
              name: "Family Adventure Pass",
              price: "From $149",
              imageSrc: "https://img.b2bpic.net/free-photo/spending-day-with-family-zoo_329181-13795.jpg",
              imageAlt: "Complete family zoo experience package"
            },
            {
              id: "3",
              name: "Educational School Tours",
              price: "From $12/student",
              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-kids-playing-with-dog_23-2148990420.jpg",
              imageAlt: "Educational zoo tours for school groups"
            },
            {
              id: "4",
              name: "Behind the Scenes Tour",
              price: "From $45",
              imageSrc: "https://img.b2bpic.net/free-photo/young-caucasian-girl-taking-selfie-with-deers-zoo_53876-47002.jpg",
              imageAlt: "Exclusive behind the scenes zoo experience"
            }
          ]}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="planning-info" data-section="planning-info">
        <ProductCardOne
          title="Essential Visit Information"
          description="Everything you need to know to make the most of your visit to Happy Three Friends Zoo."
          tag="Plan Your Visit"
          tagIcon={MapPin}
          products={[
            {
              id: "1",
              name: "Zoo Map & Navigation",
              price: "Free App",
              imageSrc: "https://img.b2bpic.net/free-photo/spending-day-with-family-zoo_329181-13795.jpg",
              imageAlt: "Interactive zoo map and navigation guide"
            },
            {
              id: "2",
              name: "Dining & Refreshments",
              price: "Various Locations",
              imageSrc: "https://img.b2bpic.net/free-photo/mother-little-girl-feeding-petting-bunny_1150-47066.jpg",
              imageAlt: "Zoo dining options and restaurants"
            },
            {
              id: "3",
              name: "Gift Shop & Souvenirs",
              price: "Open Daily",
              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-kids-playing-with-dog_23-2148990420.jpg",
              imageAlt: "Zoo gift shop with wildlife souvenirs"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact-info" data-section="contact-info">
        <ContactSplit
          tag="Stay Connected"
          title="Get the Latest Zoo Updates"
          description="Subscribe to our newsletter for animal updates, special events, conservation news, and exclusive visitor offers at Happy Three Friends Zoo."
          tagIcon={Mail}
          imageSrc="https://img.b2bpic.net/free-photo/little-girl-feeds-deer-zoo_169016-24994.jpg"
          imageAlt="Wildlife and nature at Happy Three Friends Zoo"
          mediaPosition="right"
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We care about wildlife and your privacy. Unsubscribe anytime."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/landscape-forest-covered-greenery-with-pelicans-standing-ground-sunlight_181624-16435.jpg"
          imageAlt="Happy Three Friends Zoo wildlife habitats"
          logoText="Happy Three Friends Zoo"
          copyrightText="© 2025 Happy Three Friends Zoo. All rights reserved. Protecting wildlife for future generations."
          columns={[
            {
              title: "Visit",
              items: [
                { label: "Hours & Admission", href: "/visit/hours" },
                { label: "Plan Your Visit", href: "/visit/planning" },
                { label: "Directions", href: "/visit/directions" },
                { label: "Facilities", href: "/visit/facilities" }
              ]
            },
            {
              title: "Animals",
              items: [
                { label: "Animal Directory", href: "/animals/directory" },
                { label: "Conservation", href: "/animals/conservation" },
                { label: "Behind the Scenes", href: "/animals/behind-scenes" },
                { label: "Wildlife Facts", href: "/animals/facts" }
              ]
            },
            {
              title: "About",
              items: [
                { label: "Our Mission", href: "/about/mission" },
                { label: "Team", href: "/about/team" },
                { label: "Careers", href: "/about/careers" },
                { label: "Contact Us", href: "/contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}