Update src/app/page.tsx

This commit is contained in:
2026-05-12 14:49:52 +00:00
parent d2733f610b
commit 5ab8d8cecf

View File

@@ -29,26 +29,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ { name: "Home", id: "/" },
name: "Home", { name: "About", id: "/about" },
id: "/", { name: "Available Fish", id: "/fish" },
}, { name: "Gallery", id: "/gallery" },
{ { name: "Contact", id: "/contact" },
name: "About",
id: "/about",
},
{
name: "Available Fish",
id: "/fish",
},
{
name: "Gallery",
id: "/gallery",
},
{
name: "Contact",
id: "/contact",
},
]} ]}
brandName="FinHaven" brandName="FinHaven"
/> />
@@ -59,37 +44,16 @@ export default function LandingPage() {
title="Healthy Tropical Fish, Expertly Cared For" title="Healthy Tropical Fish, Expertly Cared For"
description="Welcome to FinHaven, Durbanville's local destination for vibrant tropical fish and professional care advice." description="Welcome to FinHaven, Durbanville's local destination for vibrant tropical fish and professional care advice."
buttons={[ buttons={[
{ { text: "View Available Fish", href: "/fish" },
text: "View Available Fish", { text: "Contact Us", href: "/contact" },
href: "/fish",
},
{
text: "Contact Us",
href: "/contact",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-woman-enjoying-favorite-job-workshop-potter-carefully-works-ceramic-whale_1153-6728.jpg" imageSrc="http://img.b2bpic.net/free-photo/portrait-young-woman-enjoying-favorite-job-workshop-potter-carefully-works-ceramic-whale_1153-6728.jpg"
avatars={[ avatars={[
{ { src: "http://img.b2bpic.net/free-photo/close-up-fisherman-putting-bait-with-fishing-equipment-box-fishing-sport-concept_58466-11982.jpg", alt: "Local hobbyist" },
src: "http://img.b2bpic.net/free-photo/close-up-fisherman-putting-bait-with-fishing-equipment-box-fishing-sport-concept_58466-11982.jpg", { src: "http://img.b2bpic.net/free-photo/farmers-examine-lychee-lychee-garden_1150-12509.jpg", alt: "Local hobbyist" },
alt: "Local hobbyist", { src: "http://img.b2bpic.net/free-photo/side-view-fisherman-holding-fish-with-copy-space_23-2148429540.jpg", alt: "Local hobbyist" },
}, { src: "http://img.b2bpic.net/free-photo/shooting-underwater_72229-1413.jpg", alt: "Local hobbyist" },
{ { src: "http://img.b2bpic.net/free-photo/portrait-young-woman-enjoying-favorite-job-workshop-potter-carefully-works-ceramic-whale_1153-6728.jpg", alt: "Local hobbyist" },
src: "http://img.b2bpic.net/free-photo/farmers-examine-lychee-lychee-garden_1150-12509.jpg",
alt: "Local hobbyist",
},
{
src: "http://img.b2bpic.net/free-photo/side-view-fisherman-holding-fish-with-copy-space_23-2148429540.jpg",
alt: "Local hobbyist",
},
{
src: "http://img.b2bpic.net/free-photo/shooting-underwater_72229-1413.jpg",
alt: "Local hobbyist",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-enjoying-favorite-job-workshop-potter-carefully-works-ceramic-whale_1153-6728.jpg",
alt: "Local hobbyist",
},
]} ]}
avatarText="Trusted by 500+ local aquarists" avatarText="Trusted by 500+ local aquarists"
/> />
@@ -100,9 +64,7 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
title="Passion for Quality Fish" title="Passion for Quality Fish"
description={[ description={[
"FinHaven started from a love for tropical fish and 3 years of hands-on experience in the aquarium industry.", "FinHaven started from a love for tropical fish and 3 years of hands-on experience in the aquarium industry.", "We focus on healthy, happy stock and providing you with the expert advice needed for your home tank."]}
"We focus on healthy, happy stock and providing you with the expert advice needed for your home tank.",
]}
/> />
</div> </div>
@@ -113,12 +75,7 @@ export default function LandingPage() {
title="Community Favorites" title="Community Favorites"
description="We are proud to serve the local Durbanville aquatic community." description="We are proud to serve the local Durbanville aquatic community."
names={[ names={[
"Tropical Hobbyists", "Tropical Hobbyists", "Durbanville Aquarium Club", "Home Tank Enthusiasts", "Local Pet Specialists", "Aquascape Experts"]}
"Durbanville Aquarium Club",
"Home Tank Enthusiasts",
"Local Pet Specialists",
"Aquascape Experts",
]}
/> />
</div> </div>
@@ -131,27 +88,9 @@ export default function LandingPage() {
title="Our Impact" title="Our Impact"
description="We maintain the highest standards of aquatic life support." description="We maintain the highest standards of aquatic life support."
metrics={[ metrics={[
{ { id: "m1", value: "3+", title: "Years Experience", description: "Dedicated industry expertise.", icon: Droplet },
id: "m1", { id: "m2", value: "500+", title: "Fish Placed", description: "Healthy homes for every fish.", icon: Fish },
value: "3+", { id: "m3", value: "100%", title: "Client Care", description: "We guide every step.", icon: Heart },
title: "Years Experience",
description: "Dedicated industry expertise.",
icon: Droplet,
},
{
id: "m2",
value: "500+",
title: "Fish Placed",
description: "Healthy homes for every fish.",
icon: Fish,
},
{
id: "m3",
value: "100%",
title: "Client Care",
description: "We guide every step.",
icon: Heart,
},
]} ]}
/> />
</div> </div>
@@ -166,16 +105,8 @@ export default function LandingPage() {
mediaAnimation="none" mediaAnimation="none"
faqsAnimation="slide-up" faqsAnimation="slide-up"
faqs={[ faqs={[
{ { id: "q1", title: "Do you deliver?", content: "We offer collection only in Durbanville to ensure the safety and stress-free transport of our fish." },
id: "q1", { id: "q2", title: "Are your fish healthy?", content: "Yes, every fish undergoes a quarantine and health check period before becoming available for your home tank." },
title: "Do you deliver?",
content: "We offer collection only in Durbanville to ensure the safety and stress-free transport of our fish.",
},
{
id: "q2",
title: "Are your fish healthy?",
content: "Yes, every fish undergoes a quarantine and health check period before becoming available for your home tank.",
},
]} ]}
/> />
</div> </div>
@@ -185,37 +116,17 @@ export default function LandingPage() {
logoText="FinHaven" logoText="FinHaven"
columns={[ columns={[
{ {
title: "Quick Links", title: "Quick Links", items: [
items: [ { label: "About", href: "/about" },
{ { label: "Fish", href: "/fish" },
label: "About", { label: "Gallery", href: "/gallery" },
href: "/about", { label: "Contact", href: "/contact" },
},
{
label: "Fish",
href: "/fish",
},
{
label: "Gallery",
href: "/gallery",
},
{
label: "Contact",
href: "/contact",
},
], ],
}, },
{ {
title: "Policy", title: "Policy", items: [
items: [ { label: "Collection Only", href: "#" },
{ { label: "Privacy Policy", href: "#" },
label: "Collection Only",
href: "#",
},
{
label: "Privacy Policy",
href: "#",
},
], ],
}, },
]} ]}
@@ -225,4 +136,4 @@ export default function LandingPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }