Merge version_2 into main #2
252
src/app/page.tsx
252
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Aquarium Pro"
|
||||
/>
|
||||
@@ -59,63 +49,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Bring Nature's Beauty Home"
|
||||
description="Discover a stunning collection of healthy, vibrant aquarium fish. From beginners to expert hobbyists, we have the perfect species for your aquarium."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/underwater-shot-altum-angelfish-algeas_181624-15751.jpg?_wi=1"
|
||||
imageAlt="Colorful aquarium fish"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-little-girl-is-playing-with-white-blue-budgie-pets-concept_169016-63330.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-little-girl-is-playing-with-white-blue-budgie-pets-concept_169016-63330.jpg", alt: "Happy customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-holding-bill-piggy-bank_1169-122.jpg",
|
||||
alt: "Satisfied hobbyist",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-holding-bill-piggy-bank_1169-122.jpg", alt: "Satisfied hobbyist"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/impressed-young-handsome-slavic-party-guy-wearing-party-hat-looking-camera-stretching-out-confetti-cannon-towards-camera-isolated-olive-green-background-with-copy-space_141793-83185.jpg",
|
||||
alt: "Aquarium expert",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/impressed-young-handsome-slavic-party-guy-wearing-party-hat-looking-camera-stretching-out-confetti-cannon-towards-camera-isolated-olive-green-background-with-copy-space_141793-83185.jpg", alt: "Aquarium expert"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/yummy-portrait-cute-nerdy-young-female-wearing-round-eyeglasses-enjoying-sweet-hot-chocolate-pretty-girl-with-pinkish-hair-holding-white-mug-drinking-good-fresh-coffee_343059-801.jpg",
|
||||
alt: "Tropical fish fan",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/yummy-portrait-cute-nerdy-young-female-wearing-round-eyeglasses-enjoying-sweet-hot-chocolate-pretty-girl-with-pinkish-hair-holding-white-mug-drinking-good-fresh-coffee_343059-801.jpg", alt: "Tropical fish fan"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pieces-portrait-concept-with-beautiful-woman_23-2149412311.jpg",
|
||||
alt: "Pet owner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pieces-portrait-concept-with-beautiful-woman_23-2149412311.jpg", alt: "Pet owner"},
|
||||
]}
|
||||
avatarText="Trusted by 5000+ fish keepers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Sourcing",
|
||||
},
|
||||
type: "text", text: "Sustainable Sourcing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Live Arrival Guarantee",
|
||||
},
|
||||
type: "text", text: "Live Arrival Guarantee"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Healthy Stock",
|
||||
},
|
||||
type: "text", text: "Healthy Stock"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Support",
|
||||
},
|
||||
type: "text", text: "Expert Support"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Safe Delivery",
|
||||
},
|
||||
type: "text", text: "Safe Delivery"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -127,17 +94,11 @@ export default function LandingPage() {
|
||||
description="We specialize in ethically sourced, high-quality aquarium fish. Our commitment is to ensure every fish arrives in perfect health and adapts beautifully to your home tank."
|
||||
metrics={[
|
||||
{
|
||||
value: "100+",
|
||||
title: "Species Available",
|
||||
},
|
||||
value: "100+", title: "Species Available"},
|
||||
{
|
||||
value: "5000+",
|
||||
title: "Happy Fish Keepers",
|
||||
},
|
||||
value: "5000+", title: "Happy Fish Keepers"},
|
||||
{
|
||||
value: "10 yrs",
|
||||
title: "Experience",
|
||||
},
|
||||
value: "10 yrs", title: "Experience"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-fisherman-holding-fresh-caught-fish_23-2147894101.jpg?_wi=1"
|
||||
imageAlt="Aquarium care expertise"
|
||||
@@ -152,23 +113,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Expert Care",
|
||||
description: "Each fish receives professional care from certified aquarium experts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/siam-betta-fish_1150-7811.jpg?_wi=1",
|
||||
imageAlt: "Care",
|
||||
},
|
||||
title: "Expert Care", description: "Each fish receives professional care from certified aquarium experts.", imageSrc: "http://img.b2bpic.net/free-photo/siam-betta-fish_1150-7811.jpg?_wi=1", imageAlt: "Care"},
|
||||
{
|
||||
title: "Healthy Stock",
|
||||
description: "Rigorous health standards to ensure your aquarium thrives from day one.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/redbreasted-wrasse-fish-seabed-coral-reefs_488145-258.jpg?_wi=1",
|
||||
imageAlt: "Healthy",
|
||||
},
|
||||
title: "Healthy Stock", description: "Rigorous health standards to ensure your aquarium thrives from day one.", imageSrc: "http://img.b2bpic.net/free-photo/redbreasted-wrasse-fish-seabed-coral-reefs_488145-258.jpg?_wi=1", imageAlt: "Healthy"},
|
||||
{
|
||||
title: "Sustainable Sourcing",
|
||||
description: "Supporting conservation and sustainable breeding practices worldwide.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-intricate-patterned-fish-with-black-background_23-2150776990.jpg?_wi=1",
|
||||
imageAlt: "Sourcing",
|
||||
},
|
||||
title: "Sustainable Sourcing", description: "Supporting conservation and sustainable breeding practices worldwide.", imageSrc: "http://img.b2bpic.net/free-photo/colorful-intricate-patterned-fish-with-black-background_23-2150776990.jpg?_wi=1", imageAlt: "Sourcing"},
|
||||
]}
|
||||
title="Why Choose Our Aquarium Fish?"
|
||||
description="We prioritize fish health above all else. Every species is quarantined and monitored for premium quality."
|
||||
@@ -183,41 +132,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Neon Tetra",
|
||||
price: "$3.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/summer-concept-with-yellow-slate_23-2147797720.jpg",
|
||||
},
|
||||
id: "p1", name: "Neon Tetra", price: "$3.99", imageSrc: "http://img.b2bpic.net/free-photo/summer-concept-with-yellow-slate_23-2147797720.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Guppy",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-octopus-its-natural-underwater-habitat_23-2151462359.jpg",
|
||||
},
|
||||
id: "p2", name: "Guppy", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/view-octopus-its-natural-underwater-habitat_23-2151462359.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Angelfish",
|
||||
price: "$8.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fish-seabed-coral-reefs-underwater-beauty-fish-coral-reefs_488145-1944.jpg",
|
||||
},
|
||||
id: "p3", name: "Angelfish", price: "$8.99", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fish-seabed-coral-reefs-underwater-beauty-fish-coral-reefs_488145-1944.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Discus Fish",
|
||||
price: "$29.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-exotic-colorful-little-fish_181624-2004.jpg",
|
||||
},
|
||||
id: "p4", name: "Discus Fish", price: "$29.99", imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-exotic-colorful-little-fish_181624-2004.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Betta Fish",
|
||||
price: "$12.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-colorful-siamese-betta-fish_1150-9460.jpg",
|
||||
},
|
||||
id: "p5", name: "Betta Fish", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-colorful-siamese-betta-fish_1150-9460.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Corydoras",
|
||||
price: "$5.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/many-fishes-sea_1339-3361.jpg",
|
||||
},
|
||||
id: "p6", name: "Corydoras", price: "$5.99", imageSrc: "http://img.b2bpic.net/free-photo/many-fishes-sea_1339-3361.jpg"},
|
||||
]}
|
||||
title="Featured Species"
|
||||
description="Explore our curated selection of top-rated aquatic friends."
|
||||
@@ -229,41 +154,23 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started", href: "#contact"
|
||||
}
|
||||
]}
|
||||
plans={[
|
||||
{
|
||||
id: "beginner",
|
||||
badge: "Entry",
|
||||
price: "$49",
|
||||
subtitle: "Perfect first tank set",
|
||||
features: [
|
||||
"5 Neon Tetras",
|
||||
"Starter Food",
|
||||
"Water Conditioner",
|
||||
],
|
||||
id: "beginner", badge: "Entry", price: "$49", subtitle: "Perfect first tank set", features: [
|
||||
"5 Neon Tetras", "Starter Food", "Water Conditioner"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$149",
|
||||
subtitle: "For serious hobbyists",
|
||||
features: [
|
||||
"10 Exotic Fish",
|
||||
"High-End Food",
|
||||
"Cleaning Kit",
|
||||
"Guidebook",
|
||||
],
|
||||
id: "pro", badge: "Pro", price: "$149", subtitle: "For serious hobbyists", features: [
|
||||
"10 Exotic Fish", "High-End Food", "Cleaning Kit", "Guidebook"],
|
||||
},
|
||||
{
|
||||
id: "expert",
|
||||
badge: "Collector",
|
||||
price: "$299",
|
||||
subtitle: "Premium species pack",
|
||||
features: [
|
||||
"Custom Selection",
|
||||
"Discus Pack",
|
||||
"Premium Aquarium Salts",
|
||||
"Expert Support",
|
||||
],
|
||||
id: "expert", badge: "Collector", price: "$299", subtitle: "Premium species pack", features: [
|
||||
"Custom Selection", "Discus Pack", "Premium Aquarium Salts", "Expert Support"],
|
||||
},
|
||||
]}
|
||||
title="Starter Kits"
|
||||
@@ -277,60 +184,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John D.",
|
||||
date: "Jan 2024",
|
||||
title: "Great Quality",
|
||||
quote: "The fish arrived super healthy and vibrant. Best store ever!",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-fisherman-holding-fish-with-copy-space_23-2148429540.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/underwater-shot-altum-angelfish-algeas_181624-15751.jpg?_wi=2",
|
||||
imageAlt: "happy customer portrait",
|
||||
},
|
||||
id: "t1", name: "John D.", date: "Jan 2024", title: "Great Quality", quote: "The fish arrived super healthy and vibrant. Best store ever!", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-fisherman-holding-fish-with-copy-space_23-2148429540.jpg", imageSrc: "http://img.b2bpic.net/free-photo/underwater-shot-altum-angelfish-algeas_181624-15751.jpg?_wi=2", imageAlt: "happy customer portrait"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah K.",
|
||||
date: "Feb 2024",
|
||||
title: "Very Helpful",
|
||||
quote: "The team helped me choose the right species for my tank size.",
|
||||
tag: "Expert",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/pieces-portrait-concept-with-beautiful-women_23-2149412309.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-fisherman-holding-fresh-caught-fish_23-2147894101.jpg?_wi=2",
|
||||
imageAlt: "happy customer portrait",
|
||||
},
|
||||
id: "t2", name: "Sarah K.", date: "Feb 2024", title: "Very Helpful", quote: "The team helped me choose the right species for my tank size.", tag: "Expert", avatarSrc: "http://img.b2bpic.net/free-photo/pieces-portrait-concept-with-beautiful-women_23-2149412309.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-fisherman-holding-fresh-caught-fish_23-2147894101.jpg?_wi=2", imageAlt: "happy customer portrait"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike R.",
|
||||
date: "Mar 2024",
|
||||
title: "Amazing Selection",
|
||||
quote: "So many exotic species to choose from. My tank looks amazing.",
|
||||
tag: "Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/you-cannot-trick-him-portrait-intense-suspicious-doubtful-stylish-modern-hipster-guy-with-fancy-moustache-tattooed-arms-curly-dark-hair-looking-from-forehead-doubtful-glasses_176420-27637.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/siam-betta-fish_1150-7811.jpg?_wi=2",
|
||||
imageAlt: "happy customer portrait",
|
||||
},
|
||||
id: "t3", name: "Mike R.", date: "Mar 2024", title: "Amazing Selection", quote: "So many exotic species to choose from. My tank looks amazing.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/you-cannot-trick-him-portrait-intense-suspicious-doubtful-stylish-modern-hipster-guy-with-fancy-moustache-tattooed-arms-curly-dark-hair-looking-from-forehead-doubtful-glasses_176420-27637.jpg", imageSrc: "http://img.b2bpic.net/free-photo/siam-betta-fish_1150-7811.jpg?_wi=2", imageAlt: "happy customer portrait"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily B.",
|
||||
date: "Apr 2024",
|
||||
title: "Safe Delivery",
|
||||
quote: "I was nervous about shipping fish, but they arrived perfectly.",
|
||||
tag: "Newbie",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/teenage-girl-eating-breakfast-healthy-eating-morning-breakfast-home_169016-67750.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/redbreasted-wrasse-fish-seabed-coral-reefs_488145-258.jpg?_wi=2",
|
||||
imageAlt: "happy customer portrait",
|
||||
},
|
||||
id: "t4", name: "Emily B.", date: "Apr 2024", title: "Safe Delivery", quote: "I was nervous about shipping fish, but they arrived perfectly.", tag: "Newbie", avatarSrc: "http://img.b2bpic.net/free-photo/teenage-girl-eating-breakfast-healthy-eating-morning-breakfast-home_169016-67750.jpg", imageSrc: "http://img.b2bpic.net/free-photo/redbreasted-wrasse-fish-seabed-coral-reefs_488145-258.jpg?_wi=2", imageAlt: "happy customer portrait"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David L.",
|
||||
date: "May 2024",
|
||||
title: "Highly Recommended",
|
||||
quote: "My go-to store for all aquarium needs. Top quality service.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-with-white-sweater-smiling_1139-474.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-intricate-patterned-fish-with-black-background_23-2150776990.jpg?_wi=2",
|
||||
imageAlt: "happy customer portrait",
|
||||
},
|
||||
id: "t5", name: "David L.", date: "May 2024", title: "Highly Recommended", quote: "My go-to store for all aquarium needs. Top quality service.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/woman-with-white-sweater-smiling_1139-474.jpg", imageSrc: "http://img.b2bpic.net/free-photo/colorful-intricate-patterned-fish-with-black-background_23-2150776990.jpg?_wi=2", imageAlt: "happy customer portrait"},
|
||||
]}
|
||||
title="Happy Hobbyists"
|
||||
description="Hear what our aquatic community says about their experience."
|
||||
@@ -343,20 +205,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do you ship live fish?",
|
||||
content: "We use specialized, oxygen-regulated packaging to ensure safe transit.",
|
||||
},
|
||||
id: "f1", title: "How do you ship live fish?", content: "We use specialized, oxygen-regulated packaging to ensure safe transit."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are these fish healthy?",
|
||||
content: "Every fish undergoes a 14-day quarantine period before becoming available for sale.",
|
||||
},
|
||||
id: "f2", title: "Are these fish healthy?", content: "Every fish undergoes a 14-day quarantine period before becoming available for sale."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer returns?",
|
||||
content: "Due to the nature of live animals, we offer a live-arrival guarantee instead of returns.",
|
||||
},
|
||||
id: "f3", title: "Do you offer returns?", content: "Due to the nature of live animals, we offer a live-arrival guarantee instead of returns."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about fish care? We're here to help."
|
||||
@@ -368,14 +221,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
text="Ready to build your dream tank? Get in touch with our experts today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send Message",
|
||||
href: "#",
|
||||
},
|
||||
text: "Send Message", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -389,4 +239,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user