bender/80a3d0de-38be-496f-81c3-423eff064199
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-12 14:49:56 +00:00
parent 676c417134 63e494dd24
commit 031bc8e87c
6 changed files with 121 additions and 500 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
src/app/about/page.tsx
View File

@@ -26,26 +26,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"
/> />
@@ -56,10 +41,7 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
title="Our Story" title="Our Story"
description={[ description={[
"Located in the heart of Durbanville, FinHaven was founded to share a genuine passion for the aquatic hobby.", "Located in the heart of Durbanville, FinHaven was founded to share a genuine passion for the aquatic hobby.", "With over 3 years of specialized industry experience, we ensure that every fish that leaves our garage is healthy, vibrant, and well-adjusted.", "We believe that every home tank deserves expert care, which is why we guide every customer through the process of choosing the perfect addition to their underwater world."]}
"With over 3 years of specialized industry experience, we ensure that every fish that leaves our garage is healthy, vibrant, and well-adjusted.",
"We believe that every home tank deserves expert care, which is why we guide every customer through the process of choosing the perfect addition to their underwater world.",
]}
/> />
</div> </div>
@@ -72,15 +54,9 @@ export default function LandingPage() {
memberVariant="card" memberVariant="card"
members={[ members={[
{ {
id: "m1", id: "m1", name: "Founder, FinHaven", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-man-sitting-terrace_23-2148997298.jpg"},
name: "Founder, FinHaven",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-man-sitting-terrace_23-2148997298.jpg",
},
{ {
id: "m2", id: "m2", name: "Aquatics Specialist", imageSrc: "http://img.b2bpic.net/free-photo/fisherman-with-fishing-equipment-box_58466-11043.jpg"},
name: "Aquatics Specialist",
imageSrc: "http://img.b2bpic.net/free-photo/fisherman-with-fishing-equipment-box_58466-11043.jpg",
},
]} ]}
/> />
</div> </div>
@@ -89,16 +65,12 @@ export default function LandingPage() {
<ContactCTA <ContactCTA
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
tag="Ready" tag="Ready"
title="Start your journey" title="Start your journey"
description="Have questions about your setup? Contact us today." description="Have questions about your setup? Contact us today."
buttons={[ buttons={[
{ { text: "Contact Us", href: "/contact" },
text: "Contact Us",
href: "/contact",
},
]} ]}
/> />
</div> </div>
@@ -108,37 +80,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: "#",
},
], ],
}, },
]} ]}

84
src/app/contact/page.tsx
View File

@@ -26,26 +26,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"
/> />
@@ -55,8 +40,7 @@ export default function LandingPage() {
<ContactSplit <ContactSplit
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
tag="Contact" tag="Contact"
title="Get In Touch" title="Get In Touch"
description="Ready to bring home new tropical friends? Contact us for availability. All orders are for collection only in Durbanville. We will confirm your details and provide directions." description="Ready to bring home new tropical friends? Contact us for availability. All orders are for collection only in Durbanville. We will confirm your details and provide directions."
@@ -69,16 +53,12 @@ export default function LandingPage() {
<ContactCTA <ContactCTA
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
tag="Get Started" tag="Get Started"
title="Ready to buy?" title="Ready to buy?"
description="Confirm stock and arrange pickup." description="Confirm stock and arrange pickup."
buttons={[ buttons={[
{ { text: "Contact Now", href: "/contact" },
text: "Contact Now",
href: "/contact",
},
]} ]}
/> />
</div> </div>
@@ -93,16 +73,8 @@ export default function LandingPage() {
mediaAnimation="none" mediaAnimation="none"
faqsAnimation="slide-up" faqsAnimation="slide-up"
faqs={[ faqs={[
{ { id: "aq1", title: "How to pickup?", content: "You will receive location details upon confirming order." },
id: "aq1", { id: "aq2", title: "What payment?", content: "Payment is taken at collection." },
title: "How to pickup?",
content: "You will receive location details upon confirming order.",
},
{
id: "aq2",
title: "What payment?",
content: "Payment is taken at collection.",
},
]} ]}
/> />
</div> </div>
@@ -112,37 +84,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: "#",
},
], ],
}, },
]} ]}

153
src/app/fish/page.tsx
View File

@@ -27,26 +27,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,60 +44,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ { id: "f1", brand: "Tropical", name: "Neon Tetra", price: "Check availability", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fish-seabed-coral-reefs-underwater-beauty-fish-coral-reefs_488145-1833.jpg?_wi=1" },
id: "f1", { id: "f2", brand: "Tropical", name: "Guppy", price: "Check availability", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-color-mandarin-fish-colorfull-mandarin-fish-mandarin-fish-closeup_488145-1960.jpg?_wi=1" },
brand: "Tropical", { id: "f3", brand: "Tropical", name: "Angelfish", price: "Check availability", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/sea-fish-beside-starfish-underwater-balance_169016-70097.jpg" },
name: "Neon Tetra", { id: "f4", brand: "Tropical", name: "Betta", price: "Check availability", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fish-red-sea-coral-animal-horizontal-with-copy-space-selective-focus_1220-1125.jpg" },
price: "Check availability", { id: "f5", brand: "Tropical", name: "Platy", price: "Check availability", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-color-mandarin-fish-colorfull-mandarin-fish-mandarin-fish-closeup-mandarinfish-manda_488145-161.jpg" },
rating: 5, { id: "f6", brand: "Tropical", name: "Molly", price: "Check availability", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/colorful-background-with-splashes-water_23-2147608362.jpg" },
reviewCount: "1",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fish-seabed-coral-reefs-underwater-beauty-fish-coral-reefs_488145-1833.jpg?_wi=1",
},
{
id: "f2",
brand: "Tropical",
name: "Guppy",
price: "Check availability",
rating: 5,
reviewCount: "1",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-color-mandarin-fish-colorfull-mandarin-fish-mandarin-fish-closeup_488145-1960.jpg?_wi=1",
},
{
id: "f3",
brand: "Tropical",
name: "Angelfish",
price: "Check availability",
rating: 5,
reviewCount: "1",
imageSrc: "http://img.b2bpic.net/free-photo/sea-fish-beside-starfish-underwater-balance_169016-70097.jpg",
},
{
id: "f4",
brand: "Tropical",
name: "Betta",
price: "Check availability",
rating: 5,
reviewCount: "1",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fish-red-sea-coral-animal-horizontal-with-copy-space-selective-focus_1220-1125.jpg",
},
{
id: "f5",
brand: "Tropical",
name: "Platy",
price: "Check availability",
rating: 5,
reviewCount: "1",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-color-mandarin-fish-colorfull-mandarin-fish-mandarin-fish-closeup-mandarinfish-manda_488145-161.jpg",
},
{
id: "f6",
brand: "Tropical",
name: "Molly",
price: "Check availability",
rating: 5,
reviewCount: "1",
imageSrc: "http://img.b2bpic.net/free-photo/colorful-background-with-splashes-water_23-2147608362.jpg",
},
]} ]}
title="Available Fish" title="Available Fish"
description="Browse our currently available tropical fish. Click 'Check Availability' to inquire about collection." description="Browse our currently available tropical fish. Click 'Check Availability' to inquire about collection."
@@ -123,20 +60,8 @@ export default function LandingPage() {
<ProductCatalog <ProductCatalog
layout="page" layout="page"
products={[ products={[
{ { id: "f1", name: "Neon Tetra", price: "Check availability", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fish-seabed-coral-reefs-underwater-beauty-fish-coral-reefs_488145-1833.jpg?_wi=2" },
id: "f1", { id: "f2", name: "Guppy", price: "Check availability", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-color-mandarin-fish-colorfull-mandarin-fish-mandarin-fish-closeup_488145-1960.jpg?_wi=2" },
name: "Neon Tetra",
price: "Check availability",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fish-seabed-coral-reefs-underwater-beauty-fish-coral-reefs_488145-1833.jpg?_wi=2",
},
{
id: "f2",
name: "Guppy",
price: "Check availability",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-color-mandarin-fish-colorfull-mandarin-fish-mandarin-fish-closeup_488145-1960.jpg?_wi=2",
},
]} ]}
/> />
</div> </div>
@@ -150,20 +75,8 @@ export default function LandingPage() {
title="Quick Stats" title="Quick Stats"
description="Our inventory standards." description="Our inventory standards."
metrics={[ metrics={[
{ { id: "s1", value: "12+", title: "Species", description: "Carefully selected.", icon: Fish },
id: "s1", { id: "s2", value: "24h", title: "Response", description: "Fast support.", icon: Clock },
value: "12+",
title: "Species",
description: "Carefully selected.",
icon: Fish,
},
{
id: "s2",
value: "24h",
title: "Response",
description: "Fast support.",
icon: Clock,
},
]} ]}
/> />
</div> </div>
@@ -173,37 +86,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: "#",
},
], ],
}, },
]} ]}

133
src/app/gallery/page.tsx
View File

@@ -26,26 +26,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"
/> />
@@ -57,30 +42,9 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ { id: "g1", title: "Display Tank 1", descriptions: ["View our stunning healthy aquarium setups."], imageSrc: "http://img.b2bpic.net/free-photo/aquarium-with-orange-blue-fish_1137-259.jpg" },
id: "g1", { id: "g2", title: "Display Tank 2", descriptions: ["Vibrant colors and healthy aquatic plants."], imageSrc: "http://img.b2bpic.net/free-photo/underwater-shot-altum-angelfish-algeas_181624-18931.jpg" },
title: "Display Tank 1", { id: "g3", title: "Display Tank 3", descriptions: ["Clean, well-maintained environments."], imageSrc: "http://img.b2bpic.net/free-photo/beautiful-plant-illustration_23-2151931387.jpg" },
descriptions: [
"View our stunning healthy aquarium setups.",
],
imageSrc: "http://img.b2bpic.net/free-photo/aquarium-with-orange-blue-fish_1137-259.jpg",
},
{
id: "g2",
title: "Display Tank 2",
descriptions: [
"Vibrant colors and healthy aquatic plants.",
],
imageSrc: "http://img.b2bpic.net/free-photo/underwater-shot-altum-angelfish-algeas_181624-18931.jpg",
},
{
id: "g3",
title: "Display Tank 3",
descriptions: [
"Clean, well-maintained environments.",
],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-plant-illustration_23-2151931387.jpg",
},
]} ]}
title="Photo Gallery" title="Photo Gallery"
description="A look at our tanks and beautiful fish collection." description="A look at our tanks and beautiful fish collection."
@@ -94,16 +58,8 @@ export default function LandingPage() {
title="Aquascaping Inspiration" title="Aquascaping Inspiration"
description="Ideas for your next home setup." description="Ideas for your next home setup."
features={[ features={[
{ { title: "Green Scapes", description: "Creating lush environments.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-underwater-shot-beautiful-brown-discus-fish_181624-21851.jpg" },
title: "Green Scapes", { title: "Color Pop", description: "Enhancing visual appeal.", imageSrc: "http://img.b2bpic.net/free-photo/botia-fish-chromobotia-macracanthus-closup-botia-clown-fish-chromobotia-macracanthus-side-view_488145-560.jpg" },
description: "Creating lush environments.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-underwater-shot-beautiful-brown-discus-fish_181624-21851.jpg",
},
{
title: "Color Pop",
description: "Enhancing visual appeal.",
imageSrc: "http://img.b2bpic.net/free-photo/botia-fish-chromobotia-macracanthus-closup-botia-clown-fish-chromobotia-macracanthus-side-view_488145-560.jpg",
},
]} ]}
/> />
</div> </div>
@@ -116,36 +72,13 @@ export default function LandingPage() {
title="Client Photos" title="Client Photos"
description="See setups from our happy customers." description="See setups from our happy customers."
kpiItems={[ kpiItems={[
{ { value: "50+", label: "Setups" },
value: "50+", { value: "100%", label: "Health" },
label: "Setups", { value: "5★", label: "Rating" },
},
{
value: "100%",
label: "Health",
},
{
value: "5★",
label: "Rating",
},
]} ]}
testimonials={[ testimonials={[
{ { id: "t1", name: "Sarah J.", role: "Hobbyist", company: "Local Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/active-tail-fanning-carpathian-newt-lissotriton-montandi-trying-attract-female-reproduce_181624-55853.jpg" },
id: "t1", { id: "t2", name: "Mark D.", role: "Collector", company: "Local Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fish-seabed-coral-reefs-underwater-beauty-fish-coral-reefs_488145-1046.jpg" },
name: "Sarah J.",
role: "Hobbyist",
company: "Local Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/active-tail-fanning-carpathian-newt-lissotriton-montandi-trying-attract-female-reproduce_181624-55853.jpg",
},
{
id: "t2",
name: "Mark D.",
role: "Collector",
company: "Local Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fish-seabed-coral-reefs-underwater-beauty-fish-coral-reefs_488145-1046.jpg",
},
]} ]}
/> />
</div> </div>
@@ -155,37 +88,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: "#",
},
], ],
}, },
]} ]}

143
src/app/page.tsx
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: "#",
},
], ],
}, },
]} ]}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #ffffff; --background: #fcfaf7;
--card: #f9f9f9; --card: #f5efe6;
--foreground: #0A2540; --foreground: #4a3b30;
--primary-cta: #2EC4B6; --primary-cta: #ff8c42;
--primary-cta-text: #ffffff; --primary-cta-text: #ffffff;
--secondary-cta: #0A2540; --secondary-cta: #f5efe6;
--secondary-cta-text: #ffffff; --secondary-cta-text: #ffffff;
--accent: #e2e2e2; --accent: #e6dcd0;
--background-accent: #f2f2f2; --background-accent: #f2e8d9;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);