Merge version_1 into main #2
307
src/app/page.tsx
307
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Visit Guide",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Visit Guide", id: "features" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Giraffe Centre"
|
||||
/>
|
||||
@@ -55,97 +43,30 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Experience Nairobi's Wildlife Icon"
|
||||
description="Come face-to-face with the endangered Rothschild’s giraffe at the world-famous Giraffe Centre. A conservation journey right in the heart of Karen, Nairobi."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah K.",
|
||||
handle: "@sarahk_travels",
|
||||
testimonial: "An absolute highlight of our Nairobi trip! Feeding the giraffes is such a unique experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-cute-giraffe-front-trees-with-green-leaves_181624-21865.jpg?_wi=1",
|
||||
imageAlt: "giraffe center nairobi feeding platforms",
|
||||
},
|
||||
{
|
||||
name: "David M.",
|
||||
handle: "@davidm_explorer",
|
||||
testimonial: "Peaceful, educational, and perfect for families. The nature trail is a hidden gem.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wide-angle-shot-zebra-standing-ground_181624-20940.jpg",
|
||||
imageAlt: "giraffe center nairobi feeding platforms",
|
||||
},
|
||||
{
|
||||
name: "Elena R.",
|
||||
handle: "@elena_rodriguez",
|
||||
testimonial: "So intimate! Much closer interaction than any safari park we’ve been to.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-giraffe-wild_23-2151708841.jpg?_wi=1",
|
||||
imageAlt: "giraffe center nairobi feeding platforms",
|
||||
},
|
||||
{
|
||||
name: "James B.",
|
||||
handle: "@jamesb_photos",
|
||||
testimonial: "The photos turned out amazing. Definitely worth the visit if you're in Karen.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wild-stream-forest_23-2147670098.jpg?_wi=1",
|
||||
imageAlt: "giraffe center nairobi feeding platforms",
|
||||
},
|
||||
{
|
||||
name: "Priya L.",
|
||||
handle: "@priyal_kenya",
|
||||
testimonial: "A must-do for wildlife lovers. Very quick and easy visit.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/world-photography-day-celebration_23-2151644777.jpg?_wi=1",
|
||||
imageAlt: "giraffe center nairobi feeding platforms",
|
||||
},
|
||||
{ name: "Sarah K.", handle: "@sarahk_travels", testimonial: "An absolute highlight of our Nairobi trip! Feeding the giraffes is such a unique experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-cute-giraffe-front-trees-with-green-leaves_181624-21865.jpg", imageAlt: "giraffe center nairobi feeding platforms" },
|
||||
{ name: "David M.", handle: "@davidm_explorer", testimonial: "Peaceful, educational, and perfect for families. The nature trail is a hidden gem.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/wide-angle-shot-zebra-standing-ground_181624-20940.jpg", imageAlt: "giraffe center nairobi feeding platforms" },
|
||||
{ name: "Elena R.", handle: "@elena_rodriguez", testimonial: "So intimate! Much closer interaction than any safari park we’ve been to.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-giraffe-wild_23-2151708841.jpg", imageAlt: "giraffe center nairobi feeding platforms" },
|
||||
{ name: "James B.", handle: "@jamesb_photos", testimonial: "The photos turned out amazing. Definitely worth the visit if you're in Karen.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/wild-stream-forest_23-2147670098.jpg", imageAlt: "giraffe center nairobi feeding platforms" },
|
||||
{ name: "Priya L.", handle: "@priyal_kenya", testimonial: "A must-do for wildlife lovers. Very quick and easy visit.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/world-photography-day-celebration_23-2151644777.jpg", imageAlt: "giraffe center nairobi feeding platforms" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-cute-giraffe-front-trees-with-green-leaves_181624-21865.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-cute-giraffe-front-trees-with-green-leaves_181624-21865.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-giraffe-zoo-snowfall-hokkaido-japan_181624-36920.jpg",
|
||||
alt: "Giraffe in zoo",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/adorable-nubian-giraffe-sticking-its-tongue-out_493961-216.jpg",
|
||||
alt: "Adorable nubian giraffe",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-shot-beautiful-giraffe-standing-front-beautiful-trees_181624-15963.jpg",
|
||||
alt: "Low angle giraffe",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-giraffe-sunlight_181624-24738.jpg",
|
||||
alt: "Giraffe under sunlight",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/long-neck-giraffe-surrounded-by-grass-plants-zoo_181624-23281.jpg",
|
||||
alt: "Giraffe neck in zoo",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-giraffe-zoo-snowfall-hokkaido-japan_181624-36920.jpg", alt: "Giraffe in zoo" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/adorable-nubian-giraffe-sticking-its-tongue-out_493961-216.jpg", alt: "Adorable nubian giraffe" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/low-angle-shot-beautiful-giraffe-standing-front-beautiful-trees_181624-15963.jpg", alt: "Low angle giraffe" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-giraffe-sunlight_181624-24738.jpg", alt: "Giraffe under sunlight" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/long-neck-giraffe-surrounded-by-grass-plants-zoo_181624-23281.jpg", alt: "Giraffe neck in zoo" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Conservation Focus",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Interactive Learning",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Educational Trail",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Wildlife Preservation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Nairobi Landmark",
|
||||
},
|
||||
{ type: "text", text: "Conservation Focus" },
|
||||
{ type: "text", text: "Interactive Learning" },
|
||||
{ type: "text", text: "Educational Trail" },
|
||||
{ type: "text", text: "Wildlife Preservation" },
|
||||
{ type: "text", text: "Nairobi Landmark" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -154,19 +75,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Conservation Meets Interaction",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/wide-angle-shot-zebra-standing-ground_181624-20940.jpg",
|
||||
alt: "Giraffe Interaction",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "The Giraffe Centre is a non-profit organization dedicated to the conservation of the rare Rothschild’s giraffe. We provide an educational experience that brings you eye-to-eye with these magnificent creatures.",
|
||||
},
|
||||
{ type: "text", content: "Conservation Meets Interaction" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/wide-angle-shot-zebra-standing-ground_181624-20940.jpg", alt: "Giraffe Interaction" },
|
||||
{ type: "text", content: "The Giraffe Centre is a non-profit organization dedicated to the conservation of the rare Rothschild’s giraffe. We provide an educational experience that brings you eye-to-eye with these magnificent creatures." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -177,24 +88,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Hand-Feeding",
|
||||
description: "Get up close and personal. You can feed the giraffes pellets directly from your hand.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-giraffe-wild_23-2151708841.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Nature Trails",
|
||||
description: "Enjoy a peaceful stroll through our indigenous forest area, perfect for nature enthusiasts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wild-stream-forest_23-2147670098.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Photography",
|
||||
description: "The perfect backdrop for stunning wildlife photos you won't get anywhere else.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/world-photography-day-celebration_23-2151644777.jpg?_wi=2",
|
||||
},
|
||||
{ id: "f1", title: "Hand-Feeding", description: "Get up close and personal. You can feed the giraffes pellets directly from your hand.", tag: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-giraffe-wild_23-2151708841.jpg" },
|
||||
{ id: "f2", title: "Nature Trails", description: "Enjoy a peaceful stroll through our indigenous forest area, perfect for nature enthusiasts.", tag: "Relaxing", imageSrc: "http://img.b2bpic.net/free-photo/wild-stream-forest_23-2147670098.jpg" },
|
||||
{ id: "f3", title: "Photography", description: "The perfect backdrop for stunning wildlife photos you won't get anywhere else.", tag: "Scenic", imageSrc: "http://img.b2bpic.net/free-photo/world-photography-day-celebration_23-2151644777.jpg" }
|
||||
]}
|
||||
title="What to Expect"
|
||||
description="From hand-feeding to forest walks, here’s why our visitors love the Centre."
|
||||
@@ -205,25 +101,11 @@ export default function LandingPage() {
|
||||
<MetricCardThree
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Best Duration",
|
||||
value: "1-2 Hours",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Non-Resident",
|
||||
value: "1,500 KSh",
|
||||
icon: DollarSign,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Resident Fee",
|
||||
value: "300 KSh",
|
||||
icon: Home,
|
||||
},
|
||||
{ id: "m1", title: "Best Duration", value: "1-2 Hours", icon: Clock },
|
||||
{ id: "m2", title: "Non-Resident", value: "1,500 KSh", icon: DollarSign },
|
||||
{ id: "m3", title: "Resident Fee", value: "300 KSh", icon: Home }
|
||||
]}
|
||||
title="Visit Details"
|
||||
description="Quick info to help you plan your day."
|
||||
@@ -235,32 +117,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is it cash friendly?",
|
||||
content: "No, it's usually card payment only. Please prepare accordingly.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "When is the best time to visit?",
|
||||
content: "Morning is best to avoid midday crowds and see the giraffes when they are most active.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is this a full safari?",
|
||||
content: "No, it is a focused conservation center, not a full-scale safari park.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "What should I wear?",
|
||||
content: "Wear casual clothes. It's a wildlife environment, so you might get some giraffe slobber!",
|
||||
},
|
||||
{ id: "q1", title: "Is it cash friendly?", content: "No, it's usually card payment only. Please prepare accordingly." },
|
||||
{ id: "q2", title: "When is the best time to visit?", content: "Morning is best to avoid midday crowds and see the giraffes when they are most active." },
|
||||
{ id: "q3", title: "Is this a full safari?", content: "No, it is a focused conservation center, not a full-scale safari park." },
|
||||
{ id: "q4", title: "What should I wear?", content: "Wear casual clothes. It's a wildlife environment, so you might get some giraffe slobber!" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-giraffe-wild_23-2151708909.jpg"
|
||||
mediaAnimation="opacity"
|
||||
faqsAnimation="slide-up"
|
||||
title="Common Questions"
|
||||
description="Everything you need to know before your visit."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -270,60 +136,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jane Doe",
|
||||
role: "Traveler",
|
||||
company: "Global Explorers",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-children-enjoying-life_23-2151447874.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Smith",
|
||||
role: "Photographer",
|
||||
company: "Creative Lens",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-taking-photos-with-camera_23-2149516073.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Alice Wang",
|
||||
role: "Marketing",
|
||||
company: "Tech Startup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-magnificent-lions-gravel-road-surrounded-by-grassy-fields-trees_181624-6501.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Bob Brown",
|
||||
role: "Teacher",
|
||||
company: "City Schools",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-break-from-running_23-2149157108.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Charlie Day",
|
||||
role: "Explorer",
|
||||
company: "Nature Society",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-cute-giraffe-front-trees-with-green-leaves_181624-16895.jpg",
|
||||
},
|
||||
{ id: "1", name: "Jane Doe", role: "Traveler", company: "Global Explorers", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/african-children-enjoying-life_23-2151447874.jpg" },
|
||||
{ id: "2", name: "John Smith", role: "Photographer", company: "Creative Lens", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-taking-photos-with-camera_23-2149516073.jpg" },
|
||||
{ id: "3", name: "Alice Wang", role: "Marketing", company: "Tech Startup", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/group-magnificent-lions-gravel-road-surrounded-by-grassy-fields-trees_181624-6501.jpg" },
|
||||
{ id: "4", name: "Bob Brown", role: "Teacher", company: "City Schools", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-break-from-running_23-2149157108.jpg" },
|
||||
{ id: "5", name: "Charlie Day", role: "Explorer", company: "Nature Society", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-cute-giraffe-front-trees-with-green-leaves_181624-16895.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.8/5",
|
||||
label: "Average Rating",
|
||||
},
|
||||
{
|
||||
value: "10K+",
|
||||
label: "Visitors Yearly",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Memorable Moments",
|
||||
},
|
||||
{ value: "4.8/5", label: "Average Rating" },
|
||||
{ value: "10K+", label: "Visitors Yearly" },
|
||||
{ value: "100%", label: "Memorable Moments" }
|
||||
]}
|
||||
title="Visitor Stories"
|
||||
description="Hear from our guests who experienced the wonder of the giraffes."
|
||||
@@ -333,9 +155,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Visit Us"
|
||||
title="Planning Your Itinerary?"
|
||||
description="Need help pairing your visit with other spots like the elephant orphanage or safari walk? Let us know!"
|
||||
@@ -348,35 +168,18 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Visit Guide",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
title: "Explore", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Visit Guide", href: "#features" },
|
||||
{ label: "FAQ", href: "#faq" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms & Conditions",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms & Conditions", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="Giraffe Centre"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user