bender/62fa48a6-3e88-41af-ab1a-ae47d7ae0ecc
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 #1.
This commit is contained in:
bender
2026-06-02 13:53:55 +00:00
parent fd9ebb39d8 e4cdb124d9
commit afeb1d194b
1 changed files with 72 additions and 266 deletions
Download Patch File Download Diff File Expand all files Collapse all files

338
src/app/page.tsx
View File

@@ -33,37 +33,21 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Team",
id: "#team",
},
name: "Team", id: "#team"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Book Now",
id: "#contact",
},
name: "Book Now", id: "#contact"},
]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b7zbua"
logoAlt="Hermanos Barber Shop Logo"
@@ -74,53 +58,34 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "downward-rays-animated",
}}
variant: "downward-rays-animated"}}
title="Crafting Sharp Looks, One Cut at a Time."
description="Experience the classic art of barbering with a modern touch. Hermanos Barber Shop offers premium haircuts, shaves, and grooming services for the discerning gentleman."
kpis={[
{
value: "10+",
label: "Years in Service",
},
value: "10+", label: "Years in Service"},
{
value: "2,500+",
label: "Happy Clients",
},
value: "2,500+", label: "Happy Clients"},
{
value: "5-Star",
label: "Average Rating",
},
value: "5-Star", label: "Average Rating"},
]}
enableKpiAnimation={true}
tag="Traditional Craftsmanship Meets Modern Style"
buttons={[
{
text: "Book Your Cut Now",
href: "#contact",
},
text: "Book Your Cut Now", href: "#contact"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-with-razor_23-2147839800.jpg",
alt: "Barber 1",
},
src: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-with-razor_23-2147839800.jpg", alt: "Barber 1"},
{
src: "http://img.b2bpic.net/free-photo/studio-portrait-blonde-female-dressed-white-t-shirt-waistcoat-grey-background_613910-9333.jpg",
alt: "Barber 2",
},
src: "http://img.b2bpic.net/free-photo/studio-portrait-blonde-female-dressed-white-t-shirt-waistcoat-grey-background_613910-9333.jpg", alt: "Barber 2"},
{
src: "http://img.b2bpic.net/free-photo/confident-looking-young-beautiful-female-barber-uniform-holding-scissors-with-comb-isolated-pink-wall_141793-105656.jpg",
alt: "Barber 3",
},
src: "http://img.b2bpic.net/free-photo/confident-looking-young-beautiful-female-barber-uniform-holding-scissors-with-comb-isolated-pink-wall_141793-105656.jpg", alt: "Barber 3"},
{
src: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286080.jpg",
alt: "Barber 4",
},
src: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286080.jpg", alt: "Barber 4"},
{
src: "http://img.b2bpic.net/free-photo/dentist-smiling-office_1328-4082.jpg",
alt: "Experienced barber smiling",
},
src: "http://img.b2bpic.net/free-photo/dentist-smiling-office_1328-4082.jpg", alt: "Experienced barber smiling"},
]}
avatarText="Trusted by a Community of Gents"
imageSrc="http://img.b2bpic.net/free-photo/man-getting-haircut-barbershop_23-2148506184.jpg"
@@ -128,27 +93,17 @@ export default function LandingPage() {
mediaAnimation="slide-up"
marqueeItems={[
{
type: "text-icon",
text: "Precision Cuts",
icon: Scissors,
type: "text-icon", text: "Precision Cuts", icon: Scissors,
},
{
type: "text",
text: "Expert Shaves",
type: "text", text: "Expert Shaves"},
{
type: "text-icon", text: "Classic Grooming", icon: Feather,
},
{
type: "text-icon",
text: "Classic Grooming",
icon: Feather,
},
type: "text", text: "Modern Styles"},
{
type: "text",
text: "Modern Styles",
},
{
type: "text-icon",
text: "Client Satisfaction",
icon: Star,
type: "text-icon", text: "Client Satisfaction", icon: Star,
},
]}
/>
@@ -159,23 +114,14 @@ export default function LandingPage() {
useInvertedBackground={true}
heading={[
{
type: "text",
content: "About ",
},
type: "text", content: "About "},
{
type: "text",
content: "Hermanos Barber Shop",
},
type: "text", content: "Hermanos Barber Shop"},
]}
buttons={[
{
text: "Learn More",
href: "#services",
},
text: "Learn More", href: "#services"},
]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-male-hairstylist-barber-shop_23-2147839825.jpg"
imageAlt="Interior of Hermanos Barber Shop"
description="Hermanos Barber Shop is more than just a place for a haircut; it's a sanctuary where traditional barbering techniques meet contemporary style. Established over a decade ago, we pride ourselves on exceptional craftsmanship, personalized service, and a welcoming atmosphere. Our mission is to ensure every client leaves looking and feeling their absolute best, confident in a cut that truly expresses their individuality."
/>
</div>
@@ -185,29 +131,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
tag: "Signature Cut",
title: "Classic Haircut & Style",
subtitle: "Timeless Precision",
description: "Our barbers are masters of classic cuts, delivering precision and attention to detail for a timeless look.",
imageSrc: "http://img.b2bpic.net/free-photo/hair-thin-mustache-blackboard_1379-316.jpg",
imageAlt: "Man getting a classic haircut",
},
tag: "Signature Cut", title: "Classic Haircut & Style", subtitle: "Timeless Precision", description: "Our barbers are masters of classic cuts, delivering precision and attention to detail for a timeless look.", imageSrc: "http://img.b2bpic.net/free-photo/hair-thin-mustache-blackboard_1379-316.jpg", imageAlt: "Man getting a classic haircut"},
{
tag: "Smooth Finish",
title: "Luxury Hot Towel Shave",
subtitle: "Ultimate Relaxation",
description: "Indulge in the ultimate grooming experience with our traditional hot towel shave, leaving your skin smooth and refreshed.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-s-hand-grooming-man-s-beard_23-2147839801.jpg",
imageAlt: "Man getting a hot towel shave",
},
tag: "Smooth Finish", title: "Luxury Hot Towel Shave", subtitle: "Ultimate Relaxation", description: "Indulge in the ultimate grooming experience with our traditional hot towel shave, leaving your skin smooth and refreshed.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-s-hand-grooming-man-s-beard_23-2147839801.jpg", imageAlt: "Man getting a hot towel shave"},
{
tag: "Beard & Grooming",
title: "Beard Trim & Styling",
subtitle: "Perfectly Sculpted",
description: "Maintain your facial hair with expert precision. From subtle trims to full styling, we'll perfect your beard.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-using-dry-shampoo-home_23-2150706332.jpg",
imageAlt: "Barber styling a man's beard",
},
tag: "Beard & Grooming", title: "Beard Trim & Styling", subtitle: "Perfectly Sculpted", description: "Maintain your facial hair with expert precision. From subtle trims to full styling, we'll perfect your beard.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-using-dry-shampoo-home_23-2150706332.jpg", imageAlt: "Barber styling a man's beard"},
]}
title="Our Signature Services"
description="Discover a range of premium barbering services tailored to your unique style and needs."
@@ -222,36 +150,14 @@ export default function LandingPage() {
useInvertedBackground={true}
groups={[
{
id: "barbers",
groupTitle: "Our Master Barbers",
members: [
id: "barbers", groupTitle: "Our Master Barbers", members: [
{
id: "barber-1",
title: "Marcus 'The Maestro'",
subtitle: "Lead Stylist",
detail: "With over 15 years of experience, Marcus is renowned for his meticulous attention to detail and creative flair in classic and modern styles.",
imageSrc: "http://img.b2bpic.net/free-photo/redhead-bearded-male-with-tattoos-his-arms-posing-grey-background_613910-13731.jpg",
imageAlt: "Portrait of Marcus, Lead Stylist",
},
id: "barber-1", title: "Marcus 'The Maestro'", subtitle: "Lead Stylist", detail: "With over 15 years of experience, Marcus is renowned for his meticulous attention to detail and creative flair in classic and modern styles.", imageSrc: "http://img.b2bpic.net/free-photo/redhead-bearded-male-with-tattoos-his-arms-posing-grey-background_613910-13731.jpg", imageAlt: "Portrait of Marcus, Lead Stylist"},
{
id: "barber-2",
title: "Leo 'The Artisan'",
subtitle: "Senior Barber",
detail: "Leo's passion for precision shaving and contemporary cuts makes him a favorite for those seeking a fresh, sharp look.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-hairstylist-looking-camera_23-2147839834.jpg",
imageAlt: "Portrait of Leo, Senior Barber",
},
id: "barber-2", title: "Leo 'The Artisan'", subtitle: "Senior Barber", detail: "Leo's passion for precision shaving and contemporary cuts makes him a favorite for those seeking a fresh, sharp look.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-hairstylist-looking-camera_23-2147839834.jpg", imageAlt: "Portrait of Leo, Senior Barber"},
{
id: "barber-3",
title: "Javier 'The Craftsman'",
subtitle: "Master Barber",
detail: "A true traditionalist, Javier specializes in straight razor shaves and classic grooming, offering an authentic barber experience.",
imageSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-front-his-studio_23-2149479271.jpg",
imageAlt: "Portrait of Javier, Master Barber",
},
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b7zbua",
imageAlt: "professional male barber portrait",
id: "barber-3", title: "Javier 'The Craftsman'", subtitle: "Master Barber", detail: "A true traditionalist, Javier specializes in straight razor shaves and classic grooming, offering an authentic barber experience.", imageSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-front-his-studio_23-2149479271.jpg", imageAlt: "Portrait of Javier, Master Barber"},
]
},
]}
title="Meet Our Talented Team"
@@ -267,50 +173,20 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "David S.",
handle: "@David_Styles",
testimonial: "Hermanos Barber Shop is my go-to! The attention to detail is unmatched, and I always leave feeling fresh and confident. Best fades in town!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-beach-vacation-lifestyle-portrait-concept_53876-42785.jpg",
imageAlt: "Customer David S.",
},
id: "1", name: "David S.", handle: "@David_Styles", testimonial: "Hermanos Barber Shop is my go-to! The attention to detail is unmatched, and I always leave feeling fresh and confident. Best fades in town!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-beach-vacation-lifestyle-portrait-concept_53876-42785.jpg", imageAlt: "Customer David S."},
{
id: "2",
name: "Michael L.",
handle: "@MichaelGroomed",
testimonial: "The hot towel shave here is pure bliss. A true classic experience, and my beard has never looked better. Highly recommend!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/ready-shave_1098-14660.jpg",
imageAlt: "Customer Michael L.",
},
id: "2", name: "Michael L.", handle: "@MichaelGroomed", testimonial: "The hot towel shave here is pure bliss. A true classic experience, and my beard has never looked better. Highly recommend!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/ready-shave_1098-14660.jpg", imageAlt: "Customer Michael L."},
{
id: "3",
name: "Chris P.",
handle: "@Sharp_Chris",
testimonial: "Consistently excellent haircuts. The barbers are skilled, friendly, and truly understand what I'm looking for every time.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-handsome-stylish-redhead-biker-black-leather-jacket-holds-motorcycle-helmet-posing-studio-isolated-dark-background_613910-5351.jpg",
imageAlt: "Customer Chris P.",
},
id: "3", name: "Chris P.", handle: "@Sharp_Chris", testimonial: "Consistently excellent haircuts. The barbers are skilled, friendly, and truly understand what I'm looking for every time.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-handsome-stylish-redhead-biker-black-leather-jacket-holds-motorcycle-helmet-posing-studio-isolated-dark-background_613910-5351.jpg", imageAlt: "Customer Chris P."},
{
id: "4",
name: "Jonathan T.",
handle: "@JonnyTrims",
testimonial: "I appreciate the relaxed atmosphere and the professional service. It's more than just a haircut; it's an experience.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/excited-young-man-laughing-while-talking-phone_1262-20904.jpg",
imageAlt: "Customer Jonathan T.",
},
id: "4", name: "Jonathan T.", handle: "@JonnyTrims", testimonial: "I appreciate the relaxed atmosphere and the professional service. It's more than just a haircut; it's an experience.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/excited-young-man-laughing-while-talking-phone_1262-20904.jpg", imageAlt: "Customer Jonathan T."},
{
id: "5",
name: "Alex R.",
handle: "@Alex_Cuts",
testimonial: "Found my forever barber! They're always on time, the shop is spotless, and the results speak for themselves. Five stars all the way!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/brutal-young-handsome-man-smoking-cigar-brick-wall_176420-14662.jpg",
imageAlt: "Customer Alex R.",
},
id: "5", name: "Alex R.", handle: "@Alex_Cuts", testimonial: "Found my forever barber! They're always on time, the shop is spotless, and the results speak for themselves. Five stars all the way!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/brutal-young-handsome-man-smoking-cigar-brick-wall_176420-14662.jpg", imageAlt: "Customer Alex R."},
]}
showRating={true}
title="What Our Clients Say"
@@ -326,59 +202,23 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "basic-cut",
title: "The Hermanos Cut",
price: "$30",
period: "per service",
features: [
"Precision Haircut",
"Hot Lather Neck Shave",
"Hair Styling",
"Aftershave Finish",
],
id: "basic-cut", title: "The Hermanos Cut", price: "$30", period: "per service", features: [
"Precision Haircut", "Hot Lather Neck Shave", "Hair Styling", "Aftershave Finish"],
button: {
text: "Book Basic Cut",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/circle-from-combs-scissors_23-2147711644.jpg",
imageAlt: "Barber cutting hair",
},
text: "Book Basic Cut", href: "#contact"},
imageSrc: "http://img.b2bpic.net/free-photo/circle-from-combs-scissors_23-2147711644.jpg", imageAlt: "Barber cutting hair"},
{
id: "premium-shave",
title: "Signature Shave",
price: "$45",
period: "per service",
features: [
"Traditional Straight Razor Shave",
"Hot Towel Treatment",
"Facial Massage",
"Premium Skin Care",
],
id: "premium-shave", title: "Signature Shave", price: "$45", period: "per service", features: [
"Traditional Straight Razor Shave", "Hot Towel Treatment", "Facial Massage", "Premium Skin Care"],
button: {
text: "Book Signature Shave",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313037.jpg",
imageAlt: "Man getting a straight razor shave",
},
text: "Book Signature Shave", href: "#contact"},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313037.jpg", imageAlt: "Man getting a straight razor shave"},
{
id: "full-package",
title: "The Full Hermanos Experience",
price: "$70",
period: "per service",
features: [
"Precision Haircut",
"Traditional Shave",
"Beard Trim & Styling",
"Scalp Treatment",
],
id: "full-package", title: "The Full Hermanos Experience", price: "$70", period: "per service", features: [
"Precision Haircut", "Traditional Shave", "Beard Trim & Styling", "Scalp Treatment"],
button: {
text: "Book Full Experience",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-man-barbershop_23-2148506245.jpg",
imageAlt: "Full set of barber tools",
},
text: "Book Full Experience", href: "#contact"},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-man-barbershop_23-2148506245.jpg", imageAlt: "Full set of barber tools"},
]}
title="Our Service Pricing"
description="Choose from our expertly crafted services, designed to deliver the finest grooming experience."
@@ -392,30 +232,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "How do I book an appointment?",
content: "You can easily book an appointment through our website's 'Book Now' section or by calling us directly during business hours.",
},
id: "faq-1", title: "How do I book an appointment?", content: "You can easily book an appointment through our website's 'Book Now' section 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 payments. Online bookings require card payment for confirmation.",
},
id: "faq-2", title: "What payment methods do you accept?", content: "We accept all major credit cards, debit cards, and cash payments. Online bookings require card payment for confirmation."},
{
id: "faq-3",
title: "Do you offer walk-in services?",
content: "While we primarily operate by appointment to ensure quality service, walk-ins are welcome if a barber is available. We recommend booking in advance to guarantee your spot.",
},
id: "faq-3", title: "Do you offer walk-in services?", content: "While we primarily operate by appointment to ensure quality service, walk-ins are welcome if a barber is available. We recommend booking in advance to guarantee your spot."},
{
id: "faq-4",
title: "What is your cancellation policy?",
content: "We kindly ask for at least 24 hours notice for cancellations or rescheduling. This allows us to offer the slot to other clients.",
},
id: "faq-4", title: "What is your cancellation policy?", content: "We kindly ask for at least 24 hours notice for cancellations or rescheduling. This allows us to offer the slot to other clients."},
{
id: "faq-5",
title: "Are children welcome?",
content: "Yes, we provide services for all ages. Please ensure children are accompanied by an adult.",
},
id: "faq-5", title: "Are children welcome?", content: "Yes, we provide services for all ages. Please ensure children are accompanied by an adult."},
]}
title="Frequently Asked Questions"
description="Have questions? We've got answers. Find more information about our services and policies below."
@@ -428,8 +253,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Book Your Spot"
title="Ready for a Fresh Look?"
description="Schedule your next visit to Hermanos Barber Shop today and experience the difference of expert grooming."
@@ -448,49 +272,31 @@ export default function LandingPage() {
{
items: [
{
label: "Home",
href: "#hero",
},
label: "Home", href: "#hero"},
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Services",
href: "#services",
},
label: "Services", href: "#services"},
],
},
{
items: [
{
label: "Our Team",
href: "#team",
},
label: "Our Team", href: "#team"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "Pricing",
href: "#pricing",
},
label: "Pricing", href: "#pricing"},
],
},
{
items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Book Now",
href: "#contact",
},
label: "Book Now", href: "#contact"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
],
},
]}