bender/64da56c7-7887-443e-8a96-83c2494387f2
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-04-09 11:10:32 +00:00
Conversation 0 Commits 1 Files Changed 1 +59 -362
1 changed files with 59 additions and 362 deletions
Download Patch File Download Diff File Expand all files Collapse all files

421
src/app/page.tsx
View File

@@ -32,87 +32,32 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "services",
},
{
name: "Reviews",
id: "reviews",
},
{
name: "Gallery",
id: "gallery",
},
{
name: "About",
id: "about",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Services", id: "services" },
{ name: "Reviews", id: "reviews" },
{ name: "Gallery", id: "gallery" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
]}
brandName="Style Cutz Barbershop"
button={{
text: "Book Appointment",
href: "#booking",
}}
text: "Book Appointment", href: "#booking"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-static",
}}
background={{ variant: "rotated-rays-static" }}
title="Bayside’s trusted barbershop for clean cuts, sharp fades, and real consistency"
description="Professional service, attention to detail, fair prices, and a barbershop experience people keep coming back for."
buttons={[
{
text: "Book Appointment",
href: "#booking",
},
{
text: "View Reviews",
href: "#reviews",
},
]}
buttons={[{ text: "Book Appointment", href: "#booking" }, { text: "View Reviews", href: "#reviews" }]}
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg",
imageAlt: "Barbershop interior",
},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-dressed-fleece-shirt-talks-by-smart-phone-park-close-up_613910-3278.jpg?_wi=1",
imageAlt: "Style 1",
},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg?_wi=1",
imageAlt: "Style 2",
},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg?_wi=1",
imageAlt: "Style 3",
},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-kid-getting-haircut-salon_23-2149870380.jpg?_wi=1",
imageAlt: "Style 4",
},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/working-tools-barber-master_651396-126.jpg?_wi=1",
imageAlt: "Style 5",
},
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg", imageAlt: "Barbershop interior" },
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-dressed-fleece-shirt-talks-by-smart-phone-park-close-up_613910-3278.jpg", imageAlt: "Style 1" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg", imageAlt: "Style 2" },
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg", imageAlt: "Style 3" },
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/front-view-kid-getting-haircut-salon_23-2149870380.jpg", imageAlt: "Style 4" },
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/working-tools-barber-master_651396-126.jpg", imageAlt: "Style 5" },
]}
/>
</div>
@@ -123,42 +68,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "1",
value: "10+",
title: "Years Experience",
items: [
"Family owned",
"Community focused",
],
},
{
id: "2",
value: "99%",
title: "Sanitation Rate",
items: [
"Sanitized stations",
"Professional",
],
},
{
id: "3",
value: "Fair",
title: "Pricing",
items: [
"Transparent costs",
"Great value",
],
},
{
id: "4",
value: "Family",
title: "Friendly",
items: [
"Kid focused",
"Patient service",
],
},
{ id: "1", value: "10+", title: "Years Experience", items: ["Family owned", "Community focused"] },
{ id: "2", value: "99%", title: "Sanitation Rate", items: ["Sanitized stations", "Professional"] },
{ id: "3", value: "Fair", title: "Pricing", items: ["Transparent costs", "Great value"] },
{ id: "4", value: "Family", title: "Friendly", items: ["Kid focused", "Patient service"] },
]}
title="Why we are trusted"
description="Consistency you can count on."
@@ -172,26 +85,10 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
features={[
{
title: "Consistent cuts",
description: "Mike delivers great haircuts again and again, not just one lucky visit.",
imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-dressed-fleece-shirt-talks-by-smart-phone-park-close-up_613910-3278.jpg?_wi=2",
},
{
title: "Attention to detail",
description: "Precision fades, beard work, and careful service every time.",
imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg?_wi=2",
},
{
title: "Friendly experience",
description: "Respectful, welcoming, easy to talk to, and professional.",
imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg?_wi=2",
},
{
title: "Worth the drive",
description: "Clients travel far and have been coming for years.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-kid-getting-haircut-salon_23-2149870380.jpg?_wi=2",
},
{ title: "Consistent cuts", description: "Mike delivers great haircuts again and again, not just one lucky visit.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-dressed-fleece-shirt-talks-by-smart-phone-park-close-up_613910-3278.jpg" },
{ title: "Attention to detail", description: "Precision fades, beard work, and careful service every time.", imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg" },
{ title: "Friendly experience", description: "Respectful, welcoming, easy to talk to, and professional.", imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg" },
{ title: "Worth the drive", description: "Clients travel far and have been coming for years.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-kid-getting-haircut-salon_23-2149870380.jpg" },
]}
title="Why clients keep coming back"
description="Quality service that earns your loyalty every visit."
@@ -204,41 +101,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Client A",
handle: "Local",
testimonial: "Best barber shop in Bayside. Professional, clean, and great attention to detail.",
imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-dressed-fleece-shirt-talks-by-smart-phone-park-close-up_613910-3278.jpg?_wi=3",
},
{
id: "2",
name: "Client B",
handle: "Parent",
testimonial: "Great with my son and took his time. Very patient and professional.",
imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg?_wi=3",
},
{
id: "3",
name: "Client C",
handle: "Regular",
testimonial: "Fair prices and easy parking. I've been coming here for years.",
imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg?_wi=3",
},
{
id: "4",
name: "Client D",
handle: "Fan",
testimonial: "Never disappointed with my haircut. Always consistent.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-kid-getting-haircut-salon_23-2149870380.jpg?_wi=3",
},
{
id: "5",
name: "Client E",
handle: "Bayside",
testimonial: "Mike is respectful, welcoming, and easy to talk to.",
imageSrc: "http://img.b2bpic.net/free-photo/working-tools-barber-master_651396-126.jpg?_wi=2",
},
{ id: "1", name: "Client A", handle: "Local", testimonial: "Best barber shop in Bayside. Professional, clean, and great attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-dressed-fleece-shirt-talks-by-smart-phone-park-close-up_613910-3278.jpg" },
{ id: "2", name: "Client B", handle: "Parent", testimonial: "Great with my son and took his time. Very patient and professional.", imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg" },
{ id: "3", name: "Client C", handle: "Regular", testimonial: "Fair prices and easy parking. I've been coming here for years.", imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg" },
{ id: "4", name: "Client D", handle: "Fan", testimonial: "Never disappointed with my haircut. Always consistent.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-kid-getting-haircut-salon_23-2149870380.jpg" },
{ id: "5", name: "Client E", handle: "Bayside", testimonial: "Mike is respectful, welcoming, and easy to talk to.", imageSrc: "http://img.b2bpic.net/free-photo/working-tools-barber-master_651396-126.jpg" },
]}
title="Real words from real clients"
description="Don't just take our word for it."
@@ -251,95 +118,12 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "1",
price: "$30",
name: "Haircut",
features: [
"Precision cut",
"Style finish",
],
buttons: [
{
text: "Book Now",
href: "#booking",
},
],
},
{
id: "2",
price: "$35",
name: "Skin Fade",
features: [
"Zero fade",
"Detailed lineup",
],
buttons: [
{
text: "Book Now",
href: "#booking",
},
],
},
{
id: "3",
price: "$25",
name: "Beard Trim",
features: [
"Hot towel",
"Sharp lines",
],
buttons: [
{
text: "Book Now",
href: "#booking",
},
],
},
{
id: "4",
price: "$25",
name: "Kids Haircut",
features: [
"Patient service",
"Gentle",
],
buttons: [
{
text: "Book Now",
href: "#booking",
},
],
},
{
id: "5",
price: "$20",
name: "Shape Up",
features: [
"Lineup only",
],
buttons: [
{
text: "Book Now",
href: "#booking",
},
],
},
{
id: "6",
price: "$50",
name: "Haircut + Beard",
features: [
"Combo service",
"Full look",
],
buttons: [
{
text: "Book Now",
href: "#booking",
},
],
},
{ id: "1", price: "$30", name: "Haircut", features: ["Precision cut", "Style finish"], buttons: [{ text: "Book Now", href: "#booking" }] },
{ id: "2", price: "$35", name: "Skin Fade", features: ["Zero fade", "Detailed lineup"], buttons: [{ text: "Book Now", href: "#booking" }] },
{ id: "3", price: "$25", name: "Beard Trim", features: ["Hot towel", "Sharp lines"], buttons: [{ text: "Book Now", href: "#booking" }] },
{ id: "4", price: "$25", name: "Kids Haircut", features: ["Patient service", "Gentle"], buttons: [{ text: "Book Now", href: "#booking" }] },
{ id: "5", price: "$20", name: "Shape Up", features: ["Lineup only"], buttons: [{ text: "Book Now", href: "#booking" }] },
{ id: "6", price: "$50", name: "Haircut + Beard", features: ["Combo service", "Full look"], buttons: [{ text: "Book Now", href: "#booking" }] },
]}
title="Barber services"
description="Call or book ahead for availability."
@@ -350,13 +134,7 @@ export default function LandingPage() {
<TextAbout
useInvertedBackground={false}
title="Meet Mike"
description="Mike is a seasoned barber with over a decade of experience in providing quality grooming. Dedicated to Bayside, he prides himself on clean, consistent cuts and fostering a family-friendly atmosphere where every client feels like a regular."
buttons={[
{
text: "Book Now",
href: "#booking",
},
]}
buttons={[{ text: "Book Now", href: "#booking" }]}
/>
</div>
@@ -367,42 +145,12 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "g1",
name: "Fresh Fade",
price: "Modern Cut",
imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-dressed-fleece-shirt-talks-by-smart-phone-park-close-up_613910-3278.jpg?_wi=4",
},
{
id: "g2",
name: "Beard Detail",
price: "Grooming",
imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg?_wi=4",
},
{
id: "g3",
name: "Kids Cut",
price: "Style",
imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg?_wi=4",
},
{
id: "g4",
name: "Shop Interior",
price: "Venue",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-kid-getting-haircut-salon_23-2149870380.jpg?_wi=4",
},
{
id: "g5",
name: "Sharp Lineup",
price: "Precision",
imageSrc: "http://img.b2bpic.net/free-photo/working-tools-barber-master_651396-126.jpg?_wi=3",
},
{
id: "g6",
name: "Style Finish",
price: "Grooming",
imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-client-s-hair-barber-shop_23-2148353448.jpg",
},
{ id: "g1", name: "Fresh Fade", price: "Modern Cut", imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-dressed-fleece-shirt-talks-by-smart-phone-park-close-up_613910-3278.jpg" },
{ id: "g2", name: "Beard Detail", price: "Grooming", imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg" },
{ id: "g3", name: "Kids Cut", price: "Style", imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg" },
{ id: "g4", name: "Shop Interior", price: "Venue", imageSrc: "http://img.b2bpic.net/free-photo/front-view-kid-getting-haircut-salon_23-2149870380.jpg" },
{ id: "g5", name: "Sharp Lineup", price: "Precision", imageSrc: "http://img.b2bpic.net/free-photo/working-tools-barber-master_651396-126.jpg" },
{ id: "g6", name: "Style Finish", price: "Grooming", imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-client-s-hair-barber-shop_23-2148353448.jpg" },
]}
title="See the work"
description="Our latest cuts and shop atmosphere."
@@ -413,7 +161,6 @@ export default function LandingPage() {
<TextAbout
useInvertedBackground={false}
title="Comfortable experience for adults and kids"
description="We understand that getting a haircut can be stressful for kids. Our shop provides a patient, fun, and relaxing environment, ensuring kids are comfortable and parents are satisfied with the result."
/>
</div>
@@ -422,36 +169,12 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Do I need an appointment?",
content: "We recommend booking ahead to guarantee your spot.",
},
{
id: "2",
title: "Do you cut kids' hair?",
content: "Yes, we are highly experienced and patient with kids.",
},
{
id: "3",
title: "Do you do beard trims?",
content: "Yes, full beard grooming is available.",
},
{
id: "4",
title: "Is parking available?",
content: "Parking is available nearby.",
},
{
id: "5",
title: "What are your prices?",
content: "Please see our services list for up-to-date pricing.",
},
{
id: "6",
title: "What days are you open?",
content: "Please check our booking portal for availability.",
},
{ id: "1", title: "Do I need an appointment?", content: "We recommend booking ahead to guarantee your spot." },
{ id: "2", title: "Do you cut kids' hair?", content: "Yes, we are highly experienced and patient with kids." },
{ id: "3", title: "Do you do beard trims?", content: "Yes, full beard grooming is available." },
{ id: "4", title: "Is parking available?", content: "Parking is available nearby." },
{ id: "5", title: "What are your prices?", content: "Please see our services list for up-to-date pricing." },
{ id: "6", title: "What days are you open?", content: "Please check our booking portal for availability." },
]}
title="Frequently Asked Questions"
faqsAnimation="slide-up"
@@ -461,13 +184,11 @@ export default function LandingPage() {
<div id="booking" data-section="booking">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Booking"
title="Ready for your next cut?"
description="Book your appointment with Style Cutz today and get the clean, professional service clients keep recommending."
useInvertedBackground={false}
background={{ variant: "plain" }}
/>
</div>
@@ -475,46 +196,22 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Style Cutz Barbershop",
items: [
{
label: "Bayside, NY",
href: "#",
},
{
label: "(555) 123-4567",
href: "tel:5551234567",
},
title: "Style Cutz Barbershop", items: [
{ label: "Bayside, NY", href: "#" },
{ label: "(555) 123-4567", href: "tel:5551234567" },
],
},
{
title: "Services",
items: [
{
label: "Haircuts",
href: "#services",
},
{
label: "Beard Trims",
href: "#services",
},
{
label: "Kids Cuts",
href: "#services",
},
title: "Services", items: [
{ label: "Haircuts", href: "#services" },
{ label: "Beard Trims", href: "#services" },
{ label: "Kids Cuts", href: "#services" },
],
},
{
title: "Book",
items: [
{
label: "Book Now",
href: "#booking",
},
{
label: "Instagram",
href: "#",
},
title: "Book", items: [
{ label: "Book Now", href: "#booking" },
{ label: "Instagram", href: "#" },
],
},
]}