Merge version_1 into main #2
175
src/app/page.tsx
175
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="MR BARBER"
|
||||
/>
|
||||
@@ -55,75 +47,38 @@ export default function LandingPage() {
|
||||
description="Experience the ultimate grooming journey at MR BARBER, where tradition meets modern style."
|
||||
testimonials={[
|
||||
{
|
||||
name: "James R.",
|
||||
handle: "@jamesr",
|
||||
testimonial: "The best fade in the city. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg?_wi=1",
|
||||
imageAlt: "barbershop interior luxury style",
|
||||
},
|
||||
name: "James R.", handle: "@jamesr", testimonial: "The best fade in the city. Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg", imageAlt: "barbershop interior luxury style"},
|
||||
{
|
||||
name: "Alex K.",
|
||||
handle: "@alexk",
|
||||
testimonial: "Exceptional attention to detail and professional staff.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167464.jpg?_wi=1",
|
||||
imageAlt: "barber cutting hair detailed work",
|
||||
},
|
||||
name: "Alex K.", handle: "@alexk", testimonial: "Exceptional attention to detail and professional staff.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167464.jpg", imageAlt: "barber cutting hair detailed work"},
|
||||
{
|
||||
name: "David L.",
|
||||
handle: "@davidl",
|
||||
testimonial: "A classic barbershop experience refined for today.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg?_wi=1",
|
||||
imageAlt: "classic haircut professional barber",
|
||||
},
|
||||
name: "David L.", handle: "@davidl", testimonial: "A classic barbershop experience refined for today.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg", imageAlt: "classic haircut professional barber"},
|
||||
{
|
||||
name: "Michael S.",
|
||||
handle: "@michaels",
|
||||
testimonial: "Friendly atmosphere and top-tier cuts every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985723.jpg?_wi=1",
|
||||
imageAlt: "beard trim professional service",
|
||||
},
|
||||
name: "Michael S.", handle: "@michaels", testimonial: "Friendly atmosphere and top-tier cuts every time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985723.jpg", imageAlt: "beard trim professional service"},
|
||||
{
|
||||
name: "Robert B.",
|
||||
handle: "@robertb",
|
||||
testimonial: "Consistent, precise, and professional. The only place I go.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-shaving-neck-customer_23-2147778915.jpg?_wi=1",
|
||||
imageAlt: "hot towel shave service",
|
||||
},
|
||||
name: "Robert B.", handle: "@robertb", testimonial: "Consistent, precise, and professional. The only place I go.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-shaving-neck-customer_23-2147778915.jpg", imageAlt: "hot towel shave service"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167464.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167464.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985723.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985723.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/crop-hands-shaving-neck-customer_23-2147778915.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/crop-hands-shaving-neck-customer_23-2147778915.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Join 5,000+ satisfied gentlemen"
|
||||
/>
|
||||
@@ -135,9 +90,7 @@ export default function LandingPage() {
|
||||
title="Mastering the Art of Grooming"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Our Story", href: "#about"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -148,26 +101,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Essential",
|
||||
title: "Precision Haircut",
|
||||
subtitle: "Classic Cuts",
|
||||
description: "Customized haircuts tailored to your facial structure and personal style.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg?_wi=2",
|
||||
},
|
||||
tag: "Essential", title: "Precision Haircut", subtitle: "Classic Cuts", description: "Customized haircuts tailored to your facial structure and personal style.", imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg"},
|
||||
{
|
||||
tag: "Detail",
|
||||
title: "Beard Grooming",
|
||||
subtitle: "Shape & Define",
|
||||
description: "Expert beard trimming, shaping, and conditioning for a polished look.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985723.jpg?_wi=2",
|
||||
},
|
||||
tag: "Detail", title: "Beard Grooming", subtitle: "Shape & Define", description: "Expert beard trimming, shaping, and conditioning for a polished look.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985723.jpg"},
|
||||
{
|
||||
tag: "Classic",
|
||||
title: "Hot Towel Shave",
|
||||
subtitle: "Tradition",
|
||||
description: "A relaxing, traditional straight razor shave with premium essential oils.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-shaving-neck-customer_23-2147778915.jpg?_wi=2",
|
||||
},
|
||||
tag: "Classic", title: "Hot Towel Shave", subtitle: "Tradition", description: "A relaxing, traditional straight razor shave with premium essential oils.", imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-shaving-neck-customer_23-2147778915.jpg"},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="Tailored grooming solutions designed for the modern gentleman."
|
||||
@@ -176,44 +114,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Samuel W.",
|
||||
role: "Entrepreneur",
|
||||
testimonial: "MR BARBER is simply the best. Always on point.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg?_wi=3",
|
||||
},
|
||||
id: "t1", name: "Samuel W.", role: "Entrepreneur", testimonial: "MR BARBER is simply the best. Always on point.", imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus J.",
|
||||
role: "Creative Director",
|
||||
testimonial: "Clean cuts and great vibes. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985723.jpg?_wi=3",
|
||||
},
|
||||
id: "t2", name: "Marcus J.", role: "Creative Director", testimonial: "Clean cuts and great vibes. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985723.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Kevin M.",
|
||||
role: "Architect",
|
||||
testimonial: "Precision is their trademark. I won't go anywhere else.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-shaving-neck-customer_23-2147778915.jpg?_wi=3",
|
||||
},
|
||||
id: "t3", name: "Kevin M.", role: "Architect", testimonial: "Precision is their trademark. I won't go anywhere else.", imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-shaving-neck-customer_23-2147778915.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Chris B.",
|
||||
role: "Consultant",
|
||||
testimonial: "Excellent service and skilled barbers. Truly premium.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg?_wi=3",
|
||||
},
|
||||
id: "t4", name: "Chris B.", role: "Consultant", testimonial: "Excellent service and skilled barbers. Truly premium.", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Ryan D.",
|
||||
role: "Manager",
|
||||
testimonial: "Professional, consistent, and always a great experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167464.jpg?_wi=2",
|
||||
},
|
||||
id: "t5", name: "Ryan D.", role: "Manager", testimonial: "Professional, consistent, and always a great experience.", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167464.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear from the men who trust us with their style."
|
||||
@@ -227,28 +141,17 @@ export default function LandingPage() {
|
||||
description="Ready for your next cut? Book your appointment today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Preferred service or time",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Preferred service or time", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-sphynx-cat-luxurious-living-room_23-2152016902.jpg"
|
||||
@@ -259,13 +162,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="MR BARBER"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user