Merge version_1 into main #2
188
src/app/page.tsx
188
src/app/page.tsx
@@ -17,31 +17,28 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Paws & Pals"
|
||||
/>
|
||||
@@ -50,62 +47,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Every Dog Deserves the Best Care"
|
||||
description="Welcome to Paws & Pals, your one-stop hub for premium dog services, expert nutrition advice, and community love."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiley-dog-sitting-by-water_23-2149004563.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiley-dog-sitting-by-water_23-2149004563.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-shot-happy-young-woman-with-curly-hair-smiles-gladfully-enjoys-company-pet-poses-with-pug-dog-dressed-casually-isolated-beige-background-people-domestic-animals-concept_273609-60120.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-shot-happy-young-woman-with-curly-hair-smiles-gladfully-enjoys-company-pet-poses-with-pug-dog-dressed-casually-isolated-beige-background-people-domestic-animals-concept_273609-60120.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/outdoor-portrait-curly-european-tanned-woman-holds-happy-pet-dog-pomeranian-spitz_343596-1381.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/outdoor-portrait-curly-european-tanned-woman-holds-happy-pet-dog-pomeranian-spitz_343596-1381.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dog-trainer-interacting-with-their-pet_23-2149434647.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/dog-trainer-interacting-with-their-pet_23-2149434647.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/charming-woman-petting-dog-park_23-2147911442.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/charming-woman-petting-dog-park_23-2147911442.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-african-american-woman-holds-small-dog-come-vet-get-advice-how-feed-pomeranian-spitz_273609-34462.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/confident-african-american-woman-holds-small-dog-come-vet-get-advice-how-feed-pomeranian-spitz_273609-34462.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy dog parents"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Grooming",
|
||||
},
|
||||
type: "text", text: "Expert Grooming"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Training",
|
||||
},
|
||||
type: "text", text: "Professional Training"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Nutrition Consults",
|
||||
},
|
||||
type: "text", text: "Nutrition Consults"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community Events",
|
||||
},
|
||||
type: "text", text: "Community Events"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Daily Care",
|
||||
},
|
||||
type: "text", text: "Daily Care"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -115,24 +89,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Passion for ",
|
||||
},
|
||||
type: "text", content: "Our Passion for "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/little-dog-park-outdoors-lifestyle-portrait_1150-16716.jpg",
|
||||
alt: "Happy dog",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/little-dog-park-outdoors-lifestyle-portrait_1150-16716.jpg", alt: "Happy dog"},
|
||||
{
|
||||
type: "text",
|
||||
content: " Paws",
|
||||
},
|
||||
type: "text", content: " Paws"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -144,28 +109,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Grooming",
|
||||
description: "Professional spa days for dogs of all sizes.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-dog-sitting-by-water_23-2149004563.jpg?_wi=2",
|
||||
imageAlt: "happy dog portrait outdoor",
|
||||
title: "Grooming", description: "Professional spa days for dogs of all sizes.", bentoComponent: "reveal-icon", icon: Sparkles
|
||||
},
|
||||
{
|
||||
title: "Training",
|
||||
description: "Expert training programs for all stages of life.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: CheckCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-dog-park-outdoors-lifestyle-portrait_1150-16716.jpg",
|
||||
imageAlt: "dog playing in park",
|
||||
title: "Training", description: "Expert training programs for all stages of life.", bentoComponent: "reveal-icon", icon: CheckCircle
|
||||
},
|
||||
{
|
||||
title: "Nutrition",
|
||||
description: "Tailored meal plans for optimal health.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-washing-dog_23-2149872943.jpg",
|
||||
imageAlt: "dog grooming tools",
|
||||
title: "Nutrition", description: "Tailored meal plans for optimal health.", bentoComponent: "reveal-icon", icon: Shield
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Dog Care"
|
||||
@@ -179,60 +129,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
date: "2024-05",
|
||||
title: "Amazing Service",
|
||||
quote: "The grooming service is top notch!",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-shot-happy-young-woman-with-curly-hair-smiles-gladfully-enjoys-company-pet-poses-with-pug-dog-dressed-casually-isolated-beige-background-people-domestic-animals-concept_273609-60120.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-dog-park-nature-with-owner_23-2150407372.jpg",
|
||||
imageAlt: "dog training class",
|
||||
},
|
||||
id: "1", name: "Sarah J.", date: "2024-05", title: "Amazing Service", quote: "The grooming service is top notch!", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-shot-happy-young-woman-with-curly-hair-smiles-gladfully-enjoys-company-pet-poses-with-pug-dog-dressed-casually-isolated-beige-background-people-domestic-animals-concept_273609-60120.jpg", imageSrc: "http://img.b2bpic.net/free-photo/adorable-dog-park-nature-with-owner_23-2150407372.jpg", imageAlt: "dog training class"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
date: "2024-04",
|
||||
title: "Great Trainers",
|
||||
quote: "My puppy learned so much in just two weeks.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-curly-european-tanned-woman-holds-happy-pet-dog-pomeranian-spitz_343596-1381.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-boy-playing-with-his-dog_23-2148576886.jpg",
|
||||
imageAlt: "healthy dog food",
|
||||
},
|
||||
id: "2", name: "Mark D.", date: "2024-04", title: "Great Trainers", quote: "My puppy learned so much in just two weeks.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-curly-european-tanned-woman-holds-happy-pet-dog-pomeranian-spitz_343596-1381.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-boy-playing-with-his-dog_23-2148576886.jpg", imageAlt: "healthy dog food"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
date: "2024-03",
|
||||
title: "Nutrition Expert",
|
||||
quote: "Finally found food that my sensitive dog likes.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/dog-trainer-interacting-with-their-pet_23-2149434647.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-happy-young-woman-with-curly-hair-smiles-gladfully-enjoys-company-pet-poses-with-pug-dog-dressed-casually-isolated-beige-background-people-domestic-animals-concept_273609-60120.jpg",
|
||||
imageAlt: "smiling person with dog",
|
||||
},
|
||||
id: "3", name: "Emily R.", date: "2024-03", title: "Nutrition Expert", quote: "Finally found food that my sensitive dog likes.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/dog-trainer-interacting-with-their-pet_23-2149434647.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-happy-young-woman-with-curly-hair-smiles-gladfully-enjoys-company-pet-poses-with-pug-dog-dressed-casually-isolated-beige-background-people-domestic-animals-concept_273609-60120.jpg", imageAlt: "smiling person with dog"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
date: "2024-02",
|
||||
title: "Excellent Care",
|
||||
quote: "Could not ask for a better team.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/charming-woman-petting-dog-park_23-2147911442.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-curly-european-tanned-woman-holds-happy-pet-dog-pomeranian-spitz_343596-1381.jpg",
|
||||
imageAlt: "happy woman with puppy",
|
||||
},
|
||||
id: "4", name: "David K.", date: "2024-02", title: "Excellent Care", quote: "Could not ask for a better team.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/charming-woman-petting-dog-park_23-2147911442.jpg", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-curly-european-tanned-woman-holds-happy-pet-dog-pomeranian-spitz_343596-1381.jpg", imageAlt: "happy woman with puppy"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda M.",
|
||||
date: "2024-01",
|
||||
title: "Professionalism",
|
||||
quote: "I trust Paws & Pals completely with my dog.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/confident-african-american-woman-holds-small-dog-come-vet-get-advice-how-feed-pomeranian-spitz_273609-34462.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dog-trainer-interacting-with-their-pet_23-2149434647.jpg",
|
||||
imageAlt: "dog owner and dog outdoors",
|
||||
},
|
||||
id: "5", name: "Linda M.", date: "2024-01", title: "Professionalism", quote: "I trust Paws & Pals completely with my dog.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/confident-african-american-woman-holds-small-dog-come-vet-get-advice-how-feed-pomeranian-spitz_273609-34462.jpg", imageSrc: "http://img.b2bpic.net/free-photo/dog-trainer-interacting-with-their-pet_23-2149434647.jpg", imageAlt: "dog owner and dog outdoors"},
|
||||
]}
|
||||
title="Loved by Dog Parents"
|
||||
description="See what our community of happy dog owners has to say about our services."
|
||||
@@ -243,8 +148,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Get in touch today"
|
||||
description="Have questions about our services or need nutrition advice? Our team is here to help!"
|
||||
@@ -259,25 +163,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user