bender/224d43e3-7c8a-4fce-afd8-56dee2565edd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-03-27 09:27:03 +00:00
Conversation 0 Commits 1 Files Changed 1 +46 -202
1 changed files with 46 additions and 202 deletions
Download Patch File Download Diff File Expand all files Collapse all files

248
src/app/page.tsx
View File

@@ -16,27 +16,22 @@ export default function LandingPage() {
defaultButtonVariant="text-stagger"
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">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "services",
},
{
name: "Gallery",
id: "gallery",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Services", id: "services" },
{ name: "Gallery", id: "gallery" },
{ name: "Contact", id: "contact" }
]}
brandName="Elite Barber Shop"
/>
@@ -44,46 +39,20 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Elite Barber Shop — Fresh Cuts & Clean Fades in City Center"
description="Walk-Ins Welcome • Book Online • Premium Grooming Experience. Your go-to spot for modern styles."
buttons={[
{
text: "Book Now",
href: "#contact",
},
{
text: "Call Now",
href: "tel:5550123456",
},
{ text: "Book Now", href: "#contact" },
{ text: "Call Now", href: "tel:5550123456" }
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665396.jpg",
imageAlt: "Barber cutting hair",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-leather-armchair_1156-3.jpg",
imageAlt: "Modern shop interior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects-with-copyspace_23-2148122052.jpg",
imageAlt: "Professional tools",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/barber-spraying-hair-man_23-2147778776.jpg",
imageAlt: "Customer smiling",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/happy-serene-young-woman-with-beautiful-olive-skin-curly-hair-ideal-skin-brown-eyes-studio_633478-985.jpg",
imageAlt: "Fresh fade close up",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-scissors-hair-salon_23-2150462460.jpg",
imageAlt: "Grooming kit",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665396.jpg", imageAlt: "barber cutting hair with scissors" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-leather-armchair_1156-3.jpg", imageAlt: "modern barber shop interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects-with-copyspace_23-2148122052.jpg", imageAlt: "barber tools and accessories" },
{ imageSrc: "http://img.b2bpic.net/free-photo/barber-spraying-hair-man_23-2147778776.jpg", imageAlt: "happy customer at barber shop" },
{ imageSrc: "http://img.b2bpic.net/free-photo/happy-serene-young-woman-with-beautiful-olive-skin-curly-hair-ideal-skin-brown-eyes-studio_633478-985.jpg", imageAlt: "close up fresh fade haircut" },
{ imageSrc: "http://img.b2bpic.net/free-photo/view-scissors-hair-salon_23-2150462460.jpg", imageAlt: "barber grooming kit accessories" }
]}
/>
</div>
@@ -94,50 +63,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Classic Cuts",
author: "Precision",
description: "Timeless styles meeting modern standards.",
tags: [
"Hair",
"Classic",
],
imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-barbershop_1157-21635.jpg",
},
{
id: "f2",
title: "Skin Fades",
author: "Expertise",
description: "Detailed fades with perfect blending techniques.",
tags: [
"Fade",
"Modern",
],
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-gold-body-painting_23-2150466357.jpg",
},
{
id: "f3",
title: "Beard Trim",
author: "Detail",
description: "Sharp lines and clean finishes for a sharp look.",
tags: [
"Beard",
"Grooming",
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-groomed-salon_23-2149220524.jpg",
},
{
id: "f4",
title: "Full Package",
author: "Premium",
description: "Complete haircut and beard grooming combination.",
tags: [
"Combo",
"Premium",
],
imageSrc: "http://img.b2bpic.net/free-photo/tanned-girl-with-elegant-manicure-pedicure-playing-with-funny-beagle-dog-which-resting-carpet_197531-4850.jpg",
},
{ id: "f1", title: "Classic Cuts", author: "Precision", description: "Timeless styles meeting modern standards.", tags: ["Hair", "Classic"], imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-barbershop_1157-21635.jpg" },
{ id: "f2", title: "Skin Fades", author: "Expertise", description: "Detailed fades with perfect blending techniques.", tags: ["Fade", "Modern"], imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-gold-body-painting_23-2150466357.jpg" },
{ id: "f3", title: "Beard Trim", author: "Detail", description: "Sharp lines and clean finishes for a sharp look.", tags: ["Beard", "Grooming"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-groomed-salon_23-2149220524.jpg" },
{ id: "f4", title: "Full Package", author: "Premium", description: "Complete haircut and beard grooming combination.", tags: ["Combo", "Premium"], imageSrc: "http://img.b2bpic.net/free-photo/tanned-girl-with-elegant-manicure-pedicure-playing-with-funny-beagle-dog-which-resting-carpet_197531-4850.jpg" }
]}
title="Our Services"
description="Professional grooming services tailored for every individual need."
@@ -151,42 +80,10 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Style",
name: "Modern Fade",
price: "Featured",
rating: 5,
reviewCount: "1",
imageSrc: "http://img.b2bpic.net/free-psd/barbershop-instagram-posts-collection_23-2149487551.jpg",
},
{
id: "p2",
brand: "Style",
name: "Sharp Beard",
price: "Featured",
rating: 5,
reviewCount: "1",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-beard-smiling_23-2148618892.jpg",
},
{
id: "p3",
brand: "Style",
name: "Classic Taper",
price: "Featured",
rating: 5,
reviewCount: "1",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-stylist-drying-wet-hair_23-2147769808.jpg",
},
{
id: "p4",
brand: "Style",
name: "Interior",
price: "Featured",
rating: 5,
reviewCount: "1",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-talking-phone_23-2149361903.jpg",
},
{ id: "p1", brand: "Style", name: "Modern Fade", price: "Featured", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-psd/barbershop-instagram-posts-collection_23-2149487551.jpg" },
{ id: "p2", brand: "Style", name: "Sharp Beard", price: "Featured", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-beard-smiling_23-2148618892.jpg" },
{ id: "p3", brand: "Style", name: "Classic Taper", price: "Featured", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-stylist-drying-wet-hair_23-2147769808.jpg" },
{ id: "p4", brand: "Style", name: "Interior", price: "Featured", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-talking-phone_23-2149361903.jpg" }
]}
title="Portfolio"
description="Browse our latest work from the shop floor."
@@ -199,52 +96,15 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "John D.",
role: "Local",
company: "Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-talking-phone_23-2149235740.jpg",
},
{
id: "t2",
name: "Mike S.",
role: "Local",
company: "Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-female-blazer-beauty-blonde_1139-773.jpg",
},
{
id: "t3",
name: "Alex R.",
role: "Local",
company: "Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg",
},
{
id: "t4",
name: "Sam B.",
role: "Local",
company: "Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-tablet-close-up_23-2148943517.jpg",
},
{ id: "t1", name: "John D.", role: "Local", company: "Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-talking-phone_23-2149235740.jpg" },
{ id: "t2", name: "Mike S.", role: "Local", company: "Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-female-blazer-beauty-blonde_1139-773.jpg" },
{ id: "t3", name: "Alex R.", role: "Local", company: "Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg" },
{ id: "t4", name: "Sam B.", role: "Local", company: "Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-tablet-close-up_23-2148943517.jpg" }
]}
kpiItems={[
{
value: "1000+",
label: "Satisfied Customers",
},
{
value: "5",
label: "Years Experience",
},
{
value: "4.9",
label: "Avg Rating",
},
{ value: "1000+", label: "Satisfied Customers" },
{ value: "5", label: "Years Experience" },
{ value: "4.9", label: "Avg Rating" }
]}
title="Happy Clients"
description="What our local community has to say about us."
@@ -254,9 +114,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Contact"
title="Ready for a Fresh Cut?"
description="Book your appointment now or call us to reserve a time."
@@ -267,31 +125,17 @@ export default function LandingPage() {
<FooterBaseReveal
columns={[
{
title: "Location",
items: [
{
label: "123 Main St, City",
href: "#",
},
{
label: "555-012-3456",
href: "tel:5550123456",
},
],
title: "Location", items: [
{ label: "123 Main St, City", href: "#" },
{ label: "555-012-3456", href: "tel:5550123456" }
]
},
{
title: "Company",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
title: "Company", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" }
]
}
]}
copyrightText="© 2024 Elite Barber Shop. All rights reserved."
/>
@@ -299,4 +143,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}