Update src/app/page.tsx
This commit is contained in:
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user