Update src/app/animals/page.tsx
This commit is contained in:
@@ -25,7 +25,7 @@ export default function AnimalsPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="floatingGradient"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -35,7 +35,8 @@ export default function AnimalsPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Add Animal", href: "/add-animal"}}
|
||||
text: "Add Animal", href: "/add-animal"
|
||||
}}
|
||||
brandName="Exotic Pets"
|
||||
/>
|
||||
</div>
|
||||
@@ -49,37 +50,47 @@ export default function AnimalsPage() {
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Back to Home", href: "/"},
|
||||
text: "Back to Home", href: "/"
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "snake-1", brand: "Exotic Pets", name: "Green Tree Python", price: "$450.00", rating: 5,
|
||||
reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/blue-viper-snake-branch-viper-snake-ready-attack-blue-insularis-animal-closeup_488145-2760.jpg", imageAlt: "Green Tree Python"},
|
||||
reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/blue-viper-snake-branch-viper-snake-ready-attack-blue-insularis-animal-closeup_488145-2760.jpg", imageAlt: "Green Tree Python"
|
||||
},
|
||||
{
|
||||
id: "snake-2", brand: "Exotic Pets", name: "Ball Python - Gold Morph", price: "$320.00", rating: 5,
|
||||
reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/blue-viper-snake-branch-viper-snake-ready-attack-blue-insularis-animal-closeup_488145-3705.jpg", imageAlt: "Ball Python Gold Morph"},
|
||||
reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/blue-viper-snake-branch-viper-snake-ready-attack-blue-insularis-animal-closeup_488145-3705.jpg", imageAlt: "Ball Python Gold Morph"
|
||||
},
|
||||
{
|
||||
id: "snake-3", brand: "Exotic Pets", name: "King Cobra", price: "$550.00", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/shot-curled-up-adult-leopard-snake_181624-41908.jpg", imageAlt: "King Cobra"},
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/shot-curled-up-adult-leopard-snake_181624-41908.jpg", imageAlt: "King Cobra"
|
||||
},
|
||||
{
|
||||
id: "turtle-1", brand: "Exotic Pets", name: "Red-Eared Slider Turtle", price: "$85.00", rating: 5,
|
||||
reviewCount: "31", imageSrc: "http://img.b2bpic.net/free-photo/tortoise_1127-3422.jpg", imageAlt: "Red-Eared Slider Turtle"},
|
||||
reviewCount: "31", imageSrc: "http://img.b2bpic.net/free-photo/tortoise_1127-3422.jpg", imageAlt: "Red-Eared Slider Turtle"
|
||||
},
|
||||
{
|
||||
id: "turtle-2", brand: "Exotic Pets", name: "African Sulcata Tortoise", price: "$280.00", rating: 5,
|
||||
reviewCount: "19", imageSrc: "http://img.b2bpic.net/free-photo/wide-angle-shot-sandy-valley-with-rock-middle_181624-20245.jpg", imageAlt: "African Sulcata Tortoise"},
|
||||
reviewCount: "19", imageSrc: "http://img.b2bpic.net/free-photo/wide-angle-shot-sandy-valley-with-rock-middle_181624-20245.jpg", imageAlt: "African Sulcata Tortoise"
|
||||
},
|
||||
{
|
||||
id: "turtle-3", brand: "Exotic Pets", name: "Green Sea Turtle", price: "$620.00", rating: 5,
|
||||
reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/turtle_1308-39981.jpg", imageAlt: "Green Sea Turtle"},
|
||||
reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/turtle_1308-39981.jpg", imageAlt: "Green Sea Turtle"
|
||||
},
|
||||
{
|
||||
id: "parrot-1", brand: "Exotic Pets", name: "Blue Macaw", price: "$850.00", rating: 5,
|
||||
reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-tropical-colorful-bird_23-2151875489.jpg", imageAlt: "Blue Macaw"},
|
||||
reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-tropical-colorful-bird_23-2151875489.jpg", imageAlt: "Blue Macaw"
|
||||
},
|
||||
{
|
||||
id: "parrot-2", brand: "Exotic Pets", name: "Scarlet Macaw", price: "$920.00", rating: 5,
|
||||
reviewCount: "26", imageSrc: "http://img.b2bpic.net/free-vector/tropical-background_52683-5630.jpg", imageAlt: "Scarlet Macaw"},
|
||||
reviewCount: "26", imageSrc: "http://img.b2bpic.net/free-vector/tropical-background_52683-5630.jpg", imageAlt: "Scarlet Macaw"
|
||||
},
|
||||
{
|
||||
id: "parrot-3", brand: "Exotic Pets", name: "Green-Winged Macaw", price: "$950.00", rating: 5,
|
||||
reviewCount: "17", imageSrc: "http://img.b2bpic.net/free-photo/girl-is-holding-blueandwhite-wavy-parrot-her-hands-closeup_169016-60914.jpg", imageAlt: "Green-Winged Macaw"},
|
||||
reviewCount: "17", imageSrc: "http://img.b2bpic.net/free-photo/girl-is-holding-blueandwhite-wavy-parrot-her-hands-closeup_169016-60914.jpg", imageAlt: "Green-Winged Macaw"
|
||||
},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -102,13 +113,16 @@ export default function AnimalsPage() {
|
||||
features={[
|
||||
{
|
||||
id: "quality-1", title: "Veterinary Certification", author: "Health Experts", description: "Each animal receives comprehensive veterinary evaluation including genetic screening, health assessment, and parasite testing. Complete health reports provided with every purchase.", tags: ["Certified", "Healthy"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/moorish-gecko-tarentola-mauritanica-basking-sun-shedding-its-skin_181624-3279.jpg", imageAlt: "Veterinary certification process"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/moorish-gecko-tarentola-mauritanica-basking-sun-shedding-its-skin_181624-3279.jpg", imageAlt: "Veterinary certification process"
|
||||
},
|
||||
{
|
||||
id: "quality-2", title: "Optimal Habitat", author: "Care Specialists", description: "Our animals are housed in species-appropriate enclosures with proper temperature, humidity, and lighting. Each habitat is designed to promote natural behaviors and long-term health.", tags: ["Habitat", "Care"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/moorish-gecko-tarentola-mauritanica-basking-sun-shedding-its-skin_181624-3279.jpg", imageAlt: "Professional habitat setup"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/moorish-gecko-tarentola-mauritanica-basking-sun-shedding-its-skin_181624-3279.jpg", imageAlt: "Professional habitat setup"
|
||||
},
|
||||
{
|
||||
id: "quality-3", title: "Expert Consultation", author: "Support Team", description: "Our specialists are available to provide guidance on care requirements, feeding schedules, habitat setup, and breeding information. We're committed to your long-term success as an animal owner.", tags: ["Support", "Expert"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/moorish-gecko-tarentola-mauritanica-basking-sun-shedding-its-skin_181624-3279.jpg", imageAlt: "Expert consultation services"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/moorish-gecko-tarentola-mauritanica-basking-sun-shedding-its-skin_181624-3279.jpg", imageAlt: "Expert consultation services"
|
||||
},
|
||||
]}
|
||||
ariaLabel="Quality standards section"
|
||||
/>
|
||||
@@ -120,9 +134,11 @@ export default function AnimalsPage() {
|
||||
animationType="entrance-slide"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us", href: "/contact"},
|
||||
text: "Contact Us", href: "/contact"
|
||||
},
|
||||
{
|
||||
text: "Back to Home", href: "/"},
|
||||
text: "Back to Home", href: "/"
|
||||
},
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
@@ -137,49 +153,65 @@ export default function AnimalsPage() {
|
||||
{
|
||||
title: "Products", items: [
|
||||
{
|
||||
label: "Snakes", href: "/animals"},
|
||||
label: "Snakes", href: "/animals"
|
||||
},
|
||||
{
|
||||
label: "Turtles", href: "/animals"},
|
||||
label: "Turtles", href: "/animals"
|
||||
},
|
||||
{
|
||||
label: "Macaws", href: "/animals"},
|
||||
label: "Macaws", href: "/animals"
|
||||
},
|
||||
{
|
||||
label: "Care Guides", href: "/"},
|
||||
label: "Care Guides", href: "/"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "/"},
|
||||
label: "About Us", href: "/"
|
||||
},
|
||||
{
|
||||
label: "Our Story", href: "/"},
|
||||
label: "Our Story", href: "/"
|
||||
},
|
||||
{
|
||||
label: "Blog", href: "/"},
|
||||
label: "Blog", href: "/"
|
||||
},
|
||||
{
|
||||
label: "Careers", href: "/"},
|
||||
label: "Careers", href: "/"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact", href: "/contact"},
|
||||
label: "Contact", href: "/contact"
|
||||
},
|
||||
{
|
||||
label: "FAQ", href: "/"},
|
||||
label: "FAQ", href: "/"
|
||||
},
|
||||
{
|
||||
label: "Health Guarantee", href: "/"},
|
||||
label: "Health Guarantee", href: "/"
|
||||
},
|
||||
{
|
||||
label: "Shipping Info", href: "/"},
|
||||
label: "Shipping Info", href: "/"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "/"},
|
||||
label: "Privacy Policy", href: "/"
|
||||
},
|
||||
{
|
||||
label: "Terms of Service", href: "/"},
|
||||
label: "Terms of Service", href: "/"
|
||||
},
|
||||
{
|
||||
label: "Refund Policy", href: "/"},
|
||||
label: "Refund Policy", href: "/"
|
||||
},
|
||||
{
|
||||
label: "Cookie Policy", href: "/"},
|
||||
label: "Cookie Policy", href: "/"
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user