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

Update src/app/fish/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-12 14:49:51 +00:00
parent 98f57d6ad9
commit dd6115048e
1 changed files with 24 additions and 131 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -27,26 +27,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Available Fish",
id: "/fish",
},
{
name: "Gallery",
id: "/gallery",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Available Fish", id: "/fish" },
{ name: "Gallery", id: "/gallery" },
{ name: "Contact", id: "/contact" },
]}
brandName="FinHaven"
/>
@@ -59,60 +44,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
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: "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",
},
{ 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: "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"
description="Browse our currently available tropical fish. Click 'Check Availability' to inquire about collection."
@@ -123,20 +60,8 @@ export default function LandingPage() {
<ProductCatalog
layout="page"
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: "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",
},
{ 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: "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>
@@ -150,20 +75,8 @@ export default function LandingPage() {
title="Quick Stats"
description="Our inventory standards."
metrics={[
{
id: "s1",
value: "12+",
title: "Species",
description: "Carefully selected.",
icon: Fish,
},
{
id: "s2",
value: "24h",
title: "Response",
description: "Fast support.",
icon: Clock,
},
{ id: "s1", value: "12+", title: "Species", description: "Carefully selected.", icon: Fish },
{ id: "s2", value: "24h", title: "Response", description: "Fast support.", icon: Clock },
]}
/>
</div>
@@ -173,37 +86,17 @@ export default function LandingPage() {
logoText="FinHaven"
columns={[
{
title: "Quick Links",
items: [
{
label: "About",
href: "/about",
},
{
label: "Fish",
href: "/fish",
},
{
label: "Gallery",
href: "/gallery",
},
{
label: "Contact",
href: "/contact",
},
title: "Quick Links", items: [
{ label: "About", href: "/about" },
{ label: "Fish", href: "/fish" },
{ label: "Gallery", href: "/gallery" },
{ label: "Contact", href: "/contact" },
],
},
{
title: "Policy",
items: [
{
label: "Collection Only",
href: "#",
},
{
label: "Privacy Policy",
href: "#",
},
title: "Policy", items: [
{ label: "Collection Only", href: "#" },
{ label: "Privacy Policy", href: "#" },
],
},
]}
@@ -213,4 +106,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}