Update src/app/page.tsx
This commit is contained in:
145
src/app/page.tsx
145
src/app/page.tsx
@@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user