176 lines
6.9 KiB
TypeScript
176 lines
6.9 KiB
TypeScript
"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>
|
|
);
|
|
} |