Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| fa18becba9 |
189
src/app/page.tsx
189
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "experience",
|
||||
},
|
||||
name: "Experience", id: "experience"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Jeff & Company"
|
||||
/>
|
||||
@@ -55,20 +47,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Jeff & Company Grooming"
|
||||
description="Calm, Gentle Grooming Your Pet Will Love. A trusted, 5-star grooming experience designed to keep your pet relaxed, comfortable, and looking their best."
|
||||
tag="⭐ 5.0 Rated Grooming Service"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
{
|
||||
text: "Call Now (07598 206450)",
|
||||
href: "tel:07598206450",
|
||||
},
|
||||
text: "Call Now (07598 206450)", href: "tel:07598206450"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/adorable-pet-enjoying-spa-day-illustration_23-2151841570.jpg"
|
||||
imageAlt="Professional pet groomer smiling with a happy groomed dog"
|
||||
@@ -83,40 +70,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Puppy Owner",
|
||||
testimonial: "A paw-fect experience for my puppy’s first groom.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-pet-portrait-isolated_23-2149192309.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Puppy Owner", testimonial: "A paw-fect experience for my puppy’s first groom.", imageSrc: "http://img.b2bpic.net/free-photo/lovely-pet-portrait-isolated_23-2149192309.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Client",
|
||||
testimonial: "So patient, caring, and professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sideways-portrait-chinese-crested-puppy-with-copy-space-background_23-2148326286.jpg",
|
||||
},
|
||||
id: "2", name: "Mark D.", role: "Client", testimonial: "So patient, caring, and professional.", imageSrc: "http://img.b2bpic.net/free-photo/sideways-portrait-chinese-crested-puppy-with-copy-space-background_23-2148326286.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily P.",
|
||||
role: "Pet Owner",
|
||||
testimonial: "Jeff is wonderful with my anxious dog, highly recommend!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-yorkshire-dog_23-2151779155.jpg",
|
||||
},
|
||||
id: "3", name: "Emily P.", role: "Pet Owner", testimonial: "Jeff is wonderful with my anxious dog, highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-yorkshire-dog_23-2151779155.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Laura K.",
|
||||
role: "Regular Client",
|
||||
testimonial: "Excellent service every time, very happy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-pet-portrait-isolated_23-2149192304.jpg",
|
||||
},
|
||||
id: "4", name: "Laura K.", role: "Regular Client", testimonial: "Excellent service every time, very happy.", imageSrc: "http://img.b2bpic.net/free-photo/lovely-pet-portrait-isolated_23-2149192304.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David W.",
|
||||
role: "Client",
|
||||
testimonial: "Truly the best local grooming experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-playing-with-his-toy-poodle_23-2147840145.jpg",
|
||||
},
|
||||
id: "5", name: "David W.", role: "Client", testimonial: "Truly the best local grooming experience.", imageSrc: "http://img.b2bpic.net/free-photo/man-playing-with-his-toy-poodle_23-2147840145.jpg"},
|
||||
]}
|
||||
title="Trusted by Pet Owners"
|
||||
description="Trusted by pet owners across Ruislip for safe, stress-free grooming."
|
||||
@@ -131,29 +93,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Full Groom",
|
||||
description: "A complete service including wash, cut, blow-dry, and styling.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/several-flat-pet-store-elements_23-2147569069.jpg",
|
||||
imageAlt: "pet grooming dog clean",
|
||||
},
|
||||
title: "Full Groom", description: "A complete service including wash, cut, blow-dry, and styling.", imageSrc: "http://img.b2bpic.net/free-vector/several-flat-pet-store-elements_23-2147569069.jpg", imageAlt: "pet grooming dog clean"},
|
||||
{
|
||||
title: "Puppy Pamper",
|
||||
description: "A gentle introduction to grooming for first-time visits.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-cute-dog-close-up_23-2148949388.jpg",
|
||||
imageAlt: "puppy bath time gentle",
|
||||
},
|
||||
title: "Puppy Pamper", description: "A gentle introduction to grooming for first-time visits.", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-cute-dog-close-up_23-2148949388.jpg", imageAlt: "puppy bath time gentle"},
|
||||
{
|
||||
title: "Maintenance Groom",
|
||||
description: "Keep your pet clean and comfortable between full grooms.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yorkshire-terrier-getting-procedure-groomer-salon-young-woman-white-tshirt-combing-little-dog-yorkshire-terrier-puppy-blue-table_1157-51439.jpg",
|
||||
imageAlt: "dog grooming maintenance",
|
||||
},
|
||||
title: "Maintenance Groom", description: "Keep your pet clean and comfortable between full grooms.", imageSrc: "http://img.b2bpic.net/free-photo/yorkshire-terrier-getting-procedure-groomer-salon-young-woman-white-tshirt-combing-little-dog-yorkshire-terrier-puppy-blue-table_1157-51439.jpg", imageAlt: "dog grooming maintenance"},
|
||||
{
|
||||
title: "Bath & Brush",
|
||||
description: "A quick refresh to keep coats clean and healthy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/haircuting-process-small-dog-sits-table-dog-with-professional_1157-48819.jpg",
|
||||
imageAlt: "pet grooming dog clean",
|
||||
},
|
||||
title: "Bath & Brush", description: "A quick refresh to keep coats clean and healthy.", imageSrc: "http://img.b2bpic.net/free-photo/haircuting-process-small-dog-sits-table-dog-with-professional_1157-48819.jpg", imageAlt: "pet grooming dog clean"},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Comprehensive grooming solutions for every pet's needs."
|
||||
@@ -167,17 +113,11 @@ export default function LandingPage() {
|
||||
description="We focus on a calm, patient, one-to-one approach ensuring every pet feels safe and cared for. Our salon provides a quiet environment, ideal for nervous or first-time pets."
|
||||
metrics={[
|
||||
{
|
||||
value: "1-to-1",
|
||||
title: "Appointments",
|
||||
},
|
||||
value: "1-to-1", title: "Appointments"},
|
||||
{
|
||||
value: "Calm",
|
||||
title: "Environment",
|
||||
},
|
||||
value: "Calm", title: "Environment"},
|
||||
{
|
||||
value: "Expert",
|
||||
title: "Personalized",
|
||||
},
|
||||
value: "Expert", title: "Personalized"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg"
|
||||
imageAlt="pet groomer calm atmosphere"
|
||||
@@ -194,41 +134,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Before & After",
|
||||
price: "Groomed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-bearded-brutal-tattooed-happy-man-holds-pomeranian-spitz-playing-with-lovely-pet_343596-1531.jpg",
|
||||
},
|
||||
id: "1", name: "Before & After", price: "Groomed", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-bearded-brutal-tattooed-happy-man-holds-pomeranian-spitz-playing-with-lovely-pet_343596-1531.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Styling",
|
||||
price: "Groomed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-cute-dog_23-2148949395.jpg",
|
||||
},
|
||||
id: "2", name: "Styling", price: "Groomed", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-cute-dog_23-2148949395.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Puppy Cut",
|
||||
price: "Groomed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-outdoor-portrait-smiling-girl-with-dark-brown-hair-holding-beagle-dog_197531-4837.jpg",
|
||||
},
|
||||
id: "3", name: "Puppy Cut", price: "Groomed", imageSrc: "http://img.b2bpic.net/free-photo/close-up-outdoor-portrait-smiling-girl-with-dark-brown-hair-holding-beagle-dog_197531-4837.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Coat Trim",
|
||||
price: "Groomed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-s-hand-holding-hat-prop-pug-dog-s-head_23-2147841035.jpg",
|
||||
},
|
||||
id: "4", name: "Coat Trim", price: "Groomed", imageSrc: "http://img.b2bpic.net/free-photo/woman-s-hand-holding-hat-prop-pug-dog-s-head_23-2147841035.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Full Refresh",
|
||||
price: "Groomed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-pin-up-girl-with-little-dog_1157-18893.jpg",
|
||||
},
|
||||
id: "5", name: "Full Refresh", price: "Groomed", imageSrc: "http://img.b2bpic.net/free-photo/stylish-pin-up-girl-with-little-dog_1157-18893.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Healthy Coat",
|
||||
price: "Groomed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-adorable-mixed-breed-dog-blue-wall_181624-35866.jpg",
|
||||
},
|
||||
id: "6", name: "Healthy Coat", price: "Groomed", imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-adorable-mixed-breed-dog-blue-wall_181624-35866.jpg"},
|
||||
]}
|
||||
title="Happy Pets, Beautiful Results"
|
||||
description="Take a look at some of our recent grooms and see the care and attention we provide."
|
||||
@@ -242,26 +158,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "5.0",
|
||||
title: "Rating",
|
||||
description: "Highly Rated",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-pet-portrait-isolated_23-2149192305.jpg",
|
||||
},
|
||||
id: "1", value: "5.0", title: "Rating", description: "Highly Rated", imageSrc: "http://img.b2bpic.net/free-photo/lovely-pet-portrait-isolated_23-2149192305.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
value: "Mon-Fri",
|
||||
title: "Hours",
|
||||
description: "9am-5pm",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rough-collie-looking-side_181624-45167.jpg",
|
||||
},
|
||||
id: "2", value: "Mon-Fri", title: "Hours", description: "9am-5pm", imageSrc: "http://img.b2bpic.net/free-photo/rough-collie-looking-side_181624-45167.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
value: "Local",
|
||||
title: "Business",
|
||||
description: "Ruislip Based",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-cute-shih-tzu-dog-red-background_181624-25315.jpg",
|
||||
},
|
||||
id: "3", value: "Local", title: "Business", description: "Ruislip Based", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-cute-shih-tzu-dog-red-background_181624-25315.jpg"},
|
||||
]}
|
||||
title="Give Your Pet the Care They Deserve"
|
||||
description="Book today and experience a professional grooming service trusted by local owners."
|
||||
@@ -272,8 +173,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Book Your Appointment"
|
||||
description="Greystoke Dr, Ruislip HA4 7YN. Open daily until 5pm. Call us to book."
|
||||
@@ -288,38 +188,25 @@ export default function LandingPage() {
|
||||
logoText="Jeff & Company Grooming"
|
||||
columns={[
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Greystoke Dr, Ruislip",
|
||||
href: "#",
|
||||
},
|
||||
label: "Greystoke Dr, Ruislip", href: "#"},
|
||||
{
|
||||
label: "07598 206450",
|
||||
href: "tel:07598206450",
|
||||
},
|
||||
label: "07598 206450", href: "tel:07598206450"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Opening Hours",
|
||||
items: [
|
||||
title: "Opening Hours", items: [
|
||||
{
|
||||
label: "Mon-Fri: 9am-5pm",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mon-Fri: 9am-5pm", href: "#"},
|
||||
{
|
||||
label: "Sat: 9am-5pm",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sat: 9am-5pm", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow",
|
||||
items: [
|
||||
title: "Follow", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -328,4 +215,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user