Initial commit
This commit is contained in:
Nikolay Pecheniev
176
src/app/visit/page.tsx
Normal file
176
src/app/visit/page.tsx
Normal file
@@ -0,0 +1,176 @@
|
||||
"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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user