Merge version_2 into main #2
208
src/app/page.tsx
208
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Services", id: "pricing"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Stars & Stripes"
|
||||
/>
|
||||
@@ -55,31 +47,20 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Classic Grooming, Modern Style."
|
||||
description="At Stars and Stripes Barbershop, we deliver premium haircuts, beard trims, and hot towel shaves in a welcoming environment."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-getting-ready-giving-haircut-her-client_23-2148353413.jpg?_wi=1",
|
||||
imageAlt: "Barbershop interior modern classic",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-getting-ready-giving-haircut-her-client_23-2148353413.jpg?_wi=1", imageAlt: "Barbershop interior modern classic"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5407.jpg?_wi=1",
|
||||
imageAlt: "Barber working on client",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5407.jpg?_wi=1", imageAlt: "Barber working on client"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-influencer-home-with-dog_23-2148738158.jpg",
|
||||
imageAlt: "Classic barber shop interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-influencer-home-with-dog_23-2148738158.jpg", imageAlt: "Classic barber shop interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-close-up-nape_627829-7308.jpg",
|
||||
imageAlt: "Handsome bearded man at the barbershop barber at work Close up nape",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-close-up-nape_627829-7308.jpg", imageAlt: "Handsome bearded man at the barbershop barber at work Close up nape"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-woman-doing-haircut_1163-2018.jpg",
|
||||
imageAlt: "Hairstylist woman doing haircut",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-woman-doing-haircut_1163-2018.jpg", imageAlt: "Hairstylist woman doing haircut"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -102,23 +83,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Expert Stylists",
|
||||
description: "Highly trained barbers dedicated to the perfect cut.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-hair-client_23-2147778763.jpg",
|
||||
imageAlt: "Hairdresser cutting hair of client",
|
||||
},
|
||||
title: "Expert Stylists", description: "Highly trained barbers dedicated to the perfect cut.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-hair-client_23-2147778763.jpg", imageAlt: "Hairdresser cutting hair of client"},
|
||||
{
|
||||
title: "Premium Products",
|
||||
description: "Only the best for your hair and skin.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-getting-ready-giving-haircut-her-client_23-2148353413.jpg?_wi=2",
|
||||
imageAlt: "Hairdresser cutting hair of client",
|
||||
},
|
||||
title: "Premium Products", description: "Only the best for your hair and skin.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-getting-ready-giving-haircut-her-client_23-2148353413.jpg?_wi=2", imageAlt: "Hairdresser cutting hair of client"},
|
||||
{
|
||||
title: "Relaxed Atmosphere",
|
||||
description: "Enjoy a comfortable and friendly shop experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5407.jpg?_wi=2",
|
||||
imageAlt: "Hairdresser cutting hair of client",
|
||||
},
|
||||
title: "Relaxed Atmosphere", description: "Enjoy a comfortable and friendly shop experience.", imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5407.jpg?_wi=2", imageAlt: "Hairdresser cutting hair of client"},
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="Your grooming routine deserves perfection. We combine high-quality products with professional techniques."
|
||||
@@ -132,55 +101,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "cut",
|
||||
badge: "Popular",
|
||||
price: "$30",
|
||||
subtitle: "Precision Cut",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Detailed Cut",
|
||||
"Neck Shave",
|
||||
],
|
||||
id: "deluxe", badge: "Recommended", price: "$50", subtitle: "The Full Experience", features: [
|
||||
"Haircut", "Beard trim", "Hot towel shave", "Styling"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "beard",
|
||||
badge: "Classic",
|
||||
price: "$20",
|
||||
subtitle: "Beard Trim",
|
||||
features: [
|
||||
"Line up",
|
||||
"Beard conditioning",
|
||||
"Hot towel",
|
||||
],
|
||||
id: "cut", badge: "Popular", price: "$30", subtitle: "Precision Cut", features: [
|
||||
"Consultation", "Detailed Cut", "Neck Shave"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "deluxe",
|
||||
badge: "Premium",
|
||||
price: "$50",
|
||||
subtitle: "The Full Experience",
|
||||
features: [
|
||||
"Haircut",
|
||||
"Beard trim",
|
||||
"Hot towel shave",
|
||||
"Styling",
|
||||
],
|
||||
id: "beard", badge: "Classic", price: "$20", subtitle: "Beard Trim", features: [
|
||||
"Line up", "Beard conditioning", "Hot towel"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -197,26 +138,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "barber1",
|
||||
name: "John Doe",
|
||||
role: "Master Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7271.jpg",
|
||||
imageAlt: "Handsome bearded man at the barbershop barber at work",
|
||||
},
|
||||
id: "barber1", name: "John Doe", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7271.jpg", imageAlt: "Handsome bearded man at the barbershop barber at work"},
|
||||
{
|
||||
id: "barber2",
|
||||
name: "Jane Smith",
|
||||
role: "Senior Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-getting-ready-giving-haircut-her-client_23-2148353413.jpg?_wi=3",
|
||||
imageAlt: "Handsome bearded man at the barbershop barber at work",
|
||||
},
|
||||
id: "barber2", name: "Jane Smith", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-getting-ready-giving-haircut-her-client_23-2148353413.jpg?_wi=3", imageAlt: "Handsome bearded man at the barbershop barber at work"},
|
||||
{
|
||||
id: "barber3",
|
||||
name: "Mike Ross",
|
||||
role: "Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5407.jpg?_wi=3",
|
||||
imageAlt: "Handsome bearded man at the barbershop barber at work",
|
||||
},
|
||||
id: "barber3", name: "Mike Ross", role: "Barber", imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5407.jpg?_wi=3", imageAlt: "Handsome bearded man at the barbershop barber at work"},
|
||||
]}
|
||||
title="Meet Your Barbers"
|
||||
description="Our team of professionals is here to provide exceptional service."
|
||||
@@ -229,45 +155,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Great cut!",
|
||||
quote: "Best barbershop in town. Always consistent.",
|
||||
name: "Steve A.",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg",
|
||||
},
|
||||
id: "1", title: "Great cut!", quote: "Best barbershop in town. Always consistent.", name: "Steve A.", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Top tier.",
|
||||
quote: "Clean shop, professional staff, quality work.",
|
||||
name: "Mark D.",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg",
|
||||
},
|
||||
id: "2", title: "Top tier.", quote: "Clean shop, professional staff, quality work.", name: "Mark D.", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Recommended.",
|
||||
quote: "My regular spot for a reason. Great atmosphere.",
|
||||
name: "Sam K.",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-man-outdoor_23-2148479594.jpg",
|
||||
},
|
||||
id: "3", title: "Recommended.", quote: "My regular spot for a reason. Great atmosphere.", name: "Sam K.", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-man-outdoor_23-2148479594.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Solid service.",
|
||||
quote: "Fast, precise, and great attention to detail.",
|
||||
name: "Chris B.",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-male-with-long-hair-dark-background_613910-1758.jpg",
|
||||
},
|
||||
id: "4", title: "Solid service.", quote: "Fast, precise, and great attention to detail.", name: "Chris B.", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-male-with-long-hair-dark-background_613910-1758.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Perfect.",
|
||||
quote: "Always leave here looking sharp.",
|
||||
name: "David L.",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665448.jpg",
|
||||
},
|
||||
id: "5", title: "Perfect.", quote: "Always leave here looking sharp.", name: "David L.", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665448.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by our community for years."
|
||||
@@ -280,20 +176,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "We accept walk-ins, but appointments are recommended for guaranteed service.",
|
||||
},
|
||||
id: "q1", title: "Do I need an appointment?", content: "We accept walk-ins, but appointments are recommended for guaranteed service."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What are your hours?",
|
||||
content: "We are open Monday-Saturday, 9 AM to 7 PM.",
|
||||
},
|
||||
id: "q2", title: "What are your hours?", content: "We are open Monday-Saturday, 9 AM to 7 PM."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer shaves?",
|
||||
content: "Yes, we specialize in hot towel shaves.",
|
||||
},
|
||||
id: "q3", title: "Do you offer shaves?", content: "Yes, we specialize in hot towel shaves."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Have questions about our services?"
|
||||
@@ -308,8 +195,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Visit Stars and Stripes"
|
||||
description="Ready for your next cut? Book an appointment or stop by our shop today."
|
||||
@@ -324,33 +210,21 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Services", href: "#pricing"},
|
||||
{
|
||||
label: "Team",
|
||||
href: "#team",
|
||||
},
|
||||
label: "Team", href: "#team"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Use", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user