Merge version_1 into main #1
@@ -6,6 +6,7 @@ import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import { ArrowRight } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -22,114 +23,56 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Animals",
|
||||
id: "/animals",
|
||||
},
|
||||
{
|
||||
name: "Goals",
|
||||
id: "/goals",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "Food",
|
||||
id: "/food",
|
||||
},
|
||||
{
|
||||
name: "Rides",
|
||||
id: "/rides",
|
||||
},
|
||||
]}
|
||||
brandName="Selva Tropical Zoo"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Animals", id: "/animals" },
|
||||
{ name: "Goals", id: "/goals" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "Food", id: "/food" },
|
||||
{ name: "Rides", id: "/rides" },
|
||||
]}
|
||||
brandName="Selva Tropical Zoo"
|
||||
button={{ text: "Visit Now", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="animals-grid" data-section="animals-grid">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Forest",
|
||||
description: "Lush foliage and trees for our arboreal friends.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-red-colobus-monkey-copulating-branch-zanzibar-tanzania-piliocolobus-tephrosceles_1217-4758.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
},
|
||||
{
|
||||
title: "Savana",
|
||||
description: "Vast open grasslands for our grazing inhabitants.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tiger-nature-habitat-tiger-male-walking-head-composition-wildlife-scene-with-danger-animal-hot-summer-rajasthan-india-dry-trees-with-beautiful-indian-tiger-panthera-tigris_475641-1967.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
},
|
||||
{
|
||||
title: "Aquarium",
|
||||
description: "Exotic aquatic wonders from rivers and reefs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/copperband-butterflyfish-chelmon-rostratus-marine-fish-beautiful-fish-seabed-coral-reefs_488145-1954.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
},
|
||||
{
|
||||
title: "Desert",
|
||||
description: "Arid spaces suited for resilient species.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/animal-skeleton-sand-wave-sandstone-rock-formation-arizona-usa_181624-46273.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
},
|
||||
{
|
||||
title: "Tropical Wetlands",
|
||||
description: "Home to our amphibian and bird species.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/polypedates-otilophus-closeup-red-bud-polypedates-otilophus-front-view-animal-closeup_488145-3382.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
},
|
||||
]}
|
||||
title="Our Animal Environments"
|
||||
description="Explore our diverse habitats and meet our incredible animals in their meticulously maintained environments."
|
||||
/>
|
||||
</div>
|
||||
<div id="animals-grid" data-section="animals-grid">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Forest", description: "Lush foliage and trees.", imageSrc: "http://img.b2bpic.net/free-photo/photo-red-colobus-monkey-copulating-branch-zanzibar-tanzania-piliocolobus-tephrosceles_1217-4758.jpg", buttonIcon: ArrowRight },
|
||||
{ title: "Savana", description: "Vast open grasslands.", imageSrc: "http://img.b2bpic.net/free-photo/tiger-nature-habitat-tiger-male-walking-head-composition-wildlife-scene-with-danger-animal-hot-summer-rajasthan-india-dry-trees-with-beautiful-indian-tiger-panthera-tigris_475641-1967.jpg", buttonIcon: ArrowRight },
|
||||
{ title: "Aquarium", description: "Exotic aquatic wonders.", imageSrc: "http://img.b2bpic.net/free-photo/copperband-butterflyfish-chelmon-rostratus-marine-fish-beautiful-fish-seabed-coral-reefs_488145-1954.jpg", buttonIcon: ArrowRight },
|
||||
{ title: "Desert", description: "Arid spaces suited.", imageSrc: "http://img.b2bpic.net/free-photo/animal-skeleton-sand-wave-sandstone-rock-formation-arizona-usa_181624-46273.jpg", buttonIcon: ArrowRight }
|
||||
]}
|
||||
title="Our Animal Environments"
|
||||
description="Explore our diverse habitats and meet our incredible animals."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Conservation Spotlights"
|
||||
description="Stories behind our animal rescues and habitat work."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Rescue",
|
||||
title: "Saving the Green Monitor",
|
||||
excerpt: "Read how we helped a local species recover.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/emerald-green-monitor-tree-branch-sunlight_181624-12353.jpg",
|
||||
authorName: "Zoo Staff",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/vertical-shot-cute-ring-tailed-lemur-playing-tree-branch-park_181624-43709.jpg",
|
||||
date: "Oct 12, 2023",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Conservation Spotlights"
|
||||
description="Stories behind our animal rescues and habitat work."
|
||||
blogs={[
|
||||
{ id: "b1", category: "Rescue", title: "Saving the Green Monitor", excerpt: "Read how we helped a local species recover.", imageSrc: "http://img.b2bpic.net/free-photo/emerald-green-monitor-tree-branch-sunlight_181624-12353.jpg", authorName: "Zoo Staff", authorAvatar: "http://img.b2bpic.net/free-photo/vertical-shot-cute-ring-tailed-lemur-playing-tree-branch-park_181624-43709.jpg", date: "Oct 12, 2023" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Selva Tropical Zoo"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Selva Tropical Zoo"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Us", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -6,7 +6,7 @@ import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwent
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import { Utensils } from "lucide-react";
|
||||
import { Utensils, Coffee, Trees, Droplets, Flower } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -23,105 +23,57 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Animals",
|
||||
id: "/animals",
|
||||
},
|
||||
{
|
||||
name: "Goals",
|
||||
id: "/goals",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "Food",
|
||||
id: "/food",
|
||||
},
|
||||
{
|
||||
name: "Rides",
|
||||
id: "/rides",
|
||||
},
|
||||
]}
|
||||
brandName="Selva Tropical Zoo"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Animals", id: "/animals" },
|
||||
{ name: "Goals", id: "/goals" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "Food", id: "/food" },
|
||||
{ name: "Rides", id: "/rides" },
|
||||
]}
|
||||
brandName="Selva Tropical Zoo"
|
||||
button={{ text: "Visit Now", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="food-dining" data-section="food-dining">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Concessions",
|
||||
description: "Quick bites and refreshing snacks for on-the-go visitors.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tanned-attractive-woman-with-huge-earrings-makes-selfie-tropical-garden_197531-18172.jpg",
|
||||
buttonIcon: "Coffee",
|
||||
},
|
||||
{
|
||||
title: "El Trebol Cafe",
|
||||
description: "Enjoy a relaxed dining experience with a local menu.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-mother-girl-shop_23-2149233940.jpg",
|
||||
buttonIcon: "Utensils",
|
||||
},
|
||||
{
|
||||
title: "Picnic Areas",
|
||||
description: "Bring your lunch and enjoy nature.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-stylish-restaurant_1098-14471.jpg",
|
||||
buttonIcon: "Trees",
|
||||
},
|
||||
{
|
||||
title: "Beverage Stations",
|
||||
description: "Stay hydrated throughout your visit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exotic-fruits-smoke_169016-2288.jpg",
|
||||
buttonIcon: "Droplets",
|
||||
},
|
||||
{
|
||||
title: "Garden Terrace",
|
||||
description: "Dine surrounded by exotic plants.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-orange-juice-table-restaurant_197531-20607.jpg",
|
||||
buttonIcon: "Flower",
|
||||
},
|
||||
]}
|
||||
title="Where to Eat"
|
||||
description="Refuel with a variety of delicious options around the zoo."
|
||||
/>
|
||||
</div>
|
||||
<div id="food-dining" data-section="food-dining">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Concessions", description: "Quick bites.", imageSrc: "http://img.b2bpic.net/free-photo/tanned-attractive-woman-with-huge-earrings-makes-selfie-tropical-garden_197531-18172.jpg", buttonIcon: Coffee },
|
||||
{ title: "El Trebol Cafe", description: "Relaxed dining.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-mother-girl-shop_23-2149233940.jpg", buttonIcon: Utensils },
|
||||
{ title: "Picnic Areas", description: "Bring your lunch.", imageSrc: "http://img.b2bpic.net/free-photo/interior-stylish-restaurant_1098-14471.jpg", buttonIcon: Trees },
|
||||
{ title: "Beverage Stations", description: "Stay hydrated.", imageSrc: "http://img.b2bpic.net/free-photo/exotic-fruits-smoke_169016-2288.jpg", buttonIcon: Droplets },
|
||||
{ title: "Garden Terrace", description: "Exotic plants.", imageSrc: "http://img.b2bpic.net/free-photo/glass-orange-juice-table-restaurant_197531-20607.jpg", buttonIcon: Flower }
|
||||
]}
|
||||
title="Where to Eat"
|
||||
description="Refuel with delicious options."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Dining"
|
||||
title="Fresh & Sustainable"
|
||||
description="Our cafe sources ingredients from nearby local organic farms."
|
||||
subdescription="Enjoy the freshest meals in town."
|
||||
icon={Utensils}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cafe-with-burning-candles-tables_140725-7784.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Dining"
|
||||
title="Fresh & Sustainable"
|
||||
description="Our cafe sources ingredients from local organic farms."
|
||||
subdescription="Fresh meals."
|
||||
icon={Utensils}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cafe-with-burning-candles-tables_140725-7784.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Selva Tropical Zoo"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Selva Tropical Zoo"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Us", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -22,88 +22,50 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Animals",
|
||||
id: "/animals",
|
||||
},
|
||||
{
|
||||
name: "Goals",
|
||||
id: "/goals",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "Food",
|
||||
id: "/food",
|
||||
},
|
||||
{
|
||||
name: "Rides",
|
||||
id: "/rides",
|
||||
},
|
||||
]}
|
||||
brandName="Selva Tropical Zoo"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Animals", id: "/animals" },
|
||||
{ name: "Goals", id: "/goals" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "Food", id: "/food" },
|
||||
{ name: "Rides", id: "/rides" },
|
||||
]}
|
||||
brandName="Selva Tropical Zoo"
|
||||
button={{ text: "Visit Now", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="goals-metrics" data-section="goals-metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Our Impact Goals"
|
||||
tag="Conservation Focus"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
description: "Species Protected",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20+",
|
||||
description: "Research Projects",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5k+",
|
||||
description: "Rescued & Housed",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="goals-metrics" data-section="goals-metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Our Impact Goals"
|
||||
tag="Conservation Focus"
|
||||
metrics={[
|
||||
{ id: "m1", value: "100+", description: "Species Protected" },
|
||||
{ id: "m2", value: "20+", description: "Research Projects" },
|
||||
{ id: "m3", value: "5k+", description: "Rescued & Housed" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Future Path"
|
||||
description={[
|
||||
"Working toward a sustainable future.",
|
||||
"Investing in research and global conservation.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Future Path"
|
||||
description={["Working toward a sustainable future.", "Investing in research and global conservation."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Selva Tropical Zoo"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Selva Tropical Zoo"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Us", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
297
src/app/page.tsx
297
src/app/page.tsx
@@ -26,219 +26,102 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Animals",
|
||||
id: "/animals",
|
||||
},
|
||||
{
|
||||
name: "Goals",
|
||||
id: "/goals",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "Food",
|
||||
id: "/food",
|
||||
},
|
||||
{
|
||||
name: "Rides",
|
||||
id: "/rides",
|
||||
},
|
||||
]}
|
||||
brandName="Selva Tropical Zoo"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Animals", id: "/animals" },
|
||||
{ name: "Goals", id: "/goals" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "Food", id: "/food" },
|
||||
{ name: "Rides", id: "/rides" },
|
||||
]}
|
||||
brandName="Selva Tropical Zoo"
|
||||
button={{ text: "Visit Now", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Welcome to Selva Tropical Zoo"
|
||||
description="Discover the beauty of wildlife in the heart of San Jose, Costa Rica. A sanctuary for conservation and exploration."
|
||||
tag="Visit Us Today"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vibrant-flower-blossom-tranquil-meadow-scene-generated-by-ai_188544-30490.jpg",
|
||||
imageAlt: "Tropical scenery",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sunlit-dirt-path-winding-through-lush-green-forest_632498-60881.jpg",
|
||||
imageAlt: "Zoo landscape",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tranquil-scene-nature-beauty-dusk-generated-by-ai_24911-72422.jpg",
|
||||
imageAlt: "Tranquil scene of nature beauty at dusk",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/botanical-leaves_23-2148121762.jpg",
|
||||
imageAlt: "Botanical leaves",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cypress-swamp-sunrise_23-2151956328.jpg",
|
||||
imageAlt: "Cypress swamp sunrise",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Top rated conservation center in San Jose"
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Welcome to Selva Tropical Zoo"
|
||||
description="Discover the beauty of wildlife in the heart of San Jose, Costa Rica. A sanctuary for conservation and exploration."
|
||||
tag="Visit Us Today"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vibrant-flower-blossom-tranquil-meadow-scene-generated-by-ai_188544-30490.jpg", imageAlt: "Tropical scenery" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/sunlit-dirt-path-winding-through-lush-green-forest_632498-60881.jpg", imageAlt: "Zoo landscape" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Top rated conservation center in San Jose"
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Our Mission"
|
||||
title="Preserving Costa Rican Wildlife"
|
||||
description="We are dedicated to providing a safe, natural, and nurturing environment for species from every biome, while educating the community about conservation."
|
||||
subdescription="Selva Tropical Zoo is committed to animal welfare and sustainable practices."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/peaceful-empty-library-featuring-wooden-shelves-vintage-green-lamps_482257-125711.jpg"
|
||||
icon={Shield}
|
||||
imageAlt="cozy zoo visitor center interior"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Our Mission"
|
||||
title="Preserving Costa Rican Wildlife"
|
||||
description="We are dedicated to providing a safe, natural, and nurturing environment for species from every biome, while educating the community about conservation."
|
||||
subdescription="Selva Tropical Zoo is committed to animal welfare and sustainable practices."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/peaceful-empty-library-featuring-wooden-shelves-vintage-green-lamps_482257-125711.jpg"
|
||||
icon={Shield}
|
||||
imageAlt="cozy zoo visitor center interior"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="What Our Visitors Say"
|
||||
description="Heartwarming experiences from guests who explored our conservation efforts."
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena R.",
|
||||
role: "Nature Photographer",
|
||||
company: "Costa Rica Travel",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-traveler-with-camera-takes-pictures-nature_1321-2593.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Carlos M.",
|
||||
role: "Family Visitor",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-traveller-walking-outdoors_23-2148588517.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah J.",
|
||||
role: "Conservationist",
|
||||
company: "Global Wild",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-reading-book-sitting-near-table-restaurant_23-2147936115.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
role: "Amusement Fan",
|
||||
company: "Tech Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-couple-amusement-ride_23-2148287934.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100K+",
|
||||
label: "Annual Visitors",
|
||||
},
|
||||
{
|
||||
value: "25+",
|
||||
label: "Awarded Programs",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Conservation Focus",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="What Our Visitors Say"
|
||||
description="Heartwarming experiences from guests who explored our conservation efforts."
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Elena R.", role: "Nature Photographer", company: "Costa Rica Travel", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-traveler-with-camera-takes-pictures-nature_1321-2593.jpg" },
|
||||
{ id: "t2", name: "Carlos M.", role: "Family Visitor", company: "Local Community", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-traveller-walking-outdoors_23-2148588517.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "100K+", label: "Annual Visitors" },
|
||||
{ value: "25+", label: "Awarded Programs" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Membership Options"
|
||||
description="Support the sanctuary and gain unlimited access."
|
||||
tag="Become a Member"
|
||||
plans={[
|
||||
{
|
||||
id: "plan1",
|
||||
badge: "Individual",
|
||||
price: "$45",
|
||||
subtitle: "Annual Access",
|
||||
buttons: [
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Unlimited Zoo Entry",
|
||||
"10% Shop Discount",
|
||||
"Newsletter Access",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "plan2",
|
||||
badge: "Family",
|
||||
price: "$120",
|
||||
subtitle: "Family Annual Pass",
|
||||
buttons: [
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"2 Adults + 3 Children",
|
||||
"Free Parking",
|
||||
"Discounted Cafe Items",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Membership Options"
|
||||
description="Support the sanctuary and gain unlimited access."
|
||||
tag="Become a Member"
|
||||
plans={[
|
||||
{ id: "plan1", badge: "Individual", price: "$45", subtitle: "Annual Access", buttons: [{ text: "Join Now", href: "#" }], features: ["Unlimited Zoo Entry", "10% Shop Discount", "Newsletter Access"] },
|
||||
{ id: "plan2", badge: "Family", price: "$120", subtitle: "Family Annual Pass", buttons: [{ text: "Join Now", href: "#" }], features: ["2 Adults + 3 Children", "Free Parking", "Discounted Cafe Items"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Contact Selva Tropical Zoo"
|
||||
description="Located in beautiful San Jose, Costa Rica. Questions? We're here to help."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Visit Us"
|
||||
title="Contact Selva Tropical Zoo"
|
||||
description="Located in beautiful San Jose, Costa Rica. Questions? We're here to help."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Selva Tropical Zoo"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Selva Tropical Zoo"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Us", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -6,7 +6,7 @@ import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwent
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import { ShieldCheck } from "lucide-react";
|
||||
import { ShieldCheck, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -23,105 +23,57 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Animals",
|
||||
id: "/animals",
|
||||
},
|
||||
{
|
||||
name: "Goals",
|
||||
id: "/goals",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "Food",
|
||||
id: "/food",
|
||||
},
|
||||
{
|
||||
name: "Rides",
|
||||
id: "/rides",
|
||||
},
|
||||
]}
|
||||
brandName="Selva Tropical Zoo"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Animals", id: "/animals" },
|
||||
{ name: "Goals", id: "/goals" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "Food", id: "/food" },
|
||||
{ name: "Rides", id: "/rides" },
|
||||
]}
|
||||
brandName="Selva Tropical Zoo"
|
||||
button={{ text: "Visit Now", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="rides-fun" data-section="rides-fun">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Diamondback",
|
||||
description: "Our signature high-speed rollercoaster.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roller-coaster-rail-ride-park_74190-4293.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "The Racer",
|
||||
description: "Dual track racing excitement for families.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rollercoaster-park_1203-7167.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Animal Carousel",
|
||||
description: "A classic favorite for the younger ones.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smile-y-woman-taking-selfie_23-2149748537.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Jungle Tour Train",
|
||||
description: "A gentle journey through our park.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-standing-front-roller-coaster_23-2147910649.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Safari Swing",
|
||||
description: "A dizzying adventure for brave riders.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-roller-coaster-rail-amusement-park_23-2147910648.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
]}
|
||||
title="Amusements"
|
||||
description="Thrills for all ages right here at the zoo."
|
||||
/>
|
||||
</div>
|
||||
<div id="rides-fun" data-section="rides-fun">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Diamondback", description: "Signature high-speed.", imageSrc: "http://img.b2bpic.net/free-photo/roller-coaster-rail-ride-park_74190-4293.jpg", buttonIcon: Zap },
|
||||
{ title: "The Racer", description: "Dual track excitement.", imageSrc: "http://img.b2bpic.net/free-photo/rollercoaster-park_1203-7167.jpg", buttonIcon: Zap },
|
||||
{ title: "Animal Carousel", description: "Classic favorite.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smile-y-woman-taking-selfie_23-2149748537.jpg", buttonIcon: Zap },
|
||||
{ title: "Jungle Tour Train", description: "Gentle journey.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-standing-front-roller-coaster_23-2147910649.jpg", buttonIcon: Zap },
|
||||
{ title: "Safari Swing", description: "Dizzying adventure.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-roller-coaster-rail-amusement-park_23-2147910648.jpg", buttonIcon: Zap }
|
||||
]}
|
||||
title="Amusements"
|
||||
description="Thrills for all ages."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Safety"
|
||||
title="Safety First"
|
||||
description="All our rides are regularly inspected for peak safety performance."
|
||||
subdescription="Fun for the whole family."
|
||||
icon={ShieldCheck}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-woman-standing-front-roller-coaster_23-2147910650.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Safety"
|
||||
title="Safety First"
|
||||
description="Rides inspected for safety."
|
||||
subdescription="Fun for all."
|
||||
icon={ShieldCheck}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-woman-standing-front-roller-coaster_23-2147910650.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Selva Tropical Zoo"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Selva Tropical Zoo"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Us", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -22,112 +22,54 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Animals",
|
||||
id: "/animals",
|
||||
},
|
||||
{
|
||||
name: "Goals",
|
||||
id: "/goals",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "Food",
|
||||
id: "/food",
|
||||
},
|
||||
{
|
||||
name: "Rides",
|
||||
id: "/rides",
|
||||
},
|
||||
]}
|
||||
brandName="Selva Tropical Zoo"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Animals", id: "/animals" },
|
||||
{ name: "Goals", id: "/goals" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "Food", id: "/food" },
|
||||
{ name: "Rides", id: "/rides" },
|
||||
]}
|
||||
brandName="Selva Tropical Zoo"
|
||||
button={{ text: "Visit Now", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="shop-items" data-section="shop-items">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Stuffed Animals",
|
||||
price: "$15.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-kids-room-decoration-with-toys_23-2149096015.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Collectible Keychains",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-ancient-pottery-vessels-earthenware_23-2151538360.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Logo Hat",
|
||||
price: "$20.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-wearing-trucker-hat_23-2149431208.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Costa Rica Flag",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-safari-party-cupcakes-arrangement_23-2150172571.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Sunglasses",
|
||||
price: "$8.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adults-having-block-party_23-2149571495.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Water Bottle",
|
||||
price: "$10.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-kids-room-decoration-with-toys_23-2149096026.jpg",
|
||||
},
|
||||
]}
|
||||
title="Zoo Shop Treasures"
|
||||
description="Take a piece of the zoo home with you."
|
||||
/>
|
||||
</div>
|
||||
<div id="shop-items" data-section="shop-items">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Stuffed Animals", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/interior-kids-room-decoration-with-toys_23-2149096015.jpg" },
|
||||
{ id: "p2", name: "Collectible Keychains", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/view-ancient-pottery-vessels-earthenware_23-2151538360.jpg" },
|
||||
{ id: "p3", name: "Logo Hat", price: "$20.00", imageSrc: "http://img.b2bpic.net/free-photo/person-wearing-trucker-hat_23-2149431208.jpg" },
|
||||
{ id: "p4", name: "Costa Rica Flag", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-safari-party-cupcakes-arrangement_23-2150172571.jpg" }
|
||||
]}
|
||||
title="Zoo Shop Treasures"
|
||||
description="Take a piece of the zoo home with you."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="ecommerce" data-section="ecommerce">
|
||||
<ProductCartItem
|
||||
item={{
|
||||
id: "cart1",
|
||||
name: "Zoo Mascot Plush",
|
||||
price: "$15.00",
|
||||
quantity: 1,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fluffy-toy-texture-close-up_23-2149686866.jpg",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="ecommerce" data-section="ecommerce">
|
||||
<ProductCartItem
|
||||
item={{
|
||||
id: "cart1", name: "Zoo Mascot Plush", price: "$15.00", quantity: 1,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fluffy-toy-texture-close-up_23-2149686866.jpg"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Selva Tropical Zoo"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Selva Tropical Zoo"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Us", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user