bender/06c65a13-2dcf-4a95-91ec-9020a63226c2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-05-28 04:01:19 +00:00
parent 6842b197ba 2f63430039
commit 38956cfce2
1 changed files with 66 additions and 256 deletions
Download Patch File Download Diff File Expand all files Collapse all files

322
src/app/page.tsx
View File

@@ -33,34 +33,20 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Team",
id: "#team",
},
name: "Team", id: "#team"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
]}
button={{
text: "Book Now",
href: "#contact",
}}
text: "Book Now", href: "#contact"}}
logoSrc="http://img.b2bpic.net/free-vector/barber-shop-emblems_98292-705.jpg"
logoAlt="Habibi Cuts Barbershop Logo"
brandName="Habibi Cuts"
@@ -70,45 +56,28 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboardGallery
background={{
variant: "plain",
}}
variant: "plain"}}
title="Experience the Art of Grooming"
description="Habibi Cuts Barbershop: Your destination for precision haircuts, expert beard trims, and vibrant hair coloring. Step in for a fresh look, a friendly chat, and an unbeatable experience."
buttons={[
{
text: "Book an Appointment",
href: "#contact",
},
text: "Book an Appointment", href: "#contact"},
{
text: "Our Services",
href: "#services",
},
text: "Our Services", href: "#services"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/view-child-hair-salon_23-2150462476.jpg",
imageAlt: "Barber giving a precision haircut",
},
imageSrc: "http://img.b2bpic.net/free-photo/view-child-hair-salon_23-2150462476.jpg", imageAlt: "Barber giving a precision haircut"},
{
imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-shaving-neck-customer_23-2147778915.jpg",
imageAlt: "Barber expertly trimming a beard with a straight razor",
},
imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-shaving-neck-customer_23-2147778915.jpg", imageAlt: "Barber expertly trimming a beard with a straight razor"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313018.jpg",
imageAlt: "Modern and clean barbershop interior with comfortable seating",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313018.jpg", imageAlt: "Modern and clean barbershop interior with comfortable seating"},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-getting-haircut_23-2150665412.jpg",
imageAlt: "Client smiling after receiving a fresh haircut",
},
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-getting-haircut_23-2150665412.jpg", imageAlt: "Client smiling after receiving a fresh haircut"},
{
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462467.jpg",
imageAlt: "Professional applying hair color to a client",
},
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462467.jpg", imageAlt: "Professional applying hair color to a client"},
{
imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286008.jpg",
imageAlt: "Exterior view of Habibi Cuts Barbershop",
},
imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286008.jpg", imageAlt: "Exterior view of Habibi Cuts Barbershop"},
]}
mediaAnimation="slide-up"
/>
@@ -121,9 +90,7 @@ export default function LandingPage() {
description="At Habibi Cuts, we pride ourselves on providing exceptional service in a welcoming atmosphere. With over 150 five-star reviews, our skilled barbers deliver quick, precise, and affordable cuts for all ages. We accept walk-ins and are good for kids!"
buttons={[
{
text: "Meet Our Team",
href: "#team",
},
text: "Meet Our Team", href: "#team"},
]}
imageSrc="http://img.b2bpic.net/free-photo/professional-hairdresser-sitting-barber-chair-waiting-customer_613910-3902.jpg"
imageAlt="Clean and modern barbershop interior"
@@ -137,40 +104,15 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "service-1",
title: "Precision Haircuts",
subtitle: "Sharp fades, classic styles, and modern trends.",
category: "Hair",
value: "Starting at $25",
},
id: "service-1", title: "Precision Haircuts", subtitle: "Sharp fades, classic styles, and modern trends.", category: "Hair", value: "Starting at $25"},
{
id: "service-2",
title: "Expert Beard Trims",
subtitle: "Shape-ups, straight razor finishes, and beard conditioning.",
category: "Beard",
value: "Starting at $15",
},
id: "service-2", title: "Expert Beard Trims", subtitle: "Shape-ups, straight razor finishes, and beard conditioning.", category: "Beard", value: "Starting at $15"},
{
id: "service-3",
title: "Professional Hair Coloring",
subtitle: "Natural blends, bold changes, and grey coverage.",
category: "Color",
value: "Starting at $50",
},
id: "service-3", title: "Professional Hair Coloring", subtitle: "Natural blends, bold changes, and grey coverage.", category: "Color", value: "Starting at $50"},
{
id: "service-4",
title: "Kid's Haircuts",
subtitle: "Friendly service for our younger clients.",
category: "Kids",
value: "Starting at $20",
},
id: "service-4", title: "Kid's Haircuts", subtitle: "Friendly service for our younger clients.", category: "Kids", value: "Starting at $20"},
{
id: "service-5",
title: "Hot Towel Shave",
subtitle: "Relaxing and smooth traditional shave.",
category: "Shave",
value: "Starting at $30",
},
id: "service-5", title: "Hot Towel Shave", subtitle: "Relaxing and smooth traditional shave.", category: "Shave", value: "Starting at $30"},
]}
title="Our Signature Services"
description="From classic cuts to modern styles, we offer a full range of grooming services tailored to your needs."
@@ -184,61 +126,31 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "plan-1",
badge: "Standard",
badgeIcon: Scissors,
price: "$25",
subtitle: "Haircut Only",
buttons: [
id: "plan-1", badge: "Standard", badgeIcon: Scissors,
price: "$25", subtitle: "Haircut Only", buttons: [
{
text: "Book Haircut",
href: "#contact",
},
text: "Book Haircut", href: "#contact"},
],
features: [
"Precision Haircut",
"Neck Shave",
"Styling Product Application",
],
"Precision Haircut", "Neck Shave", "Styling Product Application"],
},
{
id: "plan-2",
badge: "Most Popular",
badgeIcon: Star,
price: "$35",
subtitle: "Haircut & Beard Trim",
buttons: [
id: "plan-2", badge: "Most Popular", badgeIcon: Star,
price: "$35", subtitle: "Haircut & Beard Trim", buttons: [
{
text: "Book Combo",
href: "#contact",
},
text: "Book Combo", href: "#contact"},
],
features: [
"Precision Haircut",
"Expert Beard Trim",
"Hot Towel Finish",
"Styling & Beard Oil",
],
"Precision Haircut", "Expert Beard Trim", "Hot Towel Finish", "Styling & Beard Oil"],
},
{
id: "plan-3",
badge: "Ultimate Grooming",
badgeIcon: Sparkles,
price: "$75",
subtitle: "Full Service Package",
buttons: [
id: "plan-3", badge: "Ultimate Grooming", badgeIcon: Sparkles,
price: "$75", subtitle: "Full Service Package", buttons: [
{
text: "Book Full Service",
href: "#contact",
},
text: "Book Full Service", href: "#contact"},
],
features: [
"Precision Haircut",
"Expert Beard Trim",
"Hair Coloring (Basic)",
"Hot Towel Shave",
"Premium Styling Products",
],
"Precision Haircut", "Expert Beard Trim", "Hair Coloring (Basic)", "Hot Towel Shave", "Premium Styling Products"],
},
]}
title="Simple Pricing, Premium Service"
@@ -253,46 +165,16 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "review-1",
name: "Alex P.",
handle: "@alex_cuts",
testimonial: "Amazing service every time! The barbers are super friendly and always make sure I leave looking my best. Highly recommend for a great cut and a good laugh.",
imageSrc: "http://img.b2bpic.net/free-photo/girl-combing-hair-smiling-woman_23-2147807916.jpg",
imageAlt: "Satisfied customer Alex P.",
icon: Star,
id: "review-1", name: "Alex P.", handle: "@alex_cuts", testimonial: "Amazing service every time! The barbers are super friendly and always make sure I leave looking my best. Highly recommend for a great cut and a good laugh.", imageSrc: "http://img.b2bpic.net/free-photo/girl-combing-hair-smiling-woman_23-2147807916.jpg", imageAlt: "Satisfied customer Alex P.", icon: Star,
},
{
id: "review-2",
name: "Omar K.",
handle: "@omar_style",
testimonial: "Good and quick cuts, plus the prices are unbeatable. Habibi Cuts is my go-to spot in Chicago. They really pay attention to detail on beard trims!",
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg",
imageAlt: "Satisfied customer Omar K.",
},
id: "review-2", name: "Omar K.", handle: "@omar_style", testimonial: "Good and quick cuts, plus the prices are unbeatable. Habibi Cuts is my go-to spot in Chicago. They really pay attention to detail on beard trims!", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg", imageAlt: "Satisfied customer Omar K."},
{
id: "review-3",
name: "Sarah J.",
handle: "@sarah_looks",
testimonial: "I came in for hair coloring and was blown away by the results! The team is so professional and talented. Fast and amazing customer service.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-hipster-pretty-woman-surprised-exited-emotions-hearted-glasses-cozy-sweater-unusual-ombre-fuchsia-hairs-yellow-wall_291049-392.jpg",
imageAlt: "Satisfied customer Sarah J.",
},
id: "review-3", name: "Sarah J.", handle: "@sarah_looks", testimonial: "I came in for hair coloring and was blown away by the results! The team is so professional and talented. Fast and amazing customer service.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-hipster-pretty-woman-surprised-exited-emotions-hearted-glasses-cozy-sweater-unusual-ombre-fuchsia-hairs-yellow-wall_291049-392.jpg", imageAlt: "Satisfied customer Sarah J."},
{
id: "review-4",
name: "Daniel M.",
handle: "@daniel_grooms",
testimonial: "Brought my son here for his first haircut and they were fantastic with him. Patient, friendly, and gave him a super sharp look. Definitely good for kids!",
imageSrc: "http://img.b2bpic.net/free-photo/isolated-image-emotional-cheerful-blue-eyed-caucasian-boy-with-fair-hair-having-playful-facial-expression-children-spontaneity-happy-childhood-positive-emotions_343059-4426.jpg",
imageAlt: "Satisfied customer Daniel M.",
},
id: "review-4", name: "Daniel M.", handle: "@daniel_grooms", testimonial: "Brought my son here for his first haircut and they were fantastic with him. Patient, friendly, and gave him a super sharp look. Definitely good for kids!", imageSrc: "http://img.b2bpic.net/free-photo/isolated-image-emotional-cheerful-blue-eyed-caucasian-boy-with-fair-hair-having-playful-facial-expression-children-spontaneity-happy-childhood-positive-emotions_343059-4426.jpg", imageAlt: "Satisfied customer Daniel M."},
{
id: "review-5",
name: "Mike T.",
handle: "@mike_fresh",
testimonial: "Always a fresh cut and a great experience. The atmosphere is welcoming, and you can tell they care about their clients. Best value barber in the city!",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-arabian-muslim-boy-with-originally-hair-sunglasses-posed-streets-ladder_627829-13727.jpg",
imageAlt: "Satisfied customer Mike T.",
},
id: "review-5", name: "Mike T.", handle: "@mike_fresh", testimonial: "Always a fresh cut and a great experience. The atmosphere is welcoming, and you can tell they care about their clients. Best value barber in the city!", imageSrc: "http://img.b2bpic.net/free-photo/stylish-arabian-muslim-boy-with-originally-hair-sunglasses-posed-streets-ladder_627829-13727.jpg", imageAlt: "Satisfied customer Mike T."},
]}
title="What Our Clients Say"
description="Don't just take our word for it – hear from our happy customers who love their Habibi Cuts experience. Rated 4.9 stars across 150+ reviews!"
@@ -309,29 +191,11 @@ export default function LandingPage() {
useInvertedBackground={true}
members={[
{
id: "barber-1",
name: "Khalid Al-Hassan",
role: "Master Barber & Owner",
description: "With over 15 years of experience, Khalid is a true artist with clippers and a straight razor. He specializes in classic and modern cuts, ensuring every detail is perfect.",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-blond-bearded-male-with-crossed-arms-dressed-brown-leather-pilot-jacket_613910-11192.jpg",
imageAlt: "Khalid Al-Hassan, Master Barber",
},
id: "barber-1", name: "Khalid Al-Hassan", role: "Master Barber & Owner", description: "With over 15 years of experience, Khalid is a true artist with clippers and a straight razor. He specializes in classic and modern cuts, ensuring every detail is perfect.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-blond-bearded-male-with-crossed-arms-dressed-brown-leather-pilot-jacket_613910-11192.jpg", imageAlt: "Khalid Al-Hassan, Master Barber"},
{
id: "barber-2",
name: "Maria Rodriguez",
role: "Senior Stylist",
description: "Maria brings a fresh perspective to grooming, excelling in vibrant hair coloring and trendy styles. Her friendly approach makes every client feel at ease.",
imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-blonde-gardener-woman-uniform-wearing-hat_141793-117640.jpg",
imageAlt: "Maria Rodriguez, Senior Stylist",
},
id: "barber-2", name: "Maria Rodriguez", role: "Senior Stylist", description: "Maria brings a fresh perspective to grooming, excelling in vibrant hair coloring and trendy styles. Her friendly approach makes every client feel at ease.", imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-blonde-gardener-woman-uniform-wearing-hat_141793-117640.jpg", imageAlt: "Maria Rodriguez, Senior Stylist"},
{
id: "barber-3",
name: "Jamal Ali",
role: "Barber & Apprentice Mentor",
description: "Known for his quick and precise work, Jamal is a rising star in the industry. He's passionate about delivering sharp fades and intricate beard designs.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-people-salon_23-2149975486.jpg",
imageAlt: "Jamal Ali, Barber & Apprentice Mentor",
},
id: "barber-3", name: "Jamal Ali", role: "Barber & Apprentice Mentor", description: "Known for his quick and precise work, Jamal is a rising star in the industry. He's passionate about delivering sharp fades and intricate beard designs.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-people-salon_23-2149975486.jpg", imageAlt: "Jamal Ali, Barber & Apprentice Mentor"},
]}
title="Meet Our Talented Barbers"
description="Our skilled team is dedicated to giving you the perfect look and an enjoyable visit every time. Passionate about their craft, they ensure every client leaves feeling confident."
@@ -344,25 +208,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "Do you accept walk-ins?",
content: "Yes, we gladly accept walk-ins! While appointments are recommended for specific stylists or busy times, feel free to stop by and we'll do our best to accommodate you.",
},
id: "faq-1", title: "Do you accept walk-ins?", content: "Yes, we gladly accept walk-ins! While appointments are recommended for specific stylists or busy times, feel free to stop by and we'll do our best to accommodate you."},
{
id: "faq-2",
title: "What are your operating hours?",
content: "We are currently closed on Wednesdays. We open at 9 AM from Thursday to Tuesday. Please check our contact section for detailed daily hours.",
},
id: "faq-2", title: "What are your operating hours?", content: "We are closed on Mondays. We are open from Tuesday to Sunday, typically from 9 AM. Please check our contact section for detailed daily hours."},
{
id: "faq-3",
title: "Are your services suitable for children?",
content: "Absolutely! We pride ourselves on being a family-friendly barbershop. Our barbers are experienced and great with kids, ensuring a comfortable and enjoyable experience for all ages.",
},
id: "faq-3", title: "Are your services suitable for children?", content: "Absolutely! We pride ourselves on being a family-friendly barbershop. Our barbers are experienced and great with kids, ensuring a comfortable and enjoyable experience for all ages."},
{
id: "faq-4",
title: "What payment methods do you accept?",
content: "We accept cash, all major credit cards (Visa, Mastercard, American Express, Discover), and mobile payments like Apple Pay and Google Pay for your convenience.",
},
id: "faq-4", title: "What payment methods do you accept?", content: "We accept cash, all major credit cards (Visa, Mastercard, American Express, Discover), and mobile payments like Apple Pay and Google Pay for your convenience."},
]}
title="Frequently Asked Questions"
description="Have questions about our services, appointments, or policies? Find quick answers here."
@@ -377,40 +229,23 @@ export default function LandingPage() {
description="Ready for a fresh look? Schedule your appointment with us today. We look forward to providing you with the Habibi Cuts experience!"
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: false,
name: "phone", type: "tel", placeholder: "Phone Number", required: false,
},
{
name: "date",
type: "date",
placeholder: "Preferred Date",
required: true,
name: "date", type: "date", placeholder: "Preferred Date", required: true,
},
{
name: "time",
type: "time",
placeholder: "Preferred Time",
required: true,
name: "time", type: "time", placeholder: "Preferred Time", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Tell us about your desired service or any special requests.",
rows: 4,
name: "message", placeholder: "Tell us about your desired service or any special requests.", rows: 4,
required: false,
}}
imageSrc="http://img.b2bpic.net/free-photo/hairdressing-supplies-wooden-background_23-2147711598.jpg"
@@ -430,62 +265,37 @@ export default function LandingPage() {
logoText="Habibi Cuts"
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Haircuts",
href: "#services",
},
label: "Haircuts", href: "#services"},
{
label: "Beard Trims",
href: "#services",
},
label: "Beard Trims", href: "#services"},
{
label: "Hair Coloring",
href: "#services",
},
label: "Hair Coloring", href: "#services"},
{
label: "Kid's Cuts",
href: "#services",
},
label: "Kid's Cuts", href: "#services"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Our Team",
href: "#team",
},
label: "Our Team", href: "#team"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
],
},
{
title: "Location",
items: [
title: "Location", items: [
{
label: "5719 S Archer Ave, Chicago, IL 60638",
href: "https://www.google.com/maps/search/5719+S+Archer+Ave,+Chicago,+IL+60638",
},
label: "5719 S Archer Ave, Chicago, IL 60638", href: "https://www.google.com/maps/search/5719+S+Archer+Ave,+Chicago,+IL+60638"},
{
label: "(773) 424-0510",
href: "tel:+17734240510",
},
label: "(773) 424-0510", href: "tel:+17734240510"},
{
label: "Book Appointment",
href: "#contact",
},
label: "Book Appointment", href: "#contact"},
],
},
]}