bender/77407188-012f-400d-82b2-b5497c47f61e
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #4

Open
bender wants to merge 1 commits from version_2 into main
pull from: version_2
merge into: bender:main
Conversation 0 Commits 1 Files Changed 1 +51 -200
1 changed files with 51 additions and 200 deletions
Download Patch File Download Diff File Expand all files Collapse all files

251
src/app/page.tsx
View File

@@ -33,37 +33,21 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "home",
},
name: "Home", id: "home"},
{
name: "About Us",
id: "about",
},
name: "About Us", id: "about"},
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "Our Team",
id: "team",
},
name: "Our Team", id: "team"},
{
name: "Pricing",
id: "pricing",
},
name: "Pricing", id: "pricing"},
{
name: "Testimonials",
id: "testimonials",
},
name: "Testimonials", id: "testimonials"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="The San Jose Barber"
/>
@@ -72,41 +56,26 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboardCarousel
background={{
variant: "plain",
}}
variant: "plain"}}
title="Crafting Your Look in San Jose"
description="Experience the art of traditional and modern grooming. Precision haircuts, luxurious hot shaves, and expert beard care by skilled barbers."
buttons={[
{
text: "Book Your Appointment",
href: "#contact",
},
text: "Book Your Appointment", href: "#contact"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167440.jpg?_wi=1",
imageAlt: "Barber giving a precision haircut to a client",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167440.jpg", imageAlt: "Barber giving a precision haircut to a client"},
{
imageSrc: "http://img.b2bpic.net/free-photo/two-straight-razors_23-2147778743.jpg?_wi=1",
imageAlt: "Luxurious hot towel shave in a classic barbershop",
},
imageSrc: "http://img.b2bpic.net/free-photo/two-straight-razors_23-2147778743.jpg", imageAlt: "Luxurious hot towel shave in a classic barbershop"},
{
imageSrc: "http://img.b2bpic.net/free-vector/barber-shop-label-font-sample-label-design-with-decoration-ribbon_1284-36423.jpg?_wi=1",
imageAlt: "Barber shaping a client's beard with attention to detail",
},
imageSrc: "http://img.b2bpic.net/free-vector/barber-shop-label-font-sample-label-design-with-decoration-ribbon_1284-36423.jpg", imageAlt: "Barber shaping a client's beard with attention to detail"},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-getting-haircut_23-2148224421.jpg",
imageAlt: "Stylish interior of a modern barbershop",
},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-getting-haircut_23-2148224421.jpg", imageAlt: "Stylish interior of a modern barbershop"},
{
imageSrc: "http://img.b2bpic.net/free-photo/barber-man-with-shaving-foam-his-face-shaving-himself-using-razor-purple-wall_141793-52672.jpg",
imageAlt: "Barber showcasing haircut styling techniques",
},
imageSrc: "http://img.b2bpic.net/free-photo/barber-man-with-shaving-foam-his-face-shaving-himself-using-razor-purple-wall_141793-52672.jpg", imageAlt: "Barber showcasing haircut styling techniques"},
{
imageSrc: "http://img.b2bpic.net/free-photo/pleased-slavic-middle-aged-male-barber-uniform-holding-barber-tools-isolated-purple-wall_141793-91610.jpg",
imageAlt: "Happy client admiring his new haircut in the mirror",
},
imageSrc: "http://img.b2bpic.net/free-photo/pleased-slavic-middle-aged-male-barber-uniform-holding-barber-tools-isolated-purple-wall_141793-91610.jpg", imageAlt: "Happy client admiring his new haircut in the mirror"},
]}
/>
</div>
@@ -128,46 +97,22 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Precision Haircuts",
description: "Experience a meticulously crafted haircut, tailored to your style and preference. Includes a refreshing wash and expert styling.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-smartphone-having-video-call-showing-scissors-front-smiling-standing-orange-wall_141793-96894.jpg",
imageAlt: "Phone displaying haircut styles",
},
title: "Precision Haircuts", description: "Experience a meticulously crafted haircut, tailored to your style and preference. Includes a refreshing wash and expert styling.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-smartphone-having-video-call-showing-scissors-front-smiling-standing-orange-wall_141793-96894.jpg", imageAlt: "Phone displaying haircut styles"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/man-showing-high-photograph-smart-phone-screen_23-2148176658.jpg",
imageAlt: "Phone showing haircut process",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167440.jpg?_wi=2",
imageAlt: "man getting haircut barbershop phone perspective",
imageSrc: "http://img.b2bpic.net/free-photo/man-showing-high-photograph-smart-phone-screen_23-2148176658.jpg", imageAlt: "Phone showing haircut process"}
},
{
title: "Luxury Hot Shaves",
description: "Indulge in our traditional hot lather shave experience. A multi-step process for ultimate relaxation and a perfectly smooth finish.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-hipster-sits-table-roadside-cafe-talking-phone-holds-tablet_613910-4843.jpg",
imageAlt: "Phone displaying luxury shave service",
},
title: "Luxury Hot Shaves", description: "Indulge in our traditional hot lather shave experience. A multi-step process for ultimate relaxation and a perfectly smooth finish.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-hipster-sits-table-roadside-cafe-talking-phone-holds-tablet_613910-4843.jpg", imageAlt: "Phone displaying luxury shave service"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/unpleased-slavic-middle-aged-male-barber-uniform-holding-scissors-looking-phone-his-hand-isolated-orange-wall_141793-87176.jpg",
imageAlt: "Phone showing hot towel application",
},
imageSrc: "http://img.b2bpic.net/free-photo/two-straight-razors_23-2147778743.jpg?_wi=2",
imageAlt: "man getting haircut barbershop phone perspective",
imageSrc: "http://img.b2bpic.net/free-photo/unpleased-slavic-middle-aged-male-barber-uniform-holding-scissors-looking-phone-his-hand-isolated-orange-wall_141793-87176.jpg", imageAlt: "Phone showing hot towel application"}
},
{
title: "Expert Beard Grooming",
description: "Maintain your beard with precision trimming, shaping, and conditioning. Our barbers will help you achieve the perfect beard style.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/unpleased-young-handsome-barber-wearing-uniform-holding-looking-mobile-phone-with-scissors-hand-isolated-white-background_141793-84808.jpg",
imageAlt: "Phone displaying beard styles",
},
title: "Expert Beard Grooming", description: "Maintain your beard with precision trimming, shaping, and conditioning. Our barbers will help you achieve the perfect beard style.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/unpleased-young-handsome-barber-wearing-uniform-holding-looking-mobile-phone-with-scissors-hand-isolated-white-background_141793-84808.jpg", imageAlt: "Phone displaying beard styles"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-spray-bottle-hair-clippers-isolated-orange-background-with-copy-space_141793-31770.jpg",
imageAlt: "Phone showing beard trimming tools",
},
imageSrc: "http://img.b2bpic.net/free-vector/barber-shop-label-font-sample-label-design-with-decoration-ribbon_1284-36423.jpg?_wi=2",
imageAlt: "man getting haircut barbershop phone perspective",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-spray-bottle-hair-clippers-isolated-orange-background-with-copy-space_141793-31770.jpg", imageAlt: "Phone showing beard trimming tools"}
},
]}
showStepNumbers={false}
@@ -184,29 +129,11 @@ export default function LandingPage() {
useInvertedBackground={true}
members={[
{
id: "barber-1",
name: "Alex 'The Razor' Stone",
role: "Master Barber",
description: "With over 15 years of experience, Alex is a true artisan, specializing in classic cuts and straight razor shaves.",
imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-beard-trimmer-looking-with-confident-expression-standing-pink-wall_141793-61347.jpg",
imageAlt: "Alex 'The Razor' Stone, Master Barber",
},
id: "barber-1", name: "Alex 'The Razor' Stone", role: "Master Barber", description: "With over 15 years of experience, Alex is a true artisan, specializing in classic cuts and straight razor shaves.", imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-beard-trimmer-looking-with-confident-expression-standing-pink-wall_141793-61347.jpg", imageAlt: "Alex 'The Razor' Stone, Master Barber"},
{
id: "barber-2",
name: "Maria 'The Stylist' Lee",
role: "Senior Stylist",
description: "Maria brings a modern touch to every style, excelling in contemporary fades, textured crops, and personalized beard designs.",
imageSrc: "http://img.b2bpic.net/free-photo/pink-school-supplies-alphabets-dual-color-background_23-2148050742.jpg",
imageAlt: "Maria 'The Stylist' Lee, Senior Stylist",
},
id: "barber-2", name: "Maria 'The Stylist' Lee", role: "Senior Stylist", description: "Maria brings a modern touch to every style, excelling in contemporary fades, textured crops, and personalized beard designs.", imageSrc: "http://img.b2bpic.net/free-photo/pink-school-supplies-alphabets-dual-color-background_23-2148050742.jpg", imageAlt: "Maria 'The Stylist' Lee, Senior Stylist"},
{
id: "barber-3",
name: "David 'The Apprentice' Kim",
role: "Junior Barber",
description: "David is our rising star, passionate about learning and delivering fresh, sharp looks with meticulous attention to detail.",
imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg",
imageAlt: "David 'The Apprentice' Kim, Junior Barber",
},
id: "barber-3", name: "David 'The Apprentice' Kim", role: "Junior Barber", description: "David is our rising star, passionate about learning and delivering fresh, sharp looks with meticulous attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg", imageAlt: "David 'The Apprentice' Kim, Junior Barber"},
]}
title="Meet Our Expert Barbers"
description="Our team of highly skilled and passionate barbers are dedicated to mastering their craft and providing you with an exceptional grooming experience."
@@ -220,61 +147,31 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "classic-cut",
badge: "Popular",
badgeIcon: Sparkles,
price: "$35",
subtitle: "Sharp and timeless look",
buttons: [
id: "classic-cut", badge: "Popular", badgeIcon: Sparkles,
price: "$35", subtitle: "Sharp and timeless look", buttons: [
{
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
],
features: [
"Precision Haircut",
"Relaxing Hair Wash",
"Expert Styling",
"Neck Shave Finish",
],
"Precision Haircut", "Relaxing Hair Wash", "Expert Styling", "Neck Shave Finish"],
},
{
id: "hot-shave",
badge: "Luxury",
badgeIcon: Star,
price: "$45",
subtitle: "Ultimate relaxation experience",
buttons: [
id: "hot-shave", badge: "Luxury", badgeIcon: Star,
price: "$45", subtitle: "Ultimate relaxation experience", buttons: [
{
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
],
features: [
"Hot Towel Prep",
"Close Straight Razor Shave",
"Post-Shave Balm",
"Face Massage",
],
"Hot Towel Prep", "Close Straight Razor Shave", "Post-Shave Balm", "Face Massage"],
},
{
id: "beard-trim",
badge: "Define",
badgeIcon: Scissors,
price: "$25",
subtitle: "Shape and perfect your beard",
buttons: [
id: "beard-trim", badge: "Define", badgeIcon: Scissors,
price: "$25", subtitle: "Shape and perfect your beard", buttons: [
{
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
],
features: [
"Beard Shaping & Trim",
"Line-Up with Razor",
"Beard Oil Application",
"Styling Advice",
],
"Beard Shaping & Trim", "Line-Up with Razor", "Beard Oil Application", "Styling Advice"],
},
]}
title="Our Service Menu"
@@ -289,45 +186,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Jason S.",
handle: "@jasonscuts",
testimonial: "Best barbershop in San Jose! Always leave feeling fresh and confident. The attention to detail is unmatched.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg",
imageAlt: "Happy client Jason S.",
},
id: "1", name: "Jason S.", handle: "@jasonscuts", testimonial: "Best barbershop in San Jose! Always leave feeling fresh and confident. The attention to detail is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg", imageAlt: "Happy client Jason S."},
{
id: "2",
name: "Mark D.",
handle: "@markd_groom",
testimonial: "The hot shave is an absolute game-changer. Pure relaxation and my skin has never felt smoother. Highly recommend!",
imageSrc: "http://img.b2bpic.net/free-photo/man-with-bathtowel_23-2147638128.jpg",
imageAlt: "Satisfied client Mark D.",
},
id: "2", name: "Mark D.", handle: "@markd_groom", testimonial: "The hot shave is an absolute game-changer. Pure relaxation and my skin has never felt smoother. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/man-with-bathtowel_23-2147638128.jpg", imageAlt: "Satisfied client Mark D."},
{
id: "3",
name: "Chris P.",
handle: "@chrisp_fresh",
testimonial: "My beard has never looked this good. The barbers here truly understand how to shape and maintain a perfect beard.",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-blond-male-dressed-waistcoat_613910-11225.jpg",
imageAlt: "Client Chris P. with a well-groomed beard",
},
id: "3", name: "Chris P.", handle: "@chrisp_fresh", testimonial: "My beard has never looked this good. The barbers here truly understand how to shape and maintain a perfect beard.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-blond-male-dressed-waistcoat_613910-11225.jpg", imageAlt: "Client Chris P. with a well-groomed beard"},
{
id: "4",
name: "Michael L.",
handle: "@michaell_sj",
testimonial: "A fantastic experience every time. The atmosphere is great, and the team is incredibly skilled and friendly.",
imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg",
imageAlt: "Professional client Michael L.",
},
id: "4", name: "Michael L.", handle: "@michaell_sj", testimonial: "A fantastic experience every time. The atmosphere is great, and the team is incredibly skilled and friendly.", imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg", imageAlt: "Professional client Michael L."},
{
id: "5",
name: "Robert B.",
handle: "@robertb_classic",
testimonial: "I've been coming here for years. Consistent quality, great conversation, and I always walk out with a perfect classic cut.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-getting-groomed_23-2149220518.jpg",
imageAlt: "Loyal client Robert B.",
},
id: "5", name: "Robert B.", handle: "@robertb_classic", testimonial: "I've been coming here for years. Consistent quality, great conversation, and I always walk out with a perfect classic cut.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-getting-groomed_23-2149220518.jpg", imageAlt: "Loyal client Robert B."},
]}
title="What Our Clients Say"
description="Hear directly from our satisfied customers about their experience at The San Jose Barber. Your satisfaction is our priority!"
@@ -340,30 +207,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "How do I book an appointment?",
content: "You can easily book your appointment online through our website's 'Book Now' button, or by calling us directly during business hours.",
},
id: "faq-1", title: "How do I book an appointment?", content: "You can easily book your appointment online through our website's 'Book Now' button, or by calling us directly during business hours."},
{
id: "faq-2",
title: "What payment methods do you accept?",
content: "We accept all major credit cards, debit cards, and cash. Digital payments like Apple Pay and Google Pay are also available.",
},
id: "faq-2", title: "What payment methods do you accept?", content: "We accept all major credit cards, debit cards, and cash. Digital payments like Apple Pay and Google Pay are also available."},
{
id: "faq-3",
title: "Do you offer walk-in services?",
content: "While appointments are preferred to ensure availability, we do accept walk-ins based on our barbers' schedules. We recommend calling ahead.",
},
id: "faq-3", title: "Do you offer walk-in services?", content: "While appointments are preferred to ensure availability, we do accept walk-ins based on our barbers' schedules. We recommend calling ahead."},
{
id: "faq-4",
title: "What products do you use/sell?",
content: "We use premium grooming products from trusted brands and also offer a selection for purchase to help you maintain your look at home.",
},
id: "faq-4", title: "What products do you use/sell?", content: "We use premium grooming products from trusted brands and also offer a selection for purchase to help you maintain your look at home."},
{
id: "faq-5",
title: "Can I request a specific barber?",
content: "Absolutely! During the booking process, you can select your preferred barber based on their availability and specialties.",
},
id: "faq-5", title: "Can I request a specific barber?", content: "Absolutely! During the booking process, you can select your preferred barber based on their availability and specialties."},
]}
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-composition-shaving-objects_23-2148121947.jpg"
imageAlt="Barber tools neatly arranged on a wooden surface"
@@ -378,8 +230,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={true}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Visit Us"
title="Book Your Appointment"
description="Ready for a fresh cut or a luxurious shave? Schedule your visit to The San Jose Barber today. We look forward to seeing you!"