Update src/app/page.tsx
This commit is contained in:
115
src/app/page.tsx
115
src/app/page.tsx
@@ -32,14 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Rewards", id: "rewards"},
|
||||
{
|
||||
name: "Book Now", id: "contact"},
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Rewards", id: "rewards" },
|
||||
{ name: "Book Now", id: "contact" },
|
||||
]}
|
||||
brandName="The Barkbershop"
|
||||
/>
|
||||
@@ -50,22 +46,16 @@ export default function LandingPage() {
|
||||
title="Where Every Pet Finds Their Refinement"
|
||||
description="Experience the antique charm of traditional grooming, elevated to a luxury standard. The Barkbershop offers bespoke care for the distinguished pet."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book an Appointment", href: "#contact"},
|
||||
{ text: "Book an Appointment", href: "#contact" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DUpZCJlyuRdLkQIoIrb5tCChwx/uploaded-1778346618365-csk6s1fx.png?_wi=1"
|
||||
imageAlt="Engraved style logo of the Barkbershop pet parlour"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/adorable-dog-grooming-salon_23-2149791402.jpg"
|
||||
imageAlt="Professionally groomed dog in a luxury salon setting"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cute-young-caucasian-brunette-girl-holding-paws-dog-front-camera-pink-background-good-relationship-animals-people-concept_197531-31344.jpg", alt: "Satisfied client with pet"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/outdoor-portrait-curly-european-tanned-woman-holds-happy-pet-dog-pomeranian-spitz_343596-1426.jpg", alt: "Happy pet owner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dark-skinned-lady-keeps-lips-rounded-wants-kiss-adorable-pet-plays-with-small-puppy_273609-34283.jpg", alt: "Client greeting puppy"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-old-couple-with-cute-dog_23-2149614017.jpg", alt: "Couple with pet"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-attractive-happy-blonde-room-with-loft-interior_613910-8861.jpg", alt: "Happy pet parent"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/cute-young-caucasian-brunette-girl-holding-paws-dog-front-camera-pink-background-good-relationship-animals-people-concept_197531-31344.jpg", alt: "Satisfied client with pet" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/outdoor-portrait-curly-european-tanned-woman-holds-happy-pet-dog-pomeranian-spitz_343596-1426.jpg", alt: "Happy pet owner" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/dark-skinned-lady-keeps-lips-rounded-wants-kiss-adorable-pet-plays-with-small-puppy_273609-34283.jpg", alt: "Client greeting puppy" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-old-couple-with-cute-dog_23-2149614017.jpg", alt: "Couple with pet" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/studio-portrait-attractive-happy-blonde-room-with-loft-interior_613910-8861.jpg", alt: "Happy pet parent" },
|
||||
]}
|
||||
avatarText="Trusted by over 1,200 local pet families."
|
||||
/>
|
||||
@@ -79,8 +69,8 @@ export default function LandingPage() {
|
||||
description="Inspired by the classic apothecaries and barbers of yesteryear, we provide a calm, respectful, and artistic environment. Your pet isn't just groomed; they are treated with the dignity of a gentle-creature of status."
|
||||
subdescription="Specializing in Victorian-inspired grooming standards with modern health safety."
|
||||
icon={Award}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DUpZCJlyuRdLkQIoIrb5tCChwx/uploaded-1778346618365-095ifk53.png?_wi=1"
|
||||
imageAlt="A Victorian pet barbering scene"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/pet-grooming-salon-groomer-working-dog_23-2149791398.jpg"
|
||||
imageAlt="Groomer carefully styling a dog in our signature salon"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -92,12 +82,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Artisan Styling", description: "Hand-crafted cuts personalized to your pet's personality and breed.", imageSrc: "http://img.b2bpic.net/free-photo/anthropomorphic-portrait-animal-dressed-human-clothes-doing-daily-activities_23-2151107105.jpg?_wi=1"},
|
||||
{
|
||||
title: "Precision Care", description: "Grooming that honors the classic standards of boutique care.", imageSrc: "http://img.b2bpic.net/free-photo/instruments-hairdresser-black-towel_23-2148181901.jpg?_wi=1"},
|
||||
{
|
||||
title: "Rewards Loyalty", description: "Join our grooming club and earn points for every session.", imageSrc: "http://img.b2bpic.net/free-photo/animal-illustration-christmas_23-2151894685.jpg?_wi=1"},
|
||||
{ title: "Artisan Styling", description: "Hand-crafted cuts personalized to your pet's personality and breed.", imageSrc: "https://img.b2bpic.net/free-photo/groomer-trimming-poodle-hair_23-2149791410.jpg" },
|
||||
{ title: "Precision Care", description: "Grooming that honors the classic standards of boutique care.", imageSrc: "https://img.b2bpic.net/free-photo/groomer-washing-dog-hair_23-2149791405.jpg" },
|
||||
{ title: "Rewards Loyalty", description: "Join our grooming club and earn points for every session.", imageSrc: "https://img.b2bpic.net/free-photo/dog-grooming-final-check_23-2149791415.jpg" },
|
||||
]}
|
||||
title="Bespoke Grooming Services"
|
||||
description="We offer a curated selection of grooming treatments designed for maximum comfort and style."
|
||||
@@ -110,18 +97,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic", tag: "Bronze", price: "100pts", period: "Per Service", description: "Earned for every standard grooming visit.", button: {
|
||||
text: "Enroll Now"},
|
||||
featuresTitle: "Member Benefits", features: [
|
||||
"Standard Wash", "Nail Trim", "Pet Health Check"],
|
||||
},
|
||||
{
|
||||
id: "pro", tag: "Silver", price: "250pts", period: "Per Service", description: "Earned for our signature boutique packages.", button: {
|
||||
text: "Enroll Now"},
|
||||
featuresTitle: "Enhanced Benefits", features: [
|
||||
"Full Grooming", "Boutique Scent", "Priority Booking"],
|
||||
},
|
||||
{ id: "basic", tag: "Bronze", price: "100pts", period: "Per Service", description: "Earned for every standard grooming visit.", button: { text: "Enroll Now" }, featuresTitle: "Member Benefits", features: ["Standard Wash", "Nail Trim", "Pet Health Check"] },
|
||||
{ id: "pro", tag: "Silver", price: "250pts", period: "Per Service", description: "Earned for our signature boutique packages.", button: { text: "Enroll Now" }, featuresTitle: "Enhanced Benefits", features: ["Full Grooming", "Boutique Scent", "Priority Booking"] },
|
||||
]}
|
||||
title="Grooming Membership Club"
|
||||
description="Earn points and enjoy premium perks as a member of our exclusive pet circle."
|
||||
@@ -135,12 +112,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "1.2k+", description: "Pets Groomed"},
|
||||
{
|
||||
id: "m2", value: "4.9/5", description: "Owner Satisfaction"},
|
||||
{
|
||||
id: "m3", value: "12", description: "Years of Tradition"},
|
||||
{ id: "m1", value: "1.2k+", description: "Pets Groomed" },
|
||||
{ id: "m2", value: "4.9/5", description: "Owner Satisfaction" },
|
||||
{ id: "m3", value: "12", description: "Years of Tradition" },
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Measured excellence in pet care and owner satisfaction."
|
||||
@@ -152,16 +126,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Evelyn P.", date: "March 2024", title: "Boutique Experience", quote: "The most professional grooming my dog has ever received.", tag: "Satisfied Client", avatarSrc: "http://img.b2bpic.net/free-photo/dark-skinned-lady-keeps-lips-rounded-wants-kiss-adorable-pet-plays-with-small-puppy_273609-34277.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DUpZCJlyuRdLkQIoIrb5tCChwx/uploaded-1778346618365-csk6s1fx.png?_wi=2", imageAlt: "happy owner holding small dog"},
|
||||
{
|
||||
id: "2", name: "Arthur G.", date: "February 2024", title: "Old-world charm", quote: "Fantastic attention to detail, highly recommended.", tag: "Regular Patron", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-girl-couch-with-tablet-dog_23-2148861616.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DUpZCJlyuRdLkQIoIrb5tCChwx/uploaded-1778346618365-095ifk53.png?_wi=2", imageAlt: "happy owner holding small dog"},
|
||||
{
|
||||
id: "3", name: "Beatrice H.", date: "January 2024", title: "So artistic!", quote: "My terrier never looked so dapper and polished.", tag: "Pet Enthusiast", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-pet-lifestyle_23-2149180492.jpg", imageSrc: "http://img.b2bpic.net/free-photo/anthropomorphic-portrait-animal-dressed-human-clothes-doing-daily-activities_23-2151107105.jpg?_wi=2", imageAlt: "happy owner holding small dog"},
|
||||
{
|
||||
id: "4", name: "Charles D.", date: "December 2023", title: "Very Trustworthy", quote: "Kind, safe, and truly elegant care for my dog.", tag: "Returning Client", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-girl-her-doggie_23-2148316255.jpg", imageSrc: "http://img.b2bpic.net/free-photo/instruments-hairdresser-black-towel_23-2148181901.jpg?_wi=2", imageAlt: "happy owner holding small dog"},
|
||||
{
|
||||
id: "5", name: "Dorothy V.", date: "November 2023", title: "Exceptional Service", quote: "A truly classic salon feel that my pet loves.", tag: "Loyal Member", avatarSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-happy-woman-with-bushy-afro-hair-feels-pleased-play-with-pedigree-puppy-takes-care-white-spitz-wears-yellow-sweater-poses-indoor_273609-34260.jpg", imageSrc: "http://img.b2bpic.net/free-photo/animal-illustration-christmas_23-2151894685.jpg?_wi=2", imageAlt: "happy owner holding small dog"},
|
||||
{ id: "1", name: "Evelyn P.", date: "March 2024", title: "Boutique Experience", quote: "The most professional grooming my dog has ever received.", tag: "Satisfied Client", avatarSrc: "http://img.b2bpic.net/free-photo/dark-skinned-lady-keeps-lips-rounded-wants-kiss-adorable-pet-plays-with-small-puppy_273609-34277.jpg", imageSrc: "https://img.b2bpic.net/free-photo/groomed-dog-portrait_23-2149791420.jpg", imageAlt: "a beautiful groomed golden retriever" },
|
||||
{ id: "2", name: "Arthur G.", date: "February 2024", title: "Old-world charm", quote: "Fantastic attention to detail, highly recommended.", tag: "Regular Patron", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-girl-couch-with-tablet-dog_23-2148861616.jpg", imageSrc: "https://img.b2bpic.net/free-photo/groomed-terrier-dog_23-2149791425.jpg", imageAlt: "a stylishly groomed terrier" },
|
||||
]}
|
||||
title="Kind Words from Our Pack"
|
||||
description="Discover why discerning pet owners choose our boutique parlour."
|
||||
@@ -172,12 +138,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "What is included in grooming?", content: "Our signature bath, styling, brush, and health check."},
|
||||
{
|
||||
id: "q2", title: "How do I book an appointment?", content: "Simply visit our contact section for booking availability."},
|
||||
{
|
||||
id: "q3", title: "Is the loyalty program free?", content: "Yes, enrollment is automatic with your first session."},
|
||||
{ id: "q1", title: "What is included in grooming?", content: "Our signature bath, styling, brush, and health check." },
|
||||
{ id: "q2", title: "How do I book an appointment?", content: "Simply visit our contact section for booking availability." },
|
||||
{ id: "q3", title: "Is the loyalty program free?", content: "Yes, enrollment is automatic with your first session." },
|
||||
]}
|
||||
sideTitle="Common Inquiries"
|
||||
sideDescription="Everything you need to know about our boutique care."
|
||||
@@ -188,14 +151,12 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in touch"
|
||||
title="Book Your Parlour Appointment"
|
||||
description="Secure your spot at the shop where quality meets artisanal grooming. We look forward to meeting you and your furry friend."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Availability", href: "#"},
|
||||
{ text: "View Availability", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -203,22 +164,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
logoText="The Barkbershop"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user