Merge version_2 into main #1
207
src/app/page.tsx
207
src/app/page.tsx
@@ -30,26 +30,16 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "#book-now",
|
||||
},
|
||||
name: "Book Now", id: "#book-now"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#book-now",
|
||||
}}
|
||||
text: "Book Now", href: "#book-now"}}
|
||||
brandName="Tips & Tails"
|
||||
/>
|
||||
</div>
|
||||
@@ -57,66 +47,41 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Professional Dog Grooming, Right at Your Door"
|
||||
description="Convenient, stress-free grooming services for your dog without leaving home."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#book-now",
|
||||
},
|
||||
text: "Book Now", href: "#book-now"},
|
||||
{
|
||||
text: "View Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "View Services", href: "#services"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-beautiful-young-woman-looking-window-with-her-dog_329181-11312.jpg"
|
||||
imageAlt="Professional mobile dog groomer van"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/washing-pet-dog-home_23-2149627224.jpg",
|
||||
alt: "Washing pet dog at home",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/washing-pet-dog-home_23-2149627224.jpg", alt: "Washing pet dog at home"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-lovely-dog-woman_23-2148777172.jpg",
|
||||
alt: "Beautiful and lovely dog and woman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-lovely-dog-woman_23-2148777172.jpg", alt: "Beautiful and lovely dog and woman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-brushing-her-dog_23-2148567076.jpg",
|
||||
alt: "Front view of woman brushing her dog",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-brushing-her-dog_23-2148567076.jpg", alt: "Front view of woman brushing her dog"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-woman-washing-dog_23-2149872954.jpg",
|
||||
alt: "High angle woman washing dog",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-woman-washing-dog_23-2149872954.jpg", alt: "High angle woman washing dog"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dog-lifestyle-care-with-owner_23-2149150801.jpg",
|
||||
alt: "Dog lifestyle and care with owner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/dog-lifestyle-care-with-owner_23-2149150801.jpg", alt: "Dog lifestyle and care with owner"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Stress-Free",
|
||||
},
|
||||
type: "text", text: "Stress-Free"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Mobile Grooming",
|
||||
},
|
||||
type: "text", text: "Mobile Grooming"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Care",
|
||||
},
|
||||
type: "text", text: "Professional Care"},
|
||||
{
|
||||
type: "text",
|
||||
text: "At-Home Service",
|
||||
},
|
||||
type: "text", text: "At-Home Service"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Happy Pets",
|
||||
},
|
||||
type: "text", text: "Happy Pets"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -137,26 +102,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
tag: "Convenience",
|
||||
title: "At-Home Service",
|
||||
subtitle: "We come to you",
|
||||
description: "No travel required, we park right at your doorstep.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-pet-enjoying-spa-day-illustration_23-2151841555.jpg",
|
||||
},
|
||||
tag: "Convenience", title: "At-Home Service", subtitle: "We come to you", description: "No travel required, we park right at your doorstep.", imageSrc: "http://img.b2bpic.net/free-photo/adorable-pet-enjoying-spa-day-illustration_23-2151841555.jpg"},
|
||||
{
|
||||
tag: "Comfort",
|
||||
title: "Less Stress",
|
||||
subtitle: "A relaxed environment",
|
||||
description: "Grooming in a quiet, familiar space reduces pet anxiety.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pet-lifestyle_23-2149180491.jpg",
|
||||
},
|
||||
tag: "Comfort", title: "Less Stress", subtitle: "A relaxed environment", description: "Grooming in a quiet, familiar space reduces pet anxiety.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-pet-lifestyle_23-2149180491.jpg"},
|
||||
{
|
||||
tag: "Personalized",
|
||||
title: "Dedicated Care",
|
||||
subtitle: "One-on-one attention",
|
||||
description: "Your dog gets our full attention during their grooming session.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vet-with-brush-animals-woman-black-t-shirt-cat-couch_1157-46549.jpg",
|
||||
},
|
||||
tag: "Personalized", title: "Dedicated Care", subtitle: "One-on-one attention", description: "Your dog gets our full attention during their grooming session.", imageSrc: "http://img.b2bpic.net/free-photo/vet-with-brush-animals-woman-black-t-shirt-cat-couch_1157-46549.jpg"},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="We put your pet's comfort first with professional mobile care."
|
||||
@@ -171,47 +121,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "Full Groom",
|
||||
price: "Contact for quote",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/washing-pet-dog-home_23-2149627221.jpg",
|
||||
},
|
||||
id: "s1", name: "Full Groom", price: "Contact for quote", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/washing-pet-dog-home_23-2149627221.jpg"},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Wash & Blow Dry",
|
||||
price: "Contact for quote",
|
||||
variant: "Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-small-dog-sitting-towel_23-2148423651.jpg",
|
||||
},
|
||||
id: "s2", name: "Wash & Blow Dry", price: "Contact for quote", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/cute-small-dog-sitting-towel_23-2148423651.jpg"},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Nail Clipping",
|
||||
price: "Contact for quote",
|
||||
variant: "Basic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nail-art-with-tools-concept_23-2150455802.jpg",
|
||||
},
|
||||
id: "s3", name: "Nail Clipping", price: "Contact for quote", variant: "Basic", imageSrc: "http://img.b2bpic.net/free-photo/nail-art-with-tools-concept_23-2150455802.jpg"},
|
||||
{
|
||||
id: "s4",
|
||||
name: "De-shedding Treatment",
|
||||
price: "Contact for quote",
|
||||
variant: "Extra",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-cute-dog-bathtub_23-2149652689.jpg",
|
||||
},
|
||||
id: "s4", name: "De-shedding Treatment", price: "Contact for quote", variant: "Extra", imageSrc: "http://img.b2bpic.net/free-photo/side-view-cute-dog-bathtub_23-2149652689.jpg"},
|
||||
{
|
||||
id: "s5",
|
||||
name: "Ear Cleaning",
|
||||
price: "Contact for quote",
|
||||
variant: "Basic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-photo-little-cat-s-paw-cat-getting-procedure-groomer-salon-cat-is-getting-trimmed-nails_1157-51531.jpg",
|
||||
},
|
||||
id: "s5", name: "Ear Cleaning", price: "Contact for quote", variant: "Basic", imageSrc: "http://img.b2bpic.net/free-photo/cropped-photo-little-cat-s-paw-cat-getting-procedure-groomer-salon-cat-is-getting-trimmed-nails_1157-51531.jpg"},
|
||||
{
|
||||
id: "s6",
|
||||
name: "Custom Package",
|
||||
price: "Contact for quote",
|
||||
variant: "Tailored",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-pet-enjoying-spa-day-illustration_23-2151841570.jpg",
|
||||
},
|
||||
id: "s6", name: "Custom Package", price: "Contact for quote", variant: "Tailored", imageSrc: "http://img.b2bpic.net/free-photo/adorable-pet-enjoying-spa-day-illustration_23-2151841570.jpg"},
|
||||
]}
|
||||
title="Our Grooming Services"
|
||||
description="Comprehensive care packages tailored to your dog's needs."
|
||||
@@ -224,26 +144,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
tag: "Step 1",
|
||||
title: "Book Online",
|
||||
subtitle: "Schedule easily",
|
||||
description: "Choose a date and time that fits your busy life.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-person-creating-content-with-their-pet_23-2151262044.jpg",
|
||||
},
|
||||
tag: "Step 1", title: "Book Online", subtitle: "Schedule easily", description: "Choose a date and time that fits your busy life.", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-person-creating-content-with-their-pet_23-2151262044.jpg"},
|
||||
{
|
||||
tag: "Step 2",
|
||||
title: "We Arrive",
|
||||
subtitle: "Convenience at your door",
|
||||
description: "Our fully equipped van comes right to your driveway.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-people-enjoying-car-packing-preparations-their-nature-getaway_482257-131192.jpg",
|
||||
},
|
||||
tag: "Step 2", title: "We Arrive", subtitle: "Convenience at your door", description: "Our fully equipped van comes right to your driveway.", imageSrc: "http://img.b2bpic.net/free-photo/elderly-people-enjoying-car-packing-preparations-their-nature-getaway_482257-131192.jpg"},
|
||||
{
|
||||
tag: "Step 3",
|
||||
title: "Pet Pampered",
|
||||
subtitle: "Expert grooming",
|
||||
description: "Your dog enjoys a clean, fresh, and stress-free grooming.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-bearded-brutal-tattooed-happy-man-holds-pomeranian-spitz-playing-with-lovely-pet_343596-1510.jpg",
|
||||
},
|
||||
tag: "Step 3", title: "Pet Pampered", subtitle: "Expert grooming", description: "Your dog enjoys a clean, fresh, and stress-free grooming.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-bearded-brutal-tattooed-happy-man-holds-pomeranian-spitz-playing-with-lovely-pet_343596-1510.jpg"},
|
||||
]}
|
||||
title="How It Works"
|
||||
description="Three simple steps to a pampered pet."
|
||||
@@ -258,25 +163,15 @@ export default function LandingPage() {
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-hipster-guy-holding-his-funny-black-pug-dog-smiling-camera-standing-white-backgroun_1258-172981.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-hipster-guy-holding-his-funny-black-pug-dog-smiling-camera-standing-white-backgroun_1258-172981.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-man-showing-his-cute-dog-pointing-finger-black-pug-smiling-standing-white-ba_1258-144648.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-man-showing-his-cute-dog-pointing-finger-black-pug-smiling-standing-white-ba_1258-144648.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-bearded-brutal-tattooed-happy-man-holds-pomeranian-spitz-playing-with-lovely-pet_343596-1565.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-bearded-brutal-tattooed-happy-man-holds-pomeranian-spitz-playing-with-lovely-pet_343596-1565.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cute-teenage-girl-with-dog-pet-girl-playing-with-her-pet-dog-home_169016-68107.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cute-teenage-girl-with-dog-pet-girl-playing-with-her-pet-dog-home_169016-68107.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-from-laughing-girl-enjoying-morning-balcony-with-funny-pet-lovely-young-lady-good-mood-playing-with-beagle-dog-while-resting-after-dinner-terrace_197531-4839.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-from-laughing-girl-enjoying-morning-balcony-with-funny-pet-lovely-young-lady-good-mood-playing-with-beagle-dog-while-resting-after-dinner-terrace_197531-4839.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -287,18 +182,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Book Your Dog's Groom Today. Quick and easy booking. Give us a call or send a WhatsApp message to secure your preferred slot."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Us",
|
||||
href: "tel:+15555555555",
|
||||
},
|
||||
text: "Call Us", href: "tel:+15555555555"},
|
||||
{
|
||||
text: "WhatsApp Now",
|
||||
href: "https://wa.me/15555555555",
|
||||
},
|
||||
text: "WhatsApp Now", href: "https://wa.me/15555555555"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -307,18 +197,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Questions? Get in touch. We are happy to help answer your inquiries about our services, pricing, or areas covered."
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:hello@tipsandtails.com",
|
||||
},
|
||||
text: "Email Us", href: "mailto:hello@tipsandtails.com"},
|
||||
{
|
||||
text: "Follow on Instagram",
|
||||
href: "#",
|
||||
},
|
||||
text: "Follow on Instagram", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -327,16 +212,12 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Tips & Tails"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user