Update src/app/page.tsx

This commit is contained in:
2026-02-19 13:43:04 +00:00
parent fb7a849f7e
commit e9b2bb98c1

View File

@@ -15,6 +15,22 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Cat, Dog, Heart, HeartHandshake, Home, PawPrint, Rabbit, Users } from 'lucide-react';
export default function LandingPage() {
const commonNavItems = [
{ name: 'Home', id: '/' },
{ name: 'Adopt', id: '#adopt' },
{ name: 'About', id: '/about' },
{ name: 'Volunteer', id: '#team' },
{ name: 'Blog', id: '/blog' },
{ name: 'Shop', id: '/shop' },
{ name: 'Contact', id: '#contact' },
];
const commonFooterColumns = [
{ title: 'Quick Links', items: [{ label: 'Adopt', href: '#adopt' }, { label: 'Volunteer', href: '#team' }, { label: 'About Us', href: '/about' }, { label: 'FAQ', href: '#faq' }, { label: 'Blog', href: '/blog' }, { label: 'Shop', href: '/shop' }] },
{ title: 'Get Involved', items: [{ label: 'Donate', href: '#donate' }, { label: 'Foster', href: '#foster' }, { label: 'Events', href: '#events' }] },
{ title: 'Contact', items: [{ label: 'Email Us', href: 'mailto:info@pethaven.org' }, { label: 'Call Us', href: 'tel:+1234567890' }, { label: 'Location', href: '#location' }] },
];
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
@@ -30,7 +46,7 @@ export default function LandingPage() {
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[{ name: 'Adopt', id: 'adopt' }, { name: 'About', id: 'about' }, { name: 'Volunteer', id: 'volunteer' }, { name: 'Contact', id: 'contact' }]}
navItems={commonNavItems}
brandName="Pet Haven"
button={{ text: 'Donate', href: '#donate' }}
className="py-4 px-6 md:px-8 lg:px-12"
@@ -46,7 +62,7 @@ export default function LandingPage() {
background={{ variant: 'radial-gradient' }}
tag="Adopt, Don't Shop"
tagIcon={PawPrint}
buttons={[{ text: 'View Adoptable Pets', href: '#adopt' }, { text: 'Learn More', href: '#about' }]}
buttons={[{ text: 'View Adoptable Pets', href: '#adopt' }, { text: 'Learn More', href: '/about' }]}
dashboard={{
title: 'Meet Our Latest Arrivals',
logoIcon: HeartHandshake,
@@ -201,11 +217,7 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: 'Quick Links', items: [{ label: 'Adopt', href: '#adopt' }, { label: 'Volunteer', href: '#volunteer' }, { label: 'About Us', href: '#about' }, { label: 'FAQ', href: '#faq' }] },
{ title: 'Get Involved', items: [{ label: 'Donate', href: '#donate' }, { label: 'Foster', href: '#foster' }, { label: 'Events', href: '#events' }] },
{ title: 'Contact', items: [{ label: 'Email Us', href: 'mailto:info@pethaven.org' }, { label: 'Call Us', href: 'tel:+1234567890' }, { label: 'Location', href: '#location' }] },
]}
columns={commonFooterColumns}
bottomLeftText="© 2024 Pet Haven. All rights reserved."
bottomRightText="A home for every paw."
className="py-12 md:py-16 lg:py-20"