import React, { useState } from “react”;
import { Card, CardContent } from “@/components/ui/card”;
import { Button } from “@/components/ui/button”;
import { motion } from “framer-motion”;
const livestockItems = [
{
name: “Red Montipora Cap”,
stock: 5,
category: “Corals”,
subcategory: “SPS”,
image: “/red-montipora.jpg”,
description: “Fast-growing SPS coral with vivid red plating structure.”
},
{
name: “Frogspawn Coral”,
stock: 3,
category: “Corals”,
subcategory: “LPS”,
image: “/frogspawn-coral.jpg”,
description: “Flowing polyps with a neon green hue, great centerpiece for reefs.”
},
{
name: “Duncan Coral”,
stock: 6,
category: “Corals”,
subcategory: “LPS”,
image: “/duncan-coral.jpg”,
description: “Peaceful coral with branching heads and a soft waving motion.”
},
{
name: “Ricordea Mushroom”,
stock: 4,
category: “Corals”,
subcategory: “Mushrooms”,
image: “/ricordea-mushroom.jpg”,
description: “Brightly colored mushroom coral with easy care and growth.”
},
{
name: “Fire Shrimp”,
stock: 5,
category: “Invertebrates”,
subcategory: “Shrimps”,
image: “/fire-shrimp.jpg”,
description: “Bright red shrimp that adds flash and helps with fish cleaning.”
},
{
name: “Tiger Conch”,
stock: 8,
category: “Invertebrates”,
subcategory: “Snails”,
image: “/tiger-conch.jpg”,
description: “Active sand sifter, helps maintain a clean substrate.”
},
{
name: “Feather Duster Worm”,
stock: 6,
category: “Invertebrates”,
subcategory: “Worms & Dusters”,
image: “/feather-duster.jpg”,
description: “Filter feeder with beautiful plume, adds movement to your tank.”
},
{
name: “Orange Mushroom Coral Pack”,
stock: 4,
category: “Corals”,
subcategory: “Mushrooms”,
image: “/orange-mushroom-pack.jpg”,
description: “Colorful and easy to care for, great for beginners.”
},
{
name: “Green Star Polyp Coral”,
stock: 6,
category: “Corals”,
subcategory: “Coral Packs”,
image: “/green-star-polyp.jpg”,
description: “A bright and fast-growing soft coral ideal for coverage.”
},
{
name: “Maxima Clam”,
stock: 2,
category: “Invertebrates”,
subcategory: “Miscellaneous Inverts”,
image: “/maxima-clam.jpg”,
description: “A colorful bivalve that thrives under high light and good flow.”
},
{
name: “Nassarius Snail”,
stock: 20,
category: “Invertebrates”,
subcategory: “Snails”,
image: “/nassarius-snail.jpg”,
description: “Great sand-sifting snail that helps keep the substrate clean.”
},
{
name: “Brittle Starfish”,
stock: 5,
category: “Invertebrates”,
subcategory: “Starfish”,
image: “/brittle-starfish.jpg”,
description: “Interesting nocturnal cleaners that hide in the rockwork.”
},
{
name: “Blue Tuxedo Urchin”,
stock: 3,
category: “Invertebrates”,
subcategory: “Urchins”,
image: “/blue-tuxedo-urchin.jpg”,
description: “Great algae grazers that double as mobile decorations.”
},
{
name: “Coral Beauty Angelfish”,
stock: 3,
category: “Fish”,
subcategory: “Angel – Dwarf”,
image: “/coral-beauty-angelfish.jpg”,
description: “Bright purple and orange dwarf angel, great for reef tanks.”
},
{
name: “Koran Angelfish”,
stock: 2,
category: “Fish”,
subcategory: “Angel – Large”,
image: “/koran-angelfish.jpg”,
description: “Large and colorful, ideal for FOWLR systems.”
},
{
name: “Dispar Anthias”,
stock: 5,
category: “Fish”,
subcategory: “Anthias”,
image: “/dispar-anthias.jpg”,
description: “Schooling anthias known for their bright colors and active nature.”
},
{
name: “Chalk Bass”,
stock: 4,
category: “Fish”,
subcategory: “Basslets”,
image: “/chalk-bass.jpg”,
description: “Hardy and peaceful basslet, great for nano tanks.”
},
{
name: “Longnose Hawkfish”,
stock: 2,
category: “Fish”,
subcategory: “Hawkfish”,
image: “/longnose-hawkfish.jpg”,
description: “Distinctive and reef-safe with quirky perching behavior.”
},
{
name: “Yellow Hogfish”,
stock: 3,
category: “Fish”,
subcategory: “Hogfish”,
image: “/yellow-hogfish.jpg”,
description: “Bold and eye-catching, best in semi-aggressive tanks.”
},
{
name: “Porcupine Puffer”,
stock: 2,
category: “Fish”,
subcategory: “Pufferfish”,
image: “/porcupine-puffer.jpg”,
description: “Charming with big eyes and expressive personality.”
},
{
name: “Yellow Tang”,
stock: 7,
category: “Fish”,
subcategory: “Tangs/Surgeonfish”,
image: “/yellow-tang.jpg”,
description: “Classic bright yellow tang, a staple for reef tanks.”
},
{
name: “Bursa Trigger”,
stock: 1,
category: “Fish”,
subcategory: “Triggers/Groupers”,
image: “/bursa-trigger.jpg”,
description: “Compact and bold triggerfish with personality.”
},
{
name: “Six Line Wrasse”,
stock: 4,
category: “Fish”,
subcategory: “Wrasses – Reef Safe”,
image: “/six-line-wrasse.jpg”,
description: “Great pest controller with lots of energy.”
},
{
name: “Niger Trigger”,
stock: 2,
category: “Fish”,
subcategory: “Triggers/Groupers”,
image: “/niger-trigger.jpg”,
description: “Deep blue and calm, ideal for FOWLR tanks.”
},
{
name: “Flame Angelfish”,
stock: 4,
category: “Fish”,
subcategory: “Angel – Dwarf”,
image: “/flame-angelfish.jpg”,
description: “A stunning dwarf angelfish with vibrant red and orange hues.”
},
{
name: “Emperor Angelfish”,
stock: 2,
category: “Fish”,
subcategory: “Angel – Large”,
image: “/emperor-angelfish.jpg”,
description: “Regal and colorful, a classic centerpiece for larger marine tanks.”
},
{
name: “Lyretail Anthias”,
stock: 6,
category: “Fish”,
subcategory: “Anthias”,
image: “/lyretail-anthias.jpg”,
description: “Active and schooling fish that bring energy and color to reef tanks.”
},
{
name: “Royal Gramma”,
stock: 8,
category: “Fish”,
subcategory: “Basslets”,
image: “/royal-gramma.jpg”,
description: “Peaceful and vividly colored, perfect for reef aquariums.”
},
{
name: “Banggai Cardinalfish”,
stock: 5,
category: “Fish”,
subcategory: “Cardinalfish”,
image: “/banggai-cardinalfish.jpg”,
description: “Easy to care for and ideal for peaceful community tanks.”
},
// Additional NYAquatic-sourced fish subcategories
{
name: “Talbot’s Damsel”,
stock: 5,
category: “Fish”,
subcategory: “Damsels/Chromis”,
image: “/talbots-damsel.jpg”,
description: “Hardy and colorful, great for beginners in reef tanks.”
},
{
name: “Snowflake Eel”,
stock: 2,
category: “Fish”,
subcategory: “Eels”,
image: “/snowflake-eel.jpg”,
description: “A bold and intriguing choice for larger predator tanks.”
},
{
name: “One Spot Foxface”,
stock: 4,
category: “Fish”,
subcategory: “Foxfaces/Rabbitfish”,
image: “/one-spot-foxface.jpg”,
description: “Peaceful algae-eater with vivid yellow coloring.”
},
{
name: “Flame Hawkfish”,
stock: 3,
category: “Fish”,
subcategory: “Hawkfish”,
image: “/flame-hawkfish.jpg”,
description: “Perches and watches with curiosity — a reef-safe oddball.”
},
{
name: “Spanish Hogfish”,
stock: 2,
category: “Fish”,
subcategory: “Hogfish”,
image: “/spanish-hogfish.jpg”,
description: “Colorful and semi-aggressive, great for FOWLR systems.”
},
{
name: “Stars and Stripes Puffer”,
stock: 1,
category: “Fish”,
subcategory: “Pufferfish”,
image: “/stars-and-stripes-puffer.jpg”,
description: “Large and charismatic, full of personality.”
},
{
name: “Epaulette Shark”,
stock: 1,
category: “Fish”,
subcategory: “Sharks and Rays”,
image: “/epaulette-shark.jpg”,
description: “Exotic bottom-dweller best suited for large species systems.”
},
{
name: “Show Size Naso Tang”,
stock: 1,
category: “Fish”,
subcategory: “Show Size”,
image: “/show-naso-tang.jpg”,
description: “Massive, majestic, and a stunning reef centerpiece.”
},
{
name: “Blue Hippo Tang”,
stock: 6,
category: “Fish”,
subcategory: “Tangs/Surgeonfish”,
image: “/blue-hippo-tang.jpg”,
description: “Popular and playful, best for large reef tanks.”
},
{
name: “Clown Triggerfish”,
stock: 1,
category: “Fish”,
subcategory: “Triggers/Groupers”,
image: “/clown-triggerfish.jpg”,
description: “Vibrant and bold, suitable for aggressive setups.”
},
{
name: “Scott’s Fairy Wrasse”,
stock: 2,
category: “Fish”,
subcategory: “Wrasses – Fish Only”,
image: “/scotts-fairy-wrasse.jpg”,
description: “Flashes iridescent blues and purples, best kept solo.”
},
{
name: “WYSIWYG Flame Hawk Pair”,
stock: 1,
category: “Fish”,
subcategory: “WYSIWYG”,
image: “/wysiwyg-flame-hawk.jpg”,
description: “Exact pair shown, perfect for collectors or display tanks.”
},
{
name: “Copperband Butterflyfish”,
stock: 3,
category: “Fish”,
subcategory: “Butterflyfish”,
image: “/copperband-butterflyfish.jpg”,
description: “Graceful and striking, ideal for peaceful marine setups.”
},
{
name: “Ocellaris Clownfish”,
stock: 10,
category: “Fish”,
subcategory: “Clownfish”,
image: “/ocellaris-clownfish.jpg”,
description: “Friendly and hardy, perfect for beginners.”
},
{
name: “Yellow Watchman Goby”,
stock: 4,
category: “Fish”,
subcategory: “Gobies/Blennies”,
image: “/yellow-watchman-goby.jpg”,
description: “Great personality and sand sifting behavior.”
},
{
name: “Red Head Solon Fairy Wrasse”,
stock: 2,
category: “Fish”,
subcategory: “Wrasses – Reef Safe”,
image: “/solon-fairy-wrasse.jpg”,
description: “Colorful and active, perfect for a reef community.”
},
{
name: “Volitan Lionfish”,
stock: 1,
category: “Fish”,
subcategory: “Lionfish/Scorpionfish”,
image: “/volitan-lionfish.jpg”,
description: “Striking predator for species-only or FOWLR tanks.”
},
{
name: “Clownfish”,
stock: 12,
category: “Fish”,
subcategory: “Clownfish”,
image: “/clownfish.jpg”,
description: “Iconic and beginner-friendly, these vibrant swimmers are a favorite.”
},
{
name: “Butterflyfish”,
stock: 3,
category: “Fish”,
subcategory: “Butterflyfish”,
image: “/butterflyfish.jpg”,
description: “Colorful and graceful, these reef dwellers add elegance with their striking patterns.”
},
{
name: “Triggerfish”,
stock: 0,
category: “Fish”,
subcategory: “Triggers/Groupers”,
image: “/triggerfish.jpg”,
description: “Bold and unique, triggerfish are a striking centerpiece for advanced aquarists.”
},
{
name: “Seahorses”,
stock: 7,
category: “Fish”,
subcategory: “Seahorses”,
image: “/seahorses.jpg”,
description: “Elegant and slow-moving, seahorses offer a magical addition to peaceful tanks.”
},
{
name: “Zoanthids Coral”,
stock: 15,
category: “Corals”,
subcategory: “Zoanthids”,
image: “/zoanthids.jpg”,
description: “Bright, hardy corals perfect for adding color and texture to your reef tank.”
},
{
name: “LPS Coral”,
stock: 5,
category: “Corals”,
subcategory: “LPS”,
image: “/lps-coral.jpg”,
description: “Large Polyp Stony corals — beautiful and moderately easy to care for.”
},
{
name: “SPS Coral”,
stock: 0,
category: “Corals”,
subcategory: “SPS”,
image: “/sps-coral.jpg”,
description: “Small Polyp Stony corals — vibrant and best for experienced reefers.”
},
{
name: “Cleaner Shrimp”,
stock: 9,
category: “Invertebrates”,
subcategory: “Shrimps”,
image: “/cleaner-shrimp.jpg”,
description: “Not just cool to watch — they also help keep your tank clean and healthy.”
},
{
name: “Bubble Tip Anemone”,
stock: 6,
category: “Invertebrates”,
subcategory: “Anemones”,
image: “/anemone.jpg”,
description: “A popular host for clownfish, adding movement and color to your reef.”
},
{
name: “Emerald Crab”,
stock: 2,
category: “Invertebrates”,
subcategory: “Crabs”,
image: “/emerald-crab.jpg”,
description: “Algae-eating helpers with loads of personality and charm.”
}
];
export default function SWAquaticsLanding() {
const [selectedCategory, setSelectedCategory] = useState(“All”);
const [selectedSubcategory, setSelectedSubcategory] = useState(“All”);
const categories = […new Set(livestockItems.map(item => item.category))];
const subcategoriesByCategory = {
Fish: [
“Angel – Dwarf”,
“Angel – Large”,
“Anthias”,
“Basslets”,
“Butterflyfish”,
“Cardinalfish”,
“Clownfish”,
“Damsels/Chromis”,
“Eels”,
“Foxfaces/Rabbitfish”,
“Gobies/Blennies”,
“Hawkfish”,
“Hogfish”,
“Lionfish/Scorpionfish”,
“Miscellaneous”,
“Pufferfish”,
“Sharks and Rays”,
“Show Size”,
“Tangs/Surgeonfish”,
“Triggers/Groupers”,
“Wrasses – Fish Only”,
“Wrasses – Reef Safe”,
“WYSIWYG”
],
Corals: [“Coral Packs”, “LPS”, “Mushrooms”, “SPS”, “Zoanthids”],
Invertebrates: [“Anemones”, “Crabs”, “Cucumbers”, “Lobsters”, “Miscellaneous Inverts”, “Nudibranchs”, “Shrimps”, “Snails”, “Starfish”, “Urchins”, “Worms & Dusters”]
}; const filteredItems = livestockItems.filter(item => {
const categoryMatch = selectedCategory === “All” || item.category === selectedCategory;
const subcategoryMatch = selectedSubcategory === “All” || item.subcategory === selectedSubcategory;
return categoryMatch && subcategoryMatch;
});
return (
SW
Aquatics
Dive into a vibrant aquatic world
SW Aquatics offers stunning custom aquariums, maintenance, and marine life expertise. Let’s bring the ocean to you.
About SW Aquatics
With over a decade of experience in aquatic environments, we specialize in creating, installing,
and maintaining aquariums for homes, offices, and public spaces. Whether it’s freshwater or
saltwater, we bring nature closer to you.
Our Services
Custom Aquariums
Create beautiful, tailor-made aquatic displays for your space.
Maintenance
Scheduled care and cleaning to keep your aquariums thriving.
Aquatic Consulting
Expert advice on marine life, equipment, and aquarium planning.
Livestock
Explore a premium selection of healthy and vibrant aquatic livestock, from exotic saltwater fish
to colorful corals and invertebrates. Our livestock is responsibly sourced and hand-selected to
ensure the highest quality.
{ e.currentTarget.src = ‘https://via.placeholder.com/300×200?text=Image’; }} />