Merge version_1 into main #2
266
src/app/page.tsx
266
src/app/page.tsx
@@ -18,31 +18,24 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="The Grooming Lounge"
|
||||
/>
|
||||
@@ -50,60 +43,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Precision Cuts for the Modern Gentleman"
|
||||
description="Experience superior grooming in a refined atmosphere. Our expert barbers are dedicated to precision, style, and total comfort."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-young-handsome-barber-wearing-uniform-holding-hair-clippers-clenching-fist-isolated-purple_141793-84227.jpg",
|
||||
alt: "Barber 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205931.jpg",
|
||||
alt: "Barber 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-tattooed-arm-wearing-white-shirt_613910-1888.jpg",
|
||||
alt: "Barber 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-looking-front-with-clenched-fists-happy-excited-standing-pink-wall_141793-52902.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-happy-boyfriend-tilt-head-looking-pleased-camera-satisfied-shopping-with-girlfriend-mall-checkingout-outfit-agree-with-good-choice-standing-delighted-white-background_176420-52443.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/joyful-young-handsome-barber-wearing-uniform-holding-hair-clippers-clenching-fist-isolated-purple_141793-84227.jpg", alt: "Barber 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205931.jpg", alt: "Barber 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-tattooed-arm-wearing-white-shirt_613910-1888.jpg", alt: "Barber 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-looking-front-with-clenched-fists-happy-excited-standing-pink-wall_141793-52902.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-happy-boyfriend-tilt-head-looking-pleased-camera-satisfied-shopping-with-girlfriend-mall-checkingout-outfit-agree-with-good-choice-standing-delighted-white-background_176420-52443.jpg", alt: "Customer" },
|
||||
]}
|
||||
buttons={[{ text: "Book Appointment", href: "#contact" }]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Cuts",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hot Towel Shave",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Beard Grooming",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Scalp Massage",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Styling",
|
||||
},
|
||||
{ type: "text", text: "Precision Cuts" },
|
||||
{ type: "text", text: "Hot Towel Shave" },
|
||||
{ type: "text", text: "Beard Grooming" },
|
||||
{ type: "text", text: "Scalp Massage" },
|
||||
{ type: "text", text: "Expert Styling" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -114,24 +70,12 @@ export default function LandingPage() {
|
||||
title="A Legacy of Grooming"
|
||||
description="We blend traditional barber techniques with modern grooming standards to provide an unparalleled experience for every client."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "5k+",
|
||||
title: "Satisfied Clients",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Satisfaction",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Booking",
|
||||
},
|
||||
{ value: "15+", title: "Years Experience" },
|
||||
{ value: "5k+", title: "Satisfied Clients" },
|
||||
{ value: "100%", title: "Satisfaction" },
|
||||
{ value: "24/7", title: "Booking" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94772.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94772.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -144,55 +88,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Haircut",
|
||||
description: "Tailored cuts to complement your style and features.",
|
||||
icon: Scissors,
|
||||
title: "Precision Haircut", description: "Tailored cuts to complement your style and features.", icon: Scissors,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205891.jpg?_wi=1",
|
||||
imageAlt: "Precision Haircut",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205891.jpg?_wi=2",
|
||||
imageAlt: "Detailing",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetics-products-guinea-wooden-desk_23-2147891420.jpg",
|
||||
imageAlt: "barber shop interior clean",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205891.jpg", imageAlt: "Precision Haircut" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205891.jpg", imageAlt: "Detailing" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Beard Grooming",
|
||||
description: "Sculpting and shaping your beard to perfection.",
|
||||
icon: Scissors,
|
||||
title: "Beard Grooming", description: "Sculpting and shaping your beard to perfection.", icon: Scissors,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop-salon-doing-haircut-beard-trim_1303-20946.jpg?_wi=1",
|
||||
imageAlt: "Beard Grooming",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop-salon-doing-haircut-beard-trim_1303-20946.jpg?_wi=2",
|
||||
imageAlt: "Detailing",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94772.jpg?_wi=2",
|
||||
imageAlt: "barber cutting hair professional",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop-salon-doing-haircut-beard-trim_1303-20946.jpg", imageAlt: "Beard Grooming" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop-salon-doing-haircut-beard-trim_1303-20946.jpg", imageAlt: "Detailing" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Hot Towel Shave",
|
||||
description: "Classic straight razor shave for a smooth finish.",
|
||||
icon: Sparkles,
|
||||
title: "Hot Towel Shave", description: "Classic straight razor shave for a smooth finish.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-lies-beautician-s-table-receives-procedures-light-facial-massage_343596-4220.jpg?_wi=1",
|
||||
imageAlt: "Hot Towel Shave",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-lies-beautician-s-table-receives-procedures-light-facial-massage_343596-4220.jpg?_wi=2",
|
||||
imageAlt: "Detailing",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205891.jpg?_wi=3",
|
||||
imageAlt: "men haircut service scissors",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-lies-beautician-s-table-receives-procedures-light-facial-massage_343596-4220.jpg", imageAlt: "Hot Towel Shave" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-lies-beautician-s-table-receives-procedures-light-facial-massage_343596-4220.jpg", imageAlt: "Detailing" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
@@ -206,24 +120,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivers",
|
||||
role: "Master Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-barber-wearing-uniform-holding-hair-clippers-clenching-fist-isolated-purple_141793-84227.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jordan Smith",
|
||||
role: "Senior Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205931.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Taylor West",
|
||||
role: "Barber Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-tattooed-arm-wearing-white-shirt_613910-1888.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alex Rivers", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-barber-wearing-uniform-holding-hair-clippers-clenching-fist-isolated-purple_141793-84227.jpg" },
|
||||
{ id: "2", name: "Jordan Smith", role: "Senior Barber", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205931.jpg" },
|
||||
{ id: "3", name: "Taylor West", role: "Barber Stylist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-tattooed-arm-wearing-white-shirt_613910-1888.jpg" },
|
||||
]}
|
||||
title="Meet Your Barbers"
|
||||
description="Our team of professionals brings passion and expertise to every chair."
|
||||
@@ -236,41 +135,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John D.",
|
||||
handle: "@johnnyd",
|
||||
testimonial: "Best fade I've ever had. Highly recommend!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-looking-front-with-clenched-fists-happy-excited-standing-pink-wall_141793-52902.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike R.",
|
||||
handle: "@miker",
|
||||
testimonial: "Always professional, always on time. Perfect cut every single time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-happy-boyfriend-tilt-head-looking-pleased-camera-satisfied-shopping-with-girlfriend-mall-checkingout-outfit-agree-with-good-choice-standing-delighted-white-background_176420-52443.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Steve M.",
|
||||
handle: "@stevem",
|
||||
testimonial: "Great atmosphere and talented team. My go-to spot.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-sitting_23-2149481036.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Kevin T.",
|
||||
handle: "@kevint",
|
||||
testimonial: "Exceptional beard trim and service. Never going anywhere else.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Brian K.",
|
||||
handle: "@briank",
|
||||
testimonial: "Top quality service and great conversations. Worth every penny.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2149438508.jpg",
|
||||
},
|
||||
{ id: "1", name: "John D.", handle: "@johnnyd", testimonial: "Best fade I've ever had. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-looking-front-with-clenched-fists-happy-excited-standing-pink-wall_141793-52902.jpg" },
|
||||
{ id: "2", name: "Mike R.", handle: "@miker", testimonial: "Always professional, always on time. Perfect cut every single time.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-happy-boyfriend-tilt-head-looking-pleased-camera-satisfied-shopping-with-girlfriend-mall-checkingout-outfit-agree-with-good-choice-standing-delighted-white-background_176420-52443.jpg" },
|
||||
{ id: "3", name: "Steve M.", handle: "@stevem", testimonial: "Great atmosphere and talented team. My go-to spot.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-sitting_23-2149481036.jpg" },
|
||||
{ id: "4", name: "Kevin T.", handle: "@kevint", testimonial: "Exceptional beard trim and service. Never going anywhere else.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg" },
|
||||
{ id: "5", name: "Brian K.", handle: "@briank", testimonial: "Top quality service and great conversations. Worth every penny.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2149438508.jpg" },
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="Hear what our regulars have to say about their experience."
|
||||
@@ -280,16 +149,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready for your next visit? Book your session with us today and secure your spot."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "https://booking.example.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Now", href: "https://booking.example.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -297,30 +159,10 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
title: "Info", items: [{ label: "About Us", href: "#" }, { label: "Services", href: "#services" }],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 The Grooming Lounge. All rights reserved."
|
||||
|
||||
Reference in New Issue
Block a user