Merge version_1 into main #2
298
src/app/page.tsx
298
src/app/page.tsx
@@ -33,18 +33,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "#team",
|
||||
},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Team", id: "#team" },
|
||||
{ name: "Book Now", id: "#contact" }
|
||||
]}
|
||||
brandName="Zack's Cutz"
|
||||
/>
|
||||
@@ -54,35 +45,15 @@ export default function LandingPage() {
|
||||
<HeroOverlay
|
||||
title="Sharp Cuts. Real Barbers. Your Neighborhood."
|
||||
description="Zack's Cutz delivers precision haircuts and classic grooming in a space built for regulars and walk-ins alike."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/crop-barber-washing-hair-bearded-man_23-2147778782.jpg?_wi=1"
|
||||
buttons={[{ text: "Book Your Appointment", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/crop-barber-washing-hair-bearded-man_23-2147778782.jpg"
|
||||
imageAlt="Luxury Barbershop Interior"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-hairdresser-shop_23-2149220587.jpg",
|
||||
alt: "Medium shot man at hairdresser shop",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-man-looking-his-phone-barber-shop_23-2148353459.jpg",
|
||||
alt: "Handsome man looking on his phone at the barber shop",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg",
|
||||
alt: "Professional barber working with a client in a hairdressing salon.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94772.jpg",
|
||||
alt: "Man getting his beard shaved with razor",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-senior-man-laughing_23-2151203948.jpg",
|
||||
alt: "Side view senior man laughing",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-hairdresser-shop_23-2149220587.jpg", alt: "Medium shot man at hairdresser shop" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-man-looking-his-phone-barber-shop_23-2148353459.jpg", alt: "Handsome man looking on his phone at the barber shop" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg", alt: "Professional barber working with a client in a hairdressing salon." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94772.jpg", alt: "Man getting his beard shaved with razor" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-senior-man-laughing_23-2151203948.jpg", alt: "Side view senior man laughing" }
|
||||
]}
|
||||
avatarText="Trusted by 100+ locals"
|
||||
/>
|
||||
@@ -94,16 +65,10 @@ export default function LandingPage() {
|
||||
title="Crafting Style Since 2015"
|
||||
description="We believe a haircut is more than just maintenance; it's a ritual. At Zack's Cutz, we combine traditional techniques with modern style."
|
||||
metrics={[
|
||||
{
|
||||
value: "12k+",
|
||||
title: "Satisfied Clients",
|
||||
},
|
||||
{
|
||||
value: "8",
|
||||
title: "Master Barbers",
|
||||
},
|
||||
{ value: "12k+", title: "Satisfied Clients" },
|
||||
{ value: "8", title: "Master Barbers" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-male-artist-playing-electric-guitar_23-2148680322.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-male-artist-playing-electric-guitar_23-2148680322.jpg"
|
||||
imageAlt="Barber Tools Detail"
|
||||
/>
|
||||
</div>
|
||||
@@ -114,21 +79,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Scissors,
|
||||
title: "Precision Cut",
|
||||
description: "Tailored cuts for your specific hair type.",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Beard Grooming",
|
||||
description: "Hot towel shave and crisp line-up.",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
title: "Classic Shave",
|
||||
description: "The traditional straight razor experience.",
|
||||
},
|
||||
{ icon: Scissors, title: "Precision Cut", description: "Tailored cuts for your specific hair type." },
|
||||
{ icon: Sparkles, title: "Beard Grooming", description: "Hot towel shave and crisp line-up." },
|
||||
{ icon: Star, title: "Classic Shave", description: "The traditional straight razor experience." }
|
||||
]}
|
||||
title="Our Grooming Services"
|
||||
description="From classic cuts to modern beard styling, we have everything you need."
|
||||
@@ -142,41 +95,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
groups={[
|
||||
{
|
||||
id: "staff",
|
||||
groupTitle: "Barber Team",
|
||||
members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Zack",
|
||||
subtitle: "Founder & Master Barber",
|
||||
detail: "15 years experience, precision specialist.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-with-crossed-arms-dressed-white-shirt-grey-background_613910-8120.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Mira",
|
||||
subtitle: "Senior Barber",
|
||||
detail: "Modern trends and styling expert.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-hair-brushes-happy-cheerfuul-smiling_141793-37016.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Sandra",
|
||||
subtitle: "Master Stylist",
|
||||
detail: "Attention to detail for classic fades.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
title: "Deep",
|
||||
subtitle: "Barber",
|
||||
detail: "Straight razor shaving pro.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-washing-dog_23-2149652688.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-washing-hair-bearded-man_23-2147778782.jpg?_wi=2",
|
||||
imageAlt: "professional barber portrait",
|
||||
},
|
||||
id: "staff", groupTitle: "Barber Team", members: [
|
||||
{ id: "m1", title: "Zack", subtitle: "Founder & Master Barber", detail: "15 years experience, precision specialist.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-with-crossed-arms-dressed-white-shirt-grey-background_613910-8120.jpg" },
|
||||
{ id: "m2", title: "Mira", subtitle: "Senior Barber", detail: "Modern trends and styling expert.", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-hair-brushes-happy-cheerfuul-smiling_141793-37016.jpg" },
|
||||
{ id: "m3", title: "Sandra", subtitle: "Master Stylist", detail: "Attention to detail for classic fades.", imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg" },
|
||||
{ id: "m4", title: "Deep", subtitle: "Barber", detail: "Straight razor shaving pro.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-washing-dog_23-2149652688.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Meet The Experts"
|
||||
description="Our team of skilled barbers dedicated to your perfect look."
|
||||
@@ -185,44 +110,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mark R.",
|
||||
role: "Regular",
|
||||
testimonial: "Best fade I've had in years. Professional and welcoming.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-smiling-cheerfully-showing-thumbs-up-standing-pink-wall_141793-23039.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James L.",
|
||||
role: "Client",
|
||||
testimonial: "The atmosphere is great and the barbers are true pros.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-home-getting-ready-haircut_23-2148817221.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sam T.",
|
||||
role: "Regular",
|
||||
testimonial: "Finally found a barber who listens. Zack is legendary.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-shaving-hair-unrecognizable-man_23-2147778749.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jason K.",
|
||||
role: "Client",
|
||||
testimonial: "Consistency is key, they deliver perfectly every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girls-chatting-sofa_23-2147762523.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Dave B.",
|
||||
role: "Client",
|
||||
testimonial: "The hot towel shave is a game changer. Worth every penny.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-male-barber-uniform-holding-hair-clippers-showing-yes-gesture-isolated-pink_141793-73155.jpg",
|
||||
},
|
||||
{ id: "1", name: "Mark R.", role: "Regular", testimonial: "Best fade I've had in years. Professional and welcoming.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-smiling-cheerfully-showing-thumbs-up-standing-pink-wall_141793-23039.jpg" },
|
||||
{ id: "2", name: "James L.", role: "Client", testimonial: "The atmosphere is great and the barbers are true pros.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-home-getting-ready-haircut_23-2148817221.jpg" },
|
||||
{ id: "3", name: "Sam T.", role: "Regular", testimonial: "Finally found a barber who listens. Zack is legendary.", imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-shaving-hair-unrecognizable-man_23-2147778749.jpg" },
|
||||
{ id: "4", name: "Jason K.", role: "Client", testimonial: "Consistency is key, they deliver perfectly every time.", imageSrc: "http://img.b2bpic.net/free-photo/young-girls-chatting-sofa_23-2147762523.jpg" },
|
||||
{ id: "5", name: "Dave B.", role: "Client", testimonial: "The hot towel shave is a game changer. Worth every penny.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-male-barber-uniform-holding-hair-clippers-showing-yes-gesture-isolated-pink_141793-73155.jpg" }
|
||||
]}
|
||||
title="What Our Regulars Say"
|
||||
description="Real feedback from satisfied customers in our community."
|
||||
@@ -235,57 +131,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Signature Cut",
|
||||
price: "$35",
|
||||
period: "per session",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Haircut",
|
||||
"Hot Towel",
|
||||
],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-staff-answers-help-line-calls-logistics-depot-updating-clients-orders_482257-136500.jpg",
|
||||
imageAlt: "Close up of male staff answers help line calls in a logistics depot updating clients on orders and",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Full Grooming",
|
||||
price: "$55",
|
||||
period: "per session",
|
||||
features: [
|
||||
"Signature Cut",
|
||||
"Beard Trim",
|
||||
"Straight Razor Shave",
|
||||
],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-washing-hair-bearded-man_23-2147778782.jpg?_wi=3",
|
||||
imageAlt: "Close up of male staff answers help line calls in a logistics depot updating clients on orders and",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Beard Design",
|
||||
price: "$25",
|
||||
period: "per session",
|
||||
features: [
|
||||
"Line-up",
|
||||
"Hot Towel",
|
||||
"Beard Oil",
|
||||
],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-male-artist-playing-electric-guitar_23-2148680322.jpg?_wi=2",
|
||||
imageAlt: "Close up of male staff answers help line calls in a logistics depot updating clients on orders and",
|
||||
},
|
||||
{ id: "1", title: "Signature Cut", price: "$35", period: "per session", features: ["Consultation", "Haircut", "Hot Towel"], button: { text: "Book Now", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-staff-answers-help-line-calls-logistics-depot-updating-clients-orders_482257-136500.jpg" },
|
||||
{ id: "2", title: "Full Grooming", price: "$55", period: "per session", features: ["Signature Cut", "Beard Trim", "Straight Razor Shave"], button: { text: "Book Now", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-washing-hair-bearded-man_23-2147778782.jpg" },
|
||||
{ id: "3", title: "Beard Design", price: "$25", period: "per session", features: ["Line-up", "Hot Towel", "Beard Oil"], button: { text: "Book Now", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/side-view-male-artist-playing-electric-guitar_23-2148680322.jpg" }
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
description="Simple, honest pricing for exceptional grooming services."
|
||||
@@ -298,21 +146,9 @@ export default function LandingPage() {
|
||||
title="Why Choose Us?"
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Years Of Combined Experience",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "200+",
|
||||
description: "Weekly Walk-ins",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5.0",
|
||||
description: "Average Rating",
|
||||
},
|
||||
{ id: "m1", value: "15+", description: "Years Of Combined Experience" },
|
||||
{ id: "m2", value: "200+", description: "Weekly Walk-ins" },
|
||||
{ id: "m3", value: "5.0", description: "Average Rating" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -322,21 +158,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you accept walk-ins?",
|
||||
content: "Yes, we always welcome walk-ins based on barber availability.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I book online?",
|
||||
content: "Absolutely, use the link below to reserve your slot.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are you open on Sundays?",
|
||||
content: "Yes, we are open 7 days a week for your convenience.",
|
||||
},
|
||||
{ id: "f1", title: "Do you accept walk-ins?", content: "Yes, we always welcome walk-ins based on barber availability." },
|
||||
{ id: "f2", title: "Can I book online?", content: "Absolutely, use the link below to reserve your slot." },
|
||||
{ id: "f3", title: "Are you open on Sundays?", content: "Yes, we are open 7 days a week for your convenience." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about Zack's Cutz."
|
||||
@@ -347,9 +171,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Scheduling"
|
||||
title="Book Your Spot"
|
||||
description="Ready for a fresh cut? Use our online booking system or drop by today."
|
||||
@@ -360,45 +182,9 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Zack's Cutz"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop Info",
|
||||
items: [
|
||||
{
|
||||
label: "123 Main Street, City",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "(555) 123-4567",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Shop Info", items: [{ label: "123 Main Street, City", href: "#" }, { label: "(555) 123-4567", href: "#" }] },
|
||||
{ title: "Quick Links", items: [{ label: "Book Appointment", href: "#contact" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user