bender/7b62197d-4690-4cc5-a063-c15e399eb74f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-07 22:27:36 +00:00
Conversation 0 Commits 1 Files Changed 1 +50 -250
1 changed files with 50 additions and 250 deletions
Download Patch File Download Diff File Expand all files Collapse all files

300
src/app/page.tsx
View File

@@ -31,26 +31,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "features",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" },
]}
brandName="Louie's BarberChop"
/>
@@ -58,48 +43,17 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated",
}}
background={{ variant: "rotated-rays-animated" }}
title="Precision Cuts & Classic Style"
description="At Louie’s BarberChop, we believe a great haircut is the foundation of confidence. Experience superior grooming services tailored just for you."
buttons={[
{
text: "Book Now",
href: "#contact",
},
]}
buttons={[{ text: "Book Now", href: "#contact" }]}
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg?_wi=1",
imageAlt: "barbershop interior modern atmosphere",
},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326539.jpg?_wi=1",
imageAlt: "sharp haircut barber shop style",
},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-combing-moustache-client_23-2147778841.jpg?_wi=1",
imageAlt: "barber grooming man beard trim",
},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-20492.jpg",
imageAlt: "barber cutting hair detail shot",
},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/professional-hair-comb-with-copy-space_23-2148352919.jpg",
imageAlt: "barber shop interior modern classic",
},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-giving-haircut-customer_23-2148506232.jpg",
imageAlt: "man getting fresh haircut",
},
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg", imageAlt: "barbershop interior modern atmosphere" },
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326539.jpg", imageAlt: "sharp haircut barber shop style" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-combing-moustache-client_23-2147778841.jpg", imageAlt: "barber grooming man beard trim" },
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-20492.jpg", imageAlt: "barber cutting hair detail shot" },
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/professional-hair-comb-with-copy-space_23-2148352919.jpg", imageAlt: "barber shop interior modern classic" },
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-giving-haircut-customer_23-2148506232.jpg", imageAlt: "man getting fresh haircut" },
]}
/>
</div>
@@ -111,18 +65,9 @@ export default function LandingPage() {
title="Craftsmanship in Every Cut"
description="Louie’s BarberChop isn't just about haircuts; it's about the tradition of grooming. We bring together modern techniques and classic service to give you a look that defines excellence."
bulletPoints={[
{
title: "Expert Stylists",
description: "Trained professionals focused on precision.",
},
{
title: "Premium Products",
description: "Using the best products for your hair.",
},
{
title: "Relaxing Environment",
description: "Unwind while you get refreshed.",
},
{ title: "Expert Stylists", description: "Trained professionals focused on precision." },
{ title: "Premium Products", description: "Using the best products for your hair." },
{ title: "Relaxing Environment", description: "Unwind while you get refreshed." },
]}
imageSrc="http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186489.jpg"
mediaAnimation="slide-up"
@@ -137,46 +82,16 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Classic Fade",
description: "Precision fades with sharp edges.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/young-excited-blonde-male-barber-uniform-smeared-face-with-shaving-foam-holding-shaving-brush_141793-31568.jpg",
imageAlt: "barber shop booking app screen",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/selfie-after-bath_1098-12978.jpg",
imageAlt: "barber shop loyalty program interface",
},
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg?_wi=2",
imageAlt: "barber shop booking app screen",
title: "Classic Fade", description: "Precision fades with sharp edges.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/young-excited-blonde-male-barber-uniform-smeared-face-with-shaving-foam-holding-shaving-brush_141793-31568.jpg", imageAlt: "barber shop booking app screen" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/selfie-after-bath_1098-12978.jpg", imageAlt: "barber shop loyalty program interface" },
},
{
title: "Beard Sculpting",
description: "Detailed beard shaping and trimming.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/selfie-bathroom_1098-12983.jpg",
imageAlt: "barber shop booking app screen",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/friends-suffering-from-social-media-addiction_23-2149416011.jpg",
imageAlt: "barber shop loyalty program interface",
},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326539.jpg?_wi=2",
imageAlt: "barber shop booking app screen",
title: "Beard Sculpting", description: "Detailed beard shaping and trimming.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/selfie-bathroom_1098-12983.jpg", imageAlt: "barber shop booking app screen" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/friends-suffering-from-social-media-addiction_23-2149416011.jpg", imageAlt: "barber shop loyalty program interface" },
},
{
title: "Hot Towel Shave",
description: "A relaxing and rejuvenating experience.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-costumer-barber-shop-looking-phone_23-2148242842.jpg",
imageAlt: "barber shop booking app screen",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-client-barber-shop-looking-phone_23-2148242841.jpg",
imageAlt: "barber shop loyalty program interface",
},
imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-combing-moustache-client_23-2147778841.jpg?_wi=2",
imageAlt: "barber shop booking app screen",
title: "Hot Towel Shave", description: "A relaxing and rejuvenating experience.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/low-angle-costumer-barber-shop-looking-phone_23-2148242842.jpg", imageAlt: "barber shop booking app screen" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/low-angle-client-barber-shop-looking-phone_23-2148242841.jpg", imageAlt: "barber shop loyalty program interface" },
},
]}
showStepNumbers={true}
@@ -192,55 +107,16 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Standard",
price: "$25",
subtitle: "Classic haircut experience.",
buttons: [
{
text: "Book Now",
href: "#contact",
},
],
features: [
"Haircut",
"Neck trim",
"Consultation",
],
id: "basic", badge: "Standard", price: "$25", subtitle: "Classic haircut experience.", buttons: [{ text: "Book Now", href: "#contact" }],
features: ["Haircut", "Neck trim", "Consultation"],
},
{
id: "pro",
badge: "Popular",
price: "$45",
subtitle: "The ultimate barber service.",
buttons: [
{
text: "Book Now",
href: "#contact",
},
],
features: [
"Haircut & Beard",
"Hot Towel",
"Scalp Massage",
],
id: "pro", badge: "Popular", price: "$45", subtitle: "The ultimate barber service.", buttons: [{ text: "Book Now", href: "#contact" }],
features: ["Haircut & Beard", "Hot Towel", "Scalp Massage"],
},
{
id: "premium",
badge: "Expert",
price: "$65",
subtitle: "Full grooming package.",
buttons: [
{
text: "Book Now",
href: "#contact",
},
],
features: [
"Deluxe Haircut",
"Face Shave",
"Premium Products",
],
id: "premium", badge: "Expert", price: "$65", subtitle: "Full grooming package.", buttons: [{ text: "Book Now", href: "#contact" }],
features: ["Deluxe Haircut", "Face Shave", "Premium Products"],
},
]}
title="Simple Pricing"
@@ -255,21 +131,9 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={true}
metrics={[
{
id: "1",
value: "15+",
description: "Years of experience",
},
{
id: "2",
value: "10k+",
description: "Happy clients served",
},
{
id: "3",
value: "4.9",
description: "Rating out of 5 stars",
},
{ id: "1", value: "15+", description: "Years of experience" },
{ id: "2", value: "10k+", description: "Happy clients served" },
{ id: "3", value: "4.9", description: "Rating out of 5 stars" },
]}
title="By The Numbers"
description="Our shop has built a solid reputation in the community."
@@ -283,45 +147,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Mark R.",
role: "Client",
testimonial: "Best fade I have ever received. Louie is a true artist.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg",
imageAlt: "happy customer fresh haircut portrait",
},
id: "1", name: "Mark R.", role: "Client", testimonial: "Best fade I have ever received. Louie is a true artist.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg", imageAlt: "happy customer fresh haircut portrait"},
{
id: "2",
name: "James L.",
role: "Client",
testimonial: "Professional, clean, and exactly what I needed.",
imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg",
imageAlt: "customer smiling beard trim",
},
id: "2", name: "James L.", role: "Client", testimonial: "Professional, clean, and exactly what I needed.", imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg", imageAlt: "customer smiling beard trim"},
{
id: "3",
name: "David S.",
role: "Client",
testimonial: "Louie's BarberChop is the only place I trust with my beard.",
imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286016.jpg",
imageAlt: "young man haircut professional results",
},
id: "3", name: "David S.", role: "Client", testimonial: "Louie's BarberChop is the only place I trust with my beard.", imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286016.jpg", imageAlt: "young man haircut professional results"},
{
id: "4",
name: "Kevin M.",
role: "Client",
testimonial: "Great atmosphere and consistently amazing cuts.",
imageSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-working-client-tattoo_23-2149479238.jpg",
imageAlt: "man looking at mirror fresh cut",
},
id: "4", name: "Kevin M.", role: "Client", testimonial: "Great atmosphere and consistently amazing cuts.", imageSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-working-client-tattoo_23-2149479238.jpg", imageAlt: "man looking at mirror fresh cut"},
{
id: "5",
name: "Ryan P.",
role: "Client",
testimonial: "Highly recommended for anyone looking for a fresh look.",
imageSrc: "http://img.b2bpic.net/free-photo/young-joyful-blonde-male-barber-uniform-holds-hair-clipper-raises-fist-up-isolated-olive-green-space-with-copy-space_141793-60317.jpg",
imageAlt: "customer beard grooming fresh look",
},
id: "5", name: "Ryan P.", role: "Client", testimonial: "Highly recommended for anyone looking for a fresh look.", imageSrc: "http://img.b2bpic.net/free-photo/young-joyful-blonde-male-barber-uniform-holds-hair-clipper-raises-fist-up-isolated-olive-green-space-with-copy-space_141793-60317.jpg", imageAlt: "customer beard grooming fresh look"},
]}
title="What Clients Say"
description="Join our satisfied community of regular clients."
@@ -333,12 +167,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Hair Masters",
"Beard Pro",
"Classic Grooming",
"The Barber Guild",
"Elite Scissors",
]}
"Hair Masters", "Beard Pro", "Classic Grooming", "The Barber Guild", "Elite Scissors"]}
title="Trusted Partners"
description="We use premium products and partner with the best in the grooming industry."
/>
@@ -347,9 +176,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Contact Us"
title="Book Your Appointment"
description="Ready for your next fresh look? Drop us a line or call to book your slot."
@@ -364,50 +191,23 @@ export default function LandingPage() {
logoText="Louie's BarberChop"
columns={[
{
title: "Services",
items: [
{
label: "Haircuts",
href: "#",
},
{
label: "Shaves",
href: "#",
},
{
label: "Trims",
href: "#",
},
title: "Services", items: [
{ label: "Haircuts", href: "#" },
{ label: "Shaves", href: "#" },
{ label: "Trims", href: "#" },
],
},
{
title: "Shop",
items: [
{
label: "About Us",
href: "#",
},
{
label: "Careers",
href: "#",
},
{
label: "Support",
href: "#",
},
title: "Shop", items: [
{ label: "About Us", href: "#" },
{ label: "Careers", href: "#" },
{ label: "Support", href: "#" },
],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
title: "Legal", items: [
{ label: "Privacy", href: "#" },
{ label: "Terms", href: "#" },
],
},
]}
@@ -417,4 +217,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}