Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| b95a6def18 | |||
| c5425f91ad |
326
src/app/page.tsx
326
src/app/page.tsx
@@ -32,31 +32,19 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Explore",
|
||||
id: "#zones",
|
||||
},
|
||||
name: "Explore", id: "#zones"},
|
||||
{
|
||||
name: "Activities",
|
||||
id: "#activities",
|
||||
},
|
||||
name: "Tickets", id: "#pricing"},
|
||||
{
|
||||
name: "Tickets",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Visit Plan",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "Plan", id: "#faq"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Aquaria"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#pricing",
|
||||
}}
|
||||
text: "Book Now", href: "#pricing"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -66,36 +54,17 @@ export default function LandingPage() {
|
||||
description="Discover a world beneath the waves at Aquaria. From vibrant coral reefs to majestic predators, your aquatic adventure starts here."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Zones",
|
||||
href: "#zones",
|
||||
},
|
||||
text: "Explore Zones", href: "#zones"},
|
||||
{
|
||||
text: "Buy Tickets",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Buy Tickets", href: "#pricing"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/scuba-diver-surrounded-by-beautiful-underwater-nature_23-2151443763.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-colorful-small-fishes-swimming-tank_181624-35808.jpg",
|
||||
alt: "Aquarium guest 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/realistic-manta-ray-sea-water_23-2151461132.jpg",
|
||||
alt: "Aquarium guest 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/realistic-manta-ray-sea-water_23-2151461083.jpg",
|
||||
alt: "Aquarium guest 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-blackbelt-hogfish-seabed-coral-reefs_488145-1715.jpg",
|
||||
alt: "Aquarium guest 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-excited-young-female-standing-blank-blue-wall-holding-large-freshwater-fish-feeling-joyful-amazed-people-hobby-activity-leisure-recreation-concept_273609-8080.jpg",
|
||||
alt: "Aquarium guest 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-colorful-small-fishes-swimming-tank_181624-35808.jpg", alt: "Aquarium guest 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/realistic-manta-ray-sea-water_23-2151461132.jpg", alt: "Aquarium guest 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/realistic-manta-ray-sea-water_23-2151461083.jpg", alt: "Aquarium guest 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-blackbelt-hogfish-seabed-coral-reefs_488145-1715.jpg", alt: "Aquarium guest 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-excited-young-female-standing-blank-blue-wall-holding-large-freshwater-fish-feeling-joyful-amazed-people-hobby-activity-leisure-recreation-concept_273609-8080.jpg", alt: "Aquarium guest 5" },
|
||||
]}
|
||||
avatarText="Join 1M+ visitors annually"
|
||||
/>
|
||||
@@ -116,33 +85,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "z1",
|
||||
title: "The Coral Reef",
|
||||
tags: [
|
||||
"Biodiversity",
|
||||
"Vibrant",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-marine-algae_23-2151382336.jpg",
|
||||
},
|
||||
{
|
||||
id: "z2",
|
||||
title: "Jellyfish Bloom",
|
||||
tags: [
|
||||
"Bioluminescent",
|
||||
"Magical",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-jellyfish-water_181624-39410.jpg",
|
||||
},
|
||||
{
|
||||
id: "z3",
|
||||
title: "Predator Passage",
|
||||
tags: [
|
||||
"Majestic",
|
||||
"Thrilling",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-shark-swimming-underwater_23-2148976502.jpg",
|
||||
},
|
||||
{ id: "z1", title: "The Coral Reef", tags: ["Biodiversity", "Vibrant"], imageSrc: "http://img.b2bpic.net/free-photo/3d-marine-algae_23-2151382336.jpg" },
|
||||
{ id: "z2", title: "Jellyfish Bloom", tags: ["Bioluminescent", "Magical"], imageSrc: "http://img.b2bpic.net/free-photo/beautiful-jellyfish-water_181624-39410.jpg" },
|
||||
{ id: "z3", title: "Predator Passage", tags: ["Majestic", "Thrilling"], imageSrc: "http://img.b2bpic.net/free-photo/view-shark-swimming-underwater_23-2148976502.jpg" },
|
||||
]}
|
||||
title="Explore Our Aquatic Zones"
|
||||
description="Venture through uniquely designed ecosystems that showcase the diversity of life on Earth."
|
||||
@@ -156,48 +101,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "a1",
|
||||
name: "Clownfish",
|
||||
price: "Small",
|
||||
variant: "Reef",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-crown-fish-swimming-ocean_181624-16553.jpg",
|
||||
},
|
||||
{
|
||||
id: "a2",
|
||||
name: "Blue Tang",
|
||||
price: "Medium",
|
||||
variant: "Reef",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vibrant-coral-reef-ecosystem_23-2152006398.jpg",
|
||||
},
|
||||
{
|
||||
id: "a3",
|
||||
name: "Moon Jelly",
|
||||
price: "Small",
|
||||
variant: "Deep Sea",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-cyanea-water_181624-56414.jpg",
|
||||
},
|
||||
{
|
||||
id: "a4",
|
||||
name: "Lion Jelly",
|
||||
price: "Large",
|
||||
variant: "Deep Sea",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-blue-jellyfish-water_181624-47403.jpg",
|
||||
},
|
||||
{
|
||||
id: "a5",
|
||||
name: "Sand Tiger",
|
||||
price: "Giant",
|
||||
variant: "Predator",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-scuba-diver-sea-water-with-marine-life_23-2151456149.jpg",
|
||||
},
|
||||
{
|
||||
id: "a6",
|
||||
name: "Black Tip",
|
||||
price: "Medium",
|
||||
variant: "Predator",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/whale-wild-black-white_23-2151592208.jpg",
|
||||
},
|
||||
{ id: "a1", name: "Clownfish", price: "Small", variant: "Reef", imageSrc: "http://img.b2bpic.net/free-photo/cute-crown-fish-swimming-ocean_181624-16553.jpg" },
|
||||
{ id: "a2", name: "Blue Tang", price: "Medium", variant: "Reef", imageSrc: "http://img.b2bpic.net/free-photo/vibrant-coral-reef-ecosystem_23-2152006398.jpg" },
|
||||
{ id: "a3", name: "Moon Jelly", price: "Small", variant: "Deep Sea", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-cyanea-water_181624-56414.jpg" },
|
||||
]}
|
||||
title="Animal Directory"
|
||||
description="Explore our vast collection of species housed in our facilities."
|
||||
@@ -210,56 +116,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Popular",
|
||||
price: "$25",
|
||||
subtitle: "Single Day Entry",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Full access to all zones",
|
||||
"Animal directory access",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Best Value",
|
||||
price: "$60",
|
||||
subtitle: "Family Package",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Entry for 4 people",
|
||||
"Priority feeding access",
|
||||
"Online banking discount",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Annual",
|
||||
price: "$120",
|
||||
subtitle: "Unlimited Access",
|
||||
buttons: [
|
||||
{
|
||||
text: "Buy Membership",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Year-round entry",
|
||||
"Exclusive events access",
|
||||
"VIP priority",
|
||||
],
|
||||
},
|
||||
{ id: "p1", badge: "Popular", price: "$25", subtitle: "Single Day Entry", buttons: [{ text: "Book Now", href: "#pricing" }], features: ["Full access to all zones", "Animal directory access"] },
|
||||
{ id: "p2", badge: "Best Value", price: "$60", subtitle: "Family Package", buttons: [{ text: "Book Now", href: "#pricing" }], features: ["Entry for 4 people", "Priority feeding access"] },
|
||||
{ id: "p3", badge: "Annual", price: "$120", subtitle: "Unlimited Access", buttons: [{ text: "Buy Membership", href: "#pricing" }], features: ["Year-round entry", "Exclusive events access"] },
|
||||
]}
|
||||
title="Tickets & Packages"
|
||||
description="Flexible pricing options for solo travelers or family groups."
|
||||
@@ -272,60 +131,14 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Tourist",
|
||||
company: "Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-taking-photo-with-dog_23-2148518260.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Doe",
|
||||
role: "Parent",
|
||||
company: "Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boy-showing-glass-standing-with-back-girl_259150-60298.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Smith",
|
||||
role: "Diver",
|
||||
company: "Pro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-couple-enjoying-steam-room-while-spending-day-health-spa-focus-is-woman_637285-7468.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mike Chen",
|
||||
role: "Student",
|
||||
company: "Education",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seals-lying-sand-beach-daytime_181624-28333.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Ray",
|
||||
role: "Photographer",
|
||||
company: "Pro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-hero-angry-expression_1194-4024.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Miller", role: "Tourist", company: "Visitor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-taking-photo-with-dog_23-2148518260.jpg" },
|
||||
{ id: "2", name: "John Doe", role: "Parent", company: "Visitor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/boy-showing-glass-standing-with-back-girl_259150-60298.jpg" },
|
||||
{ id: "3", name: "Elena Smith", role: "Diver", company: "Pro", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/relaxed-couple-enjoying-steam-room-while-spending-day-health-spa-focus-is-woman_637285-7468.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5k+",
|
||||
label: "Species",
|
||||
},
|
||||
{
|
||||
value: "1M+",
|
||||
label: "Annual Guests",
|
||||
},
|
||||
{
|
||||
value: "20",
|
||||
label: "Zones",
|
||||
},
|
||||
{ value: "5k+", label: "Species" },
|
||||
{ value: "1M+", label: "Annual Guests" },
|
||||
{ value: "20", label: "Zones" },
|
||||
]}
|
||||
title="Visitor Experience"
|
||||
description="Hear what our visitors have to say about their journey through Aquaria."
|
||||
@@ -337,21 +150,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What are the hours?",
|
||||
content: "We are open from 9 AM to 6 PM daily.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is parking available?",
|
||||
content: "Yes, free parking is available at the south entrance.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are pets allowed?",
|
||||
content: "Only registered service animals are allowed inside.",
|
||||
},
|
||||
{ id: "f1", title: "What are the hours?", content: "We are open from 9 AM to 6 PM daily." },
|
||||
{ id: "f2", title: "Is parking available?", content: "Yes, free parking is available at the south entrance." },
|
||||
{ id: "f3", title: "Are pets allowed?", content: "Only registered service animals are allowed inside." },
|
||||
]}
|
||||
title="Visit Planning & FAQ"
|
||||
description="Have questions? We have answers. Tips for planning your trip are below."
|
||||
@@ -365,25 +166,10 @@ export default function LandingPage() {
|
||||
title="Get In Touch"
|
||||
description="Questions about feeding times or school programs? Send us a message."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "msg",
|
||||
placeholder: "Your questions...",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "msg", placeholder: "Your questions...", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-near-aquariums-with-fishes_1398-1565.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -393,49 +179,13 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vintage-nautical-stamps_23-2151969322.jpg"
|
||||
logoText="Aquaria"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "Zones",
|
||||
href: "#zones",
|
||||
},
|
||||
{
|
||||
label: "Directory",
|
||||
href: "#animals",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Activities",
|
||||
items: [
|
||||
{
|
||||
label: "Schedule",
|
||||
href: "#activities",
|
||||
},
|
||||
{
|
||||
label: "Events",
|
||||
href: "#events",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "T&C",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Explore", items: [{ label: "Zones", href: "#zones" }, { label: "Directory", href: "#animals" }] },
|
||||
{ title: "Tickets", items: [{ label: "View Pricing", href: "#pricing" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "T&C", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user