bender/60523424-639e-4c10-a347-ff3b1b4f0a69
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-06-10 11:39:26 +00:00
parent 11a2344c67 0e0eb03911
commit 237c95b4b4
1 changed files with 67 additions and 260 deletions
Download Patch File Download Diff File Expand all files Collapse all files

327
src/app/page.tsx
View File

@@ -33,80 +33,49 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Reviews",
id: "#reviews",
},
name: "Reviews", id: "#reviews"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Team",
id: "#team",
},
name: "Team", id: "#team"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Bob Barbershop"
button={{
text: "Book Appointment",
href: "#contact",
}}
text: "Book Appointment", href: "#contact"}}
/>
</div>
<div id="home" data-section="home">
<HeroBillboardGallery
background={{
variant: "plain",
}}
variant: "plain"}}
title="Premium Barbering Precision Cuts Cairo's Best"
description="Experience the attention to detail and welcoming atmosphere that earned Bob Barbershop a 4.7★ rating from over 840 satisfied clients. From fades to full grooming, we deliver haircuts that exceed expectations."
buttons={[
{
text: "Book Your Appointment",
href: "#contact",
},
text: "Book Your Appointment", href: "#contact"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-haircut-barbershop_23-2148506184.jpg?_wi=1",
imageAlt: "Professional barber giving a precision haircut",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-haircut-barbershop_23-2148506184.jpg", imageAlt: "Professional barber giving a precision haircut"},
{
imageSrc: "http://img.b2bpic.net/free-photo/senior-client-estimating-work-barber-mirror_23-2148181883.jpg",
imageAlt: "Classic straight razor shave with hot towel",
},
imageSrc: "http://img.b2bpic.net/free-photo/senior-client-estimating-work-barber-mirror_23-2148181883.jpg", imageAlt: "Classic straight razor shave with hot towel"},
{
imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg",
imageAlt: "Modern barbershop interior with tools",
},
imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg", imageAlt: "Modern barbershop interior with tools"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-barber-shop-shaving_23-2148298346.jpg",
imageAlt: "Barber styling client's hair with attention to detail",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-barber-shop-shaving_23-2148298346.jpg", imageAlt: "Barber styling client's hair with attention to detail"},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186459.jpg",
imageAlt: "Close-up of a client receiving a fresh fade haircut",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186459.jpg", imageAlt: "Close-up of a client receiving a fresh fade haircut"},
{
imageSrc: "http://img.b2bpic.net/free-photo/reflection-barber-cutting-man-s-hair-mirror_23-2147839790.jpg",
imageAlt: "Welcoming exterior of Bob Barbershop",
},
imageSrc: "http://img.b2bpic.net/free-photo/reflection-barber-cutting-man-s-hair-mirror_23-2147839790.jpg", imageAlt: "Welcoming exterior of Bob Barbershop"},
]}
mediaAnimation="opacity"
/>
@@ -117,9 +86,7 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Where Precision Meets Passion"
description={[
"At Bob Barbershop, we blend timeless barbering traditions with modern techniques. Our skilled team is dedicated to providing an unparalleled grooming experience, focusing on meticulous craftsmanship and personalized service.",
"We pride ourselves on creating a welcoming and comfortable atmosphere where every client receives the attention to detail they deserve. Experience the difference of a truly premium barbershop in the heart of New Cairo.",
]}
"At Bob Barbershop, we blend timeless barbering traditions with modern techniques. Our skilled team is dedicated to providing an unparalleled grooming experience, focusing on meticulous craftsmanship and personalized service.", "We pride ourselves on creating a welcoming and comfortable atmosphere where every client receives the attention to detail they deserve. Experience the difference of a truly premium barbershop in the heart of New Cairo."]}
/>
</div>
@@ -131,26 +98,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Precision Haircuts",
description: "From classic fades to contemporary styles, our barbers master the art of the perfect cut, tailored to your preference and head shape.",
imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects-with-copyspace_23-2148122049.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/pretty-barber-girl-cutting-hair_624325-3064.jpg",
buttonText: "View Details",
},
title: "Precision Haircuts", description: "From classic fades to contemporary styles, our barbers master the art of the perfect cut, tailored to your preference and head shape.", imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects-with-copyspace_23-2148122049.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/pretty-barber-girl-cutting-hair_624325-3064.jpg", buttonText: "View Details"},
{
title: "Expert Shaves",
description: "Indulge in our luxurious hot towel shaves using premium products, ensuring a smooth finish and a relaxing experience.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-serious-man_171337-3001.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/man-cuts-his-beard-barbershop_1157-16067.jpg",
buttonText: "View Details",
},
title: "Expert Shaves", description: "Indulge in our luxurious hot towel shaves using premium products, ensuring a smooth finish and a relaxing experience.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-serious-man_171337-3001.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/man-cuts-his-beard-barbershop_1157-16067.jpg", buttonText: "View Details"},
{
title: "Beard Grooming",
description: "Keep your beard looking its best with our professional trimming, shaping, and conditioning services for a refined look.",
imageSrc: "http://img.b2bpic.net/free-photo/man-taking-good-care-his-face-home_23-2148883814.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94800.jpg",
buttonText: "View Details",
},
title: "Beard Grooming", description: "Keep your beard looking its best with our professional trimming, shaping, and conditioning services for a refined look.", imageSrc: "http://img.b2bpic.net/free-photo/man-taking-good-care-his-face-home_23-2148883814.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94800.jpg", buttonText: "View Details"},
]}
title="Our Signature Services"
description="Discover a range of high-quality barbering services designed to perfect your look and enhance your style."
@@ -165,53 +117,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Classic Haircut",
price: "EGP 250",
variant: "Includes wash & style",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-20492.jpg",
imageAlt: "Classic haircut service",
},
id: "p1", name: "Classic Haircut", price: "EGP 250", variant: "Includes wash & style", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-20492.jpg", imageAlt: "Classic haircut service"},
{
id: "p2",
name: "Luxury Hot Shave",
price: "EGP 200",
variant: "Traditional straight razor",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-s-hand-grooming-man-s-beard_23-2147839801.jpg",
imageAlt: "Luxury hot shave service",
},
id: "p2", name: "Luxury Hot Shave", price: "EGP 200", variant: "Traditional straight razor", imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-s-hand-grooming-man-s-beard_23-2147839801.jpg", imageAlt: "Luxury hot shave service"},
{
id: "p3",
name: "Beard Trim & Shape",
price: "EGP 150",
variant: "Precision grooming",
imageSrc: "http://img.b2bpic.net/free-photo/sideways-customer-with-eyes-closed_23-2148256865.jpg",
imageAlt: "Beard trim and shape service",
},
id: "p3", name: "Beard Trim & Shape", price: "EGP 150", variant: "Precision grooming", imageSrc: "http://img.b2bpic.net/free-photo/sideways-customer-with-eyes-closed_23-2148256865.jpg", imageAlt: "Beard trim and shape service"},
{
id: "p4",
name: "Hair & Beard Package",
price: "EGP 350",
variant: "Full grooming experience",
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg",
imageAlt: "Hair and beard package",
},
id: "p4", name: "Hair & Beard Package", price: "EGP 350", variant: "Full grooming experience", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg", imageAlt: "Hair and beard package"},
{
id: "p5",
name: "Kids Haircut (Under 12)",
price: "EGP 180",
variant: "Fun & friendly service",
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462512.jpg",
imageAlt: "Kids haircut service",
},
id: "p5", name: "Kids Haircut (Under 12)", price: "EGP 180", variant: "Fun & friendly service", imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462512.jpg", imageAlt: "Kids haircut service"},
{
id: "p6",
name: "Hair Styling & Finish",
price: "EGP 100",
variant: "Expert product application",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313040.jpg",
imageAlt: "Hair styling and finish service",
},
id: "p6", name: "Hair Styling & Finish", price: "EGP 100", variant: "Expert product application", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313040.jpg", imageAlt: "Hair styling and finish service"},
]}
title="Our Full Service Menu"
description="Browse our comprehensive list of barbering services, each crafted with precision and care to meet your grooming needs."
@@ -225,20 +141,11 @@ export default function LandingPage() {
tag="Trusted Excellence"
metrics={[
{
id: "m1",
value: "4.7★",
description: "Average Rating",
},
id: "m1", value: "4.7★", description: "Average Rating"},
{
id: "m2",
value: "840+",
description: "Satisfied Clients",
},
id: "m2", value: "840+", description: "Satisfied Clients"},
{
id: "m3",
value: "5+",
description: "Years of Experience",
},
id: "m3", value: "5+", description: "Years of Experience"},
]}
metricsAnimation="slide-up"
/>
@@ -251,45 +158,20 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Ahmed M.",
handle: "@AhmedM_Cairo",
testimonial: "Bob Barbershop is simply the best in Cairo. The attention to detail is unmatched, and I always leave feeling fresh and confident. Highly recommend for anyone looking for premium service!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/excited-young-male-barber-wearing-glasses-red-shirt-barber-apron-holding-barbering-tools-looking-camera-showing-thumb-up-isolated-blue-background_141793-138548.jpg",
},
id: "t1", name: "Ahmed M.", handle: "@AhmedM_Cairo", testimonial: "Bob Barbershop is simply the best in Cairo. The attention to detail is unmatched, and I always leave feeling fresh and confident. Highly recommend for anyone looking for premium service!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/excited-young-male-barber-wearing-glasses-red-shirt-barber-apron-holding-barbering-tools-looking-camera-showing-thumb-up-isolated-blue-background_141793-138548.jpg"},
{
id: "t2",
name: "Karim H.",
handle: "@KarimHassan",
testimonial: "Finally, a barber shop that understands what I want! My beard has never looked better, and the hot shave was incredibly relaxing. Top-notch service and friendly staff.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-male-wearing-black-leather-jacket_613910-15951.jpg",
},
id: "t2", name: "Karim H.", handle: "@KarimHassan", testimonial: "Finally, a barber shop that understands what I want! My beard has never looked better, and the hot shave was incredibly relaxing. Top-notch service and friendly staff.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-male-wearing-black-leather-jacket_613910-15951.jpg"},
{
id: "t3",
name: "Omar Z.",
handle: "@Omar_Zaki",
testimonial: "Moved to New Cairo recently and was searching for a reliable barber. Bob's exceeded all expectations. Clean facilities, skilled barbers, and easy online booking. I'm a regular now!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-using-dryer-beard-senior-client_23-2148181879.jpg",
},
id: "t3", name: "Omar Z.", handle: "@Omar_Zaki", testimonial: "Moved to New Cairo recently and was searching for a reliable barber. Bob's exceeded all expectations. Clean facilities, skilled barbers, and easy online booking. I'm a regular now!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-using-dryer-beard-senior-client_23-2148181879.jpg"},
{
id: "t4",
name: "Youssef F.",
handle: "@Youssef_Fin",
testimonial: "The atmosphere is fantastic, and the precision of the cuts is outstanding. It's more than just a haircut; it's an experience. Worth every penny for the quality.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665403.jpg",
},
id: "t4", name: "Youssef F.", handle: "@Youssef_Fin", testimonial: "The atmosphere is fantastic, and the precision of the cuts is outstanding. It's more than just a haircut; it's an experience. Worth every penny for the quality.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665403.jpg"},
{
id: "t5",
name: "David S.",
handle: "@DavidSmith_EG",
testimonial: "As an expat, finding a barber with English-speaking staff and consistent quality was a challenge until Bob Barbershop. Professional, friendly, and always a perfect cut.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-composition-with-businessman_23-2147900162.jpg",
},
id: "t5", name: "David S.", handle: "@DavidSmith_EG", testimonial: "As an expat, finding a barber with English-speaking staff and consistent quality was a challenge until Bob Barbershop. Professional, friendly, and always a perfect cut.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-composition-with-businessman_23-2147900162.jpg"},
]}
showRating={true}
title="What Our Clients Say"
@@ -304,36 +186,14 @@ export default function LandingPage() {
useInvertedBackground={false}
groups={[
{
id: "barbers",
groupTitle: "Meet Our Master Barbers",
members: [
id: "barbers", groupTitle: "Meet Our Master Barbers", members: [
{
id: "t_m1",
title: "Ahmed K.",
subtitle: "Master Barber",
detail: "With over a decade of experience, Ahmed specializes in classic cuts and intricate beard designs.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-smiling-male-hairdesser-wearing-gray-apron-holding-scissor-showing-three-blue-soft-color-background_140725-155287.jpg",
imageAlt: "Ahmed, Master Barber",
},
id: "t_m1", title: "Ahmed K.", subtitle: "Master Barber", detail: "With over a decade of experience, Ahmed specializes in classic cuts and intricate beard designs.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-smiling-male-hairdesser-wearing-gray-apron-holding-scissor-showing-three-blue-soft-color-background_140725-155287.jpg", imageAlt: "Ahmed, Master Barber"},
{
id: "t_m2",
title: "Omar S.",
subtitle: "Senior Stylist",
detail: "Omar is known for his modern fades and expert precision, ensuring every client leaves looking sharp.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-male-who-himself-shaving-hairdressing-salon_613910-4385.jpg",
imageAlt: "Omar, Senior Stylist",
},
id: "t_m2", title: "Omar S.", subtitle: "Senior Stylist", detail: "Omar is known for his modern fades and expert precision, ensuring every client leaves looking sharp.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-male-who-himself-shaving-hairdressing-salon_613910-4385.jpg", imageAlt: "Omar, Senior Stylist"},
{
id: "t_m3",
title: "Tarek M.",
subtitle: "Grooming Specialist",
detail: "Tarek excels in hot towel shaves and detailed beard grooming, providing a truly relaxing experience.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-surprised-smiling-young-hairdesser-wearing-gray-apron-holding-comb-his-head-showing-scissor-pointing-up-pastel-blue-color-background_140725-155319.jpg",
imageAlt: "Tarek, Grooming Specialist",
},
id: "t_m3", title: "Tarek M.", subtitle: "Grooming Specialist", detail: "Tarek excels in hot towel shaves and detailed beard grooming, providing a truly relaxing experience.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-surprised-smiling-young-hairdesser-wearing-gray-apron-holding-comb-his-head-showing-scissor-pointing-up-pastel-blue-color-background_140725-155319.jpg", imageAlt: "Tarek, Grooming Specialist"},
],
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-haircut-barbershop_23-2148506184.jpg?_wi=2",
imageAlt: "professional barber smiling confident",
},
]}
title="Our Expert Barbers"
@@ -347,30 +207,15 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq1",
title: "How do I book an appointment?",
content: "You can easily book an appointment through our website's 'Book Appointment' section or by calling us directly during business hours.",
},
id: "faq1", title: "How do I book an appointment?", content: "You can easily book an appointment through our website's 'Book Appointment' section or by calling us directly during business hours."},
{
id: "faq2",
title: "What services do you offer?",
content: "We offer a full range of barbering services including precision haircuts, hot towel shaves, beard trims, styling, and grooming packages. Check our 'Services' section for details.",
},
id: "faq2", title: "What services do you offer?", content: "We offer a full range of barbering services including precision haircuts, hot towel shaves, beard trims, styling, and grooming packages. Check our 'Services' section for details."},
{
id: "faq3",
title: "What are your operating hours?",
content: "Our barbershop is open from 10 AM to 9 PM, Sunday through Friday. We are closed on Saturdays.",
},
id: "faq3", title: "What are your operating hours?", content: "Our barbershop is open from 10 AM to 9 PM, Sunday through Friday. We are closed on Saturdays."},
{
id: "faq4",
title: "Do you accept walk-ins?",
content: "While appointments are recommended to ensure availability, we do accept walk-ins based on our schedule. We advise checking online or calling ahead to minimize wait times.",
},
id: "faq4", title: "Do you accept walk-ins?", content: "While appointments are recommended to ensure availability, we do accept walk-ins based on our schedule. We advise checking online or calling ahead to minimize wait times."},
{
id: "faq5",
title: "Where are you located?",
content: "Bob Barbershop is conveniently located in New Cairo. You can find our exact address and directions in the 'Contact' section of our website.",
},
id: "faq5", title: "Where are you located?", content: "Bob Barbershop is conveniently located in New Cairo. You can find our exact address and directions in the 'Contact' section of our website."},
]}
title="Frequently Asked Questions"
description="Have questions? We've got answers. Find common queries about our services, booking, and more."
@@ -385,28 +230,17 @@ export default function LandingPage() {
description="Schedule your visit to Bob Barbershop today for an unparalleled grooming experience. We look forward to welcoming you!"
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: "Your Phone Number",
required: true,
name: "phone", type: "tel", placeholder: "Your Phone Number", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Your Preferred Service & Time (e.g., Haircut, 3 PM Monday)",
rows: 4,
name: "message", placeholder: "Your Preferred Service & Time (e.g., Haircut, 3 PM Monday)", rows: 4,
}}
imageSrc="http://img.b2bpic.net/free-photo/front-view-baber-shop-chiar_23-2148506337.jpg"
imageAlt="Modern barbershop reception area"
@@ -421,66 +255,39 @@ export default function LandingPage() {
logoText="Bob Barbershop"
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Haircuts",
href: "#services",
},
label: "Haircuts", href: "#services"},
{
label: "Shaves",
href: "#services",
},
label: "Shaves", href: "#services"},
{
label: "Beard Trims",
href: "#services",
},
label: "Beard Trims", href: "#services"},
{
label: "Styling",
href: "#services",
},
label: "Styling", href: "#services"},
],
},
{
title: "About Us",
items: [
title: "About Us", items: [
{
label: "Our Story",
href: "#about",
},
label: "Our Story", href: "#about"},
{
label: "Our Team",
href: "#team",
},
label: "Our Team", href: "#team"},
{
label: "Client Reviews",
href: "#reviews",
},
label: "Client Reviews", href: "#reviews"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Book Now",
href: "#contact",
},
label: "Book Now", href: "#contact"},
{
label: "Location",
href: "#contact",
},
label: "Location", href: "#contact"},
{
label: "WhatsApp",
href: "#",
},
label: "WhatsApp", href: "#"},
{
label: "Instagram",
href: "https://instagram.com/bobbarbershop",
},
label: "Instagram", href: "https://instagram.com/bobbarbershop"},
],
},
]}