Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
148
src/app/page.tsx
148
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
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: "Barbers",
|
||||
id: "team",
|
||||
},
|
||||
name: "Barbers", id: "team"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="LUD The Barber Place"
|
||||
/>
|
||||
@@ -61,11 +51,9 @@ export default function LandingPage() {
|
||||
description="Where precision meets style. Your premier destination for professional grooming and classic haircuts in the heart of the city."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/crop-barber-shaving-hair-unrecognizable-man_23-2147778749.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/crop-barber-shaving-hair-unrecognizable-man_23-2147778749.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -74,7 +62,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Mastering the Art of Grooming"
|
||||
description="At LUD The Barber Place, we believe every haircut is a masterpiece. Our team combines traditional techniques with modern style trends to ensure you leave looking sharp, confident, and refreshed."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205858.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205858.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -85,49 +73,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Classic Haircuts",
|
||||
description: "Timeless styles tailored to your face shape and personal look.",
|
||||
icon: Scissors,
|
||||
title: "Classic Haircuts", description: "Timeless styles tailored to your face shape and personal look.", icon: Scissors,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-hairdresser-shaving-beard-young-customer-towel-with-blade_181624-54554.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-hairdresser-shaving-beard-young-customer-towel-with-blade_181624-54554.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-customer-barber-shop_23-2147736999.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-customer-barber-shop_23-2147736999.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-shaving-hair-unrecognizable-man_23-2147778749.jpg?_wi=2",
|
||||
imageAlt: "men haircut style side view",
|
||||
},
|
||||
{
|
||||
title: "Hot Towel Shave",
|
||||
description: "A relaxing, refreshing traditional shave experience you won't forget.",
|
||||
icon: Sparkles,
|
||||
title: "Hot Towel Shave", description: "A relaxing, refreshing traditional shave experience you won't forget.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205928.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205928.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-washed-salon_23-2150462452.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-washed-salon_23-2150462452.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205858.jpg?_wi=2",
|
||||
imageAlt: "men haircut style side view",
|
||||
},
|
||||
{
|
||||
title: "Beard Grooming",
|
||||
description: "Precise trimming and sculpting to keep your beard looking sharp.",
|
||||
icon: Shield,
|
||||
title: "Beard Grooming", description: "Precise trimming and sculpting to keep your beard looking sharp.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-hipster-hairdresser-working-with-beard-senior-client_23-2148181893.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-hipster-hairdresser-working-with-beard-senior-client_23-2148181893.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/master-applying-shaving-foam-client-face_1153-9444.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/master-applying-shaving-foam-client-face_1153-9444.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hipster-style-bearded-man-white-shirt-studio-black-background_158595-1828.jpg?_wi=1",
|
||||
imageAlt: "men haircut style side view",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
@@ -142,23 +112,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
team={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ludwig",
|
||||
role: "Head Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hipster-style-bearded-man-white-shirt-studio-black-background_158595-1828.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Ludwig", role: "Head Barber", imageSrc: "http://img.b2bpic.net/free-photo/hipster-style-bearded-man-white-shirt-studio-black-background_158595-1828.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus",
|
||||
role: "Senior Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-preparing-equipment-work-barber-shop_23-2148182010.jpg",
|
||||
},
|
||||
id: "2", name: "Marcus", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-preparing-equipment-work-barber-shop_23-2148182010.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "James",
|
||||
role: "Grooming Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-with-electric-trimmer_23-2147839779.jpg",
|
||||
},
|
||||
id: "3", name: "James", role: "Grooming Specialist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-with-electric-trimmer_23-2147839779.jpg"},
|
||||
]}
|
||||
title="Meet Our Master Barbers"
|
||||
description="Skilled hands and sharp minds ready to transform your look."
|
||||
@@ -171,60 +129,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
date: "2023-10-15",
|
||||
title: "Best experience ever",
|
||||
quote: "The most professional grooming experience I've had. Ludwig really knows his craft.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-shaving-hair-unrecognizable-man_23-2147778749.jpg?_wi=3",
|
||||
imageAlt: "happy client after haircut",
|
||||
},
|
||||
id: "1", name: "Alex R.", date: "2023-10-15", title: "Best experience ever", quote: "The most professional grooming experience I've had. Ludwig really knows his craft.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg", imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-shaving-hair-unrecognizable-man_23-2147778749.jpg", imageAlt: "happy client after haircut"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ben T.",
|
||||
date: "2023-11-02",
|
||||
title: "Sharp fade",
|
||||
quote: "Consistently great results. The atmosphere is top notch and the service is unbeatable.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-female-hairdresser-apron-holding-hair-brushes-smiling-cheerfully-with-happy-face-standing-light-wall_141793-55679.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205858.jpg?_wi=3",
|
||||
imageAlt: "happy client after haircut",
|
||||
},
|
||||
id: "2", name: "Ben T.", date: "2023-11-02", title: "Sharp fade", quote: "Consistently great results. The atmosphere is top notch and the service is unbeatable.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-female-hairdresser-apron-holding-hair-brushes-smiling-cheerfully-with-happy-face-standing-light-wall_141793-55679.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205858.jpg", imageAlt: "happy client after haircut"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Chris M.",
|
||||
date: "2023-11-10",
|
||||
title: "Great vibe",
|
||||
quote: "Clean, precise, and professional. LUD is the only shop I trust now.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94799.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-hairdresser-shaving-beard-young-customer-towel-with-blade_181624-54554.jpg?_wi=2",
|
||||
imageAlt: "happy client after haircut",
|
||||
},
|
||||
id: "3", name: "Chris M.", date: "2023-11-10", title: "Great vibe", quote: "Clean, precise, and professional. LUD is the only shop I trust now.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94799.jpg", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-hairdresser-shaving-beard-young-customer-towel-with-blade_181624-54554.jpg", imageAlt: "happy client after haircut"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
date: "2023-11-20",
|
||||
title: "Expert skill",
|
||||
quote: "Marcus gave me the best beard trim I've had in years. Highly recommend.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205928.jpg?_wi=2",
|
||||
imageAlt: "happy client after haircut",
|
||||
},
|
||||
id: "4", name: "David W.", date: "2023-11-20", title: "Expert skill", quote: "Marcus gave me the best beard trim I've had in years. Highly recommend.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205928.jpg", imageAlt: "happy client after haircut"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Evan G.",
|
||||
date: "2023-12-05",
|
||||
title: "My go-to place",
|
||||
quote: "Fast service, friendly people, and high-quality work. Can't beat it.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-hipster-hairdresser-working-with-beard-senior-client_23-2148181893.jpg?_wi=2",
|
||||
imageAlt: "happy client after haircut",
|
||||
},
|
||||
id: "5", name: "Evan G.", date: "2023-12-05", title: "My go-to place", quote: "Fast service, friendly people, and high-quality work. Can't beat it.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg", imageSrc: "http://img.b2bpic.net/free-photo/male-hipster-hairdresser-working-with-beard-senior-client_23-2148181893.jpg", imageAlt: "happy client after haircut"},
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="What our customers are saying about LUD The Barber Place."
|
||||
@@ -235,8 +148,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Booking"
|
||||
title="Book Your Spot"
|
||||
description="Ready for your next fresh look? Secure your time with our expert barbers today."
|
||||
@@ -247,13 +159,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="LUD The Barber Place"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user