bender/04b003ff-d7f9-47ab-ba64-9520644657e5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main #5

Merged
bender merged 2 commits from version_3 into main 2026-03-07 08:40:04 +00:00
Conversation 0 Commits 2 Files Changed 2 +72 -35
2 changed files with 72 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/app/layout.tsx
View File

@@ -5,7 +5,8 @@ import "./globals.css";
const inter = Inter({ subsets: ["latin"] });
export const metadata: Metadata = {
title: "Classics Barbershop", description: "Premium barbering services with timeless excellence"};
title: "Classics Barbershop", description: "Premium barbering services with timeless excellence"
};
export default function RootLayout({
children,

104
src/app/page.tsx
View File

@@ -56,15 +56,20 @@ export default function LandingPage() {
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186471.jpg?_wi=1", imageAlt: "Professional barbershop interior"},
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186471.jpg?_wi=1", imageAlt: "Professional barbershop interior"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/barber-styling-beard-man_23-2147778882.jpg?_wi=1", imageAlt: "Expert haircut styling"},
imageSrc: "http://img.b2bpic.net/free-photo/barber-styling-beard-man_23-2147778882.jpg?_wi=1", imageAlt: "Expert haircut styling"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-combing-moustache-client_23-2147778838.jpg?_wi=1", imageAlt: "Professional beard grooming"},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-combing-moustache-client_23-2147778838.jpg?_wi=1", imageAlt: "Professional beard grooming"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18507.jpg?_wi=1", imageAlt: "Skilled barber at work"},
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18507.jpg?_wi=1", imageAlt: "Skilled barber at work"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186471.jpg?_wi=2", imageAlt: "Barbershop ambiance"},
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186471.jpg?_wi=2", imageAlt: "Barbershop ambiance"
},
]}
ariaLabel="Hero section showcasing Classics Barbershop services"
/>
@@ -74,7 +79,8 @@ export default function LandingPage() {
<TextSplitAbout
title="Our Story"
description={[
"Classics Barbershop has been a cornerstone of the community for over a decade, dedicated to delivering exceptional grooming services with a personal touch. We blend traditional barbering techniques with modern styling sensibilities.", "Our master barbers are certified professionals with years of experience, committed to making every client feel valued and satisfied. We take pride in our attention to detail, premium products, and welcoming atmosphere that keeps our customers coming back."]}
"Classics Barbershop has been a cornerstone of the community for over a decade, dedicated to delivering exceptional grooming services with a personal touch. We blend traditional barbering techniques with modern styling sensibilities.", "Our master barbers are certified professionals with years of experience, committed to making every client feel valued and satisfied. We take pride in our attention to detail, premium products, and welcoming atmosphere that keeps our customers coming back."
]}
showBorder={true}
useInvertedBackground={false}
buttons={[{ text: "Meet the Team", href: "#team" }]}
@@ -94,36 +100,44 @@ export default function LandingPage() {
title: "Classic Haircut", description: "Traditional and modern cuts with precision styling for the perfect look", icon: Scissors,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/barber-styling-beard-man_23-2147778882.jpg?_wi=2", imageAlt: "Classic haircut styling"},
imageSrc: "http://img.b2bpic.net/free-photo/barber-styling-beard-man_23-2147778882.jpg?_wi=2", imageAlt: "Classic haircut styling"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186471.jpg?_wi=3", imageAlt: "Barbershop styling station"},
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186471.jpg?_wi=3", imageAlt: "Barbershop styling station"
},
],
},
{
title: "Beard Grooming", description: "Expert beard trimming, shaping, and conditioning for distinguished looks", icon: Zap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-combing-moustache-client_23-2147778838.jpg?_wi=2", imageAlt: "Professional beard grooming"},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-combing-moustache-client_23-2147778838.jpg?_wi=2", imageAlt: "Professional beard grooming"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18507.jpg?_wi=2", imageAlt: "Beard styling expertise"},
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18507.jpg?_wi=2", imageAlt: "Beard styling expertise"
},
],
},
{
title: "Hot Towel Shave", description: "Luxurious traditional shaving experience with premium products and care", icon: Droplet,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-combing-moustache-client_23-2147778838.jpg?_wi=3", imageAlt: "Hot towel shave service"},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-combing-moustache-client_23-2147778838.jpg?_wi=3", imageAlt: "Hot towel shave service"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186471.jpg?_wi=4", imageAlt: "Premium barbershop amenities"},
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186471.jpg?_wi=4", imageAlt: "Premium barbershop amenities"
},
],
},
{
title: "Fade & Taper", description: "Precision fades and tapers with attention to detail for sharp lines", icon: Layers,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/barber-styling-beard-man_23-2147778882.jpg?_wi=3", imageAlt: "Professional fade haircut"},
imageSrc: "http://img.b2bpic.net/free-photo/barber-styling-beard-man_23-2147778882.jpg?_wi=3", imageAlt: "Professional fade haircut"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18507.jpg?_wi=3", imageAlt: "Expert cutting techniques"},
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18507.jpg?_wi=3", imageAlt: "Expert cutting techniques"
},
],
},
]}
@@ -150,7 +164,8 @@ export default function LandingPage() {
{ text: "Learn More", href: "#services" },
],
features: [
"Professional haircut", "Styling consultation", "Quality products included"],
"Professional haircut", "Styling consultation", "Quality products included"
],
},
{
id: "2", badge: "Deluxe Experience", badgeIcon: Star,
@@ -159,7 +174,8 @@ export default function LandingPage() {
{ text: "Learn More", href: "#services" },
],
features: [
"Premium haircut & styling", "Beard trim & shape", "Hot towel service", "Premium product package"],
"Premium haircut & styling", "Beard trim & shape", "Hot towel service", "Premium product package"
],
},
{
id: "3", badge: "Signature Package", badgeIcon: Crown,
@@ -168,7 +184,8 @@ export default function LandingPage() {
{ text: "Learn More", href: "#services" },
],
features: [
"Masterclass haircut & styling", "Full beard grooming", "Hot towel shave", "Premium facial treatment", "Complimentary beverage"],
"Masterclass haircut & styling", "Full beard grooming", "Hot towel shave", "Premium facial treatment", "Complimentary beverage"
],
},
]}
animationType="slide-up"
@@ -188,11 +205,14 @@ export default function LandingPage() {
tagAnimation="slide-up"
members={[
{
id: "1", name: "Marcus Johnson", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-bearded-hipster-male-violet-jacket-grey-vignette-background_613910-1946.jpg", imageAlt: "Marcus Johnson - Master Barber"},
id: "1", name: "Marcus Johnson", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-bearded-hipster-male-violet-jacket-grey-vignette-background_613910-1946.jpg", imageAlt: "Marcus Johnson - Master Barber"
},
{
id: "2", name: "David Chen", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-tattooed-handsome-middle-aged-man-with-beard-hairstyle-dressed-blue-shirt-tie-pose-studio-with-crossed-arms-isolated-textured-dark-background-studio_613910-5009.jpg", imageAlt: "David Chen - Senior Stylist"},
id: "2", name: "David Chen", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-tattooed-handsome-middle-aged-man-with-beard-hairstyle-dressed-blue-shirt-tie-pose-studio-with-crossed-arms-isolated-textured-dark-background-studio_613910-5009.jpg", imageAlt: "David Chen - Senior Stylist"
},
{
id: "3", name: "James Rodriguez", role: "Certified Barber", imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-mobile-phone-communication-technology_53876-22952.jpg", imageAlt: "James Rodriguez - Certified Barber"},
id: "3", name: "James Rodriguez", role: "Certified Barber", imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-mobile-phone-communication-technology_53876-22952.jpg", imageAlt: "James Rodriguez - Certified Barber"
},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
@@ -211,17 +231,23 @@ export default function LandingPage() {
tagAnimation="slide-up"
testimonials={[
{
id: "1", name: "Robert Martinez", handle: "@robertmtz", testimonial: "The best barbershop in town. Marcus gave me the perfect cut and the attention to detail is unmatched. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/headshot-handsome-bearded-man-smiling-standing-against-white-background_1258-26733.jpg", imageAlt: "Robert Martinez"},
id: "1", name: "Robert Martinez", handle: "@robertmtz", testimonial: "The best barbershop in town. Marcus gave me the perfect cut and the attention to detail is unmatched. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/headshot-handsome-bearded-man-smiling-standing-against-white-background_1258-26733.jpg", imageAlt: "Robert Martinez"
},
{
id: "2", name: "Christopher Lee", handle: "@christopherlee", testimonial: "Been going to Classics for 5 years. The service is consistent, professional, and they genuinely care about their customers.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-handsome-man-sitting-cafe-table_1262-975.jpg", imageAlt: "Christopher Lee"},
id: "2", name: "Christopher Lee", handle: "@christopherlee", testimonial: "Been going to Classics for 5 years. The service is consistent, professional, and they genuinely care about their customers.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-handsome-man-sitting-cafe-table_1262-975.jpg", imageAlt: "Christopher Lee"
},
{
id: "3", name: "Michael Thompson", handle: "@mthompson", testimonial: "My go-to place for grooming. David's beard shaping technique is incredible. Never going anywhere else!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", imageAlt: "Michael Thompson"},
id: "3", name: "Michael Thompson", handle: "@mthompson", testimonial: "My go-to place for grooming. David's beard shaping technique is incredible. Never going anywhere else!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", imageAlt: "Michael Thompson"
},
{
id: "4", name: "James Wilson", handle: "@jameswilson", testimonial: "Outstanding experience every time. The hot towel shave is pure luxury. Worth every penny!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "James Wilson"},
id: "4", name: "James Wilson", handle: "@jameswilson", testimonial: "Outstanding experience every time. The hot towel shave is pure luxury. Worth every penny!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "James Wilson"
},
{
id: "5", name: "David Anderson", handle: "@danderson", testimonial: "Finally found a barbershop that understands quality. Classics Barbershop is the definition of professionalism.", imageSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2831.jpg", imageAlt: "David Anderson"},
id: "5", name: "David Anderson", handle: "@danderson", testimonial: "Finally found a barbershop that understands quality. Classics Barbershop is the definition of professionalism.", imageSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2831.jpg", imageAlt: "David Anderson"
},
{
id: "6", name: "William Garcia", handle: "@wgarcia", testimonial: "Exceptional service and genuine warmth. The team makes you feel like family. Absolutely love this place!", imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3798.jpg", imageAlt: "William Garcia"},
id: "6", name: "William Garcia", handle: "@wgarcia", testimonial: "Exceptional service and genuine warmth. The team makes you feel like family. Absolutely love this place!", imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3798.jpg", imageAlt: "William Garcia"
},
]}
animationType="slide-up"
textboxLayout="default"
@@ -240,17 +266,23 @@ export default function LandingPage() {
tagAnimation="slide-up"
faqs={[
{
id: "1", title: "How do I book an appointment?", content: "You can book an appointment by calling us directly at (555) 123-4567 or using our online booking system. We accept walk-ins when barbers are available, but appointments are recommended for guaranteed slots."},
id: "1", title: "How do I book an appointment?", content: "You can book an appointment by calling us directly at (555) 123-4567 or using our online booking system. We accept walk-ins when barbers are available, but appointments are recommended for guaranteed slots."
},
{
id: "2", title: "What is your cancellation policy?", content: "We ask for at least 24 hours notice for cancellations. Cancellations made within 24 hours of your appointment may be subject to a $10 cancellation fee. No-shows will be charged the full service amount."},
id: "2", title: "What is your cancellation policy?", content: "We ask for at least 24 hours notice for cancellations. Cancellations made within 24 hours of your appointment may be subject to a $10 cancellation fee. No-shows will be charged the full service amount."
},
{
id: "3", title: "Do you accept walk-ins?", content: "Yes, we welcome walk-ins! However, wait times may vary depending on our barbers' schedules. To avoid waiting, we recommend booking an appointment in advance."},
id: "3", title: "Do you accept walk-ins?", content: "Yes, we welcome walk-ins! However, wait times may vary depending on our barbers' schedules. To avoid waiting, we recommend booking an appointment in advance."
},
{
id: "4", title: "What payment methods do you accept?", content: "We accept cash, credit cards (Visa, Mastercard, American Express), and digital payments (Apple Pay, Google Pay). Tips can be added at checkout."},
id: "4", title: "What payment methods do you accept?", content: "We accept cash, credit cards (Visa, Mastercard, American Express), and digital payments (Apple Pay, Google Pay). Tips can be added at checkout."
},
{
id: "5", title: "Are there any membership or loyalty programs?", content: "Yes! Our VIP membership includes 10% off all services, priority booking, and exclusive access to special promotions. Sign up today to start saving!"},
id: "5", title: "Are there any membership or loyalty programs?", content: "Yes! Our VIP membership includes 10% off all services, priority booking, and exclusive access to special promotions. Sign up today to start saving!"
},
{
id: "6", title: "How long does a typical appointment take?", content: "Most appointments take 30-45 minutes depending on the service. Beard grooming and hot towel shaves may take slightly longer for optimal results."}
id: "6", title: "How long does a typical appointment take?", content: "Most appointments take 30-45 minutes depending on the service. Beard grooming and hot towel shaves may take slightly longer for optimal results."
}
]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-hair-salon_23-2150665422.jpg"
imageAlt="Barbershop consultation"
@@ -260,6 +292,8 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
animationType="smooth"
buttons={[{ text: "Ready to book? Book Now", href: "#booking" }]}
buttonAnimation="slide-up"
/>
</div>
@@ -267,9 +301,11 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="Classics"
leftLink={{
text: "Privacy Policy", href: "#"}}
text: "Privacy Policy", href: "#"
}}
rightLink={{
text: "Terms of Service", href: "#"}}
text: "Terms of Service", href: "#"
}}
/>
</div>
</ThemeProvider>