Merge version_1 into main #1
315
src/app/page.tsx
315
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Booking",
|
||||
id: "booking",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Booking", id: "booking" },
|
||||
]}
|
||||
brandName="SharpEdge Barbers"
|
||||
/>
|
||||
@@ -58,42 +43,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Look Sharp. Feel Confident. Every Cut, Every Time."
|
||||
description="Premium grooming and precision cuts for the modern man. Experience the tradition of craftsmanship."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book an Appointment",
|
||||
href: "#booking",
|
||||
},
|
||||
{
|
||||
text: "View Services",
|
||||
href: "#services",
|
||||
},
|
||||
{ text: "Book an Appointment", href: "#booking" },
|
||||
{ text: "View Services", href: "#services" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hair-stylist-making-styling-beard-client-salon_23-2148181978.jpg",
|
||||
imageAlt: "fade taper haircut closeup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985723.jpg",
|
||||
imageAlt: "beard trim and shape",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-international-women-s-day-celebration-women-s-rights_23-2151368489.jpg",
|
||||
imageAlt: "hair design pattern fade",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-client-just-got-good-beardcare-from-talanted-trendy-barber_613910-21575.jpg",
|
||||
imageAlt: "hot towel shave barber",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-blogger-holding-shoe-heel-sneakers-hands-happily-looking-camera-recording-new-fashion-video-her-vlog-camera_574295-5296.jpg",
|
||||
imageAlt: "taper fade haircut style",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hair-stylist-making-styling-beard-client-salon_23-2148181978.jpg", imageAlt: "fade taper haircut closeup" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985723.jpg", imageAlt: "beard trim and shape" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/digital-art-international-women-s-day-celebration-women-s-rights_23-2151368489.jpg", imageAlt: "hair design pattern fade" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bearded-client-just-got-good-beardcare-from-talanted-trendy-barber_613910-21575.jpg", imageAlt: "hot towel shave barber" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-blogger-holding-shoe-heel-sneakers-hands-happily-looking-camera-recording-new-fashion-video-her-vlog-camera_574295-5296.jpg", imageAlt: "taper fade haircut style" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -105,57 +67,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "1",
|
||||
badge: "Popular",
|
||||
price: "$35",
|
||||
subtitle: "Men's Haircut",
|
||||
features: [
|
||||
"Precision cut",
|
||||
"Wash & Style",
|
||||
"Neck shave",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "#booking",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
badge: "Essential",
|
||||
price: "$40",
|
||||
subtitle: "Fade & Taper",
|
||||
features: [
|
||||
"Advanced fading",
|
||||
"Detailed precision",
|
||||
"Hot towel finish",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "#booking",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
badge: "Grooming",
|
||||
price: "$25",
|
||||
subtitle: "Beard Trim",
|
||||
features: [
|
||||
"Shape & line",
|
||||
"Hot towel",
|
||||
"Beard oil treatment",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "#booking",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "1", badge: "Popular", price: "$35", subtitle: "Men's Haircut", features: ["Precision cut", "Wash & Style", "Neck shave"], buttons: [{ text: "Book", href: "#booking" }] },
|
||||
{ id: "2", badge: "Essential", price: "$40", subtitle: "Fade & Taper", features: ["Advanced fading", "Detailed precision", "Hot towel finish"], buttons: [{ text: "Book", href: "#booking" }] },
|
||||
{ id: "3", badge: "Grooming", price: "$25", subtitle: "Beard Trim", features: ["Shape & line", "Hot towel", "Beard oil treatment"], buttons: [{ text: "Book", href: "#booking" }] },
|
||||
]}
|
||||
title="Services & Pricing"
|
||||
description="Choose from our premium grooming services tailored for every style."
|
||||
@@ -167,21 +81,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Meet Your Barber"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "12+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Community Served",
|
||||
value: "5000+",
|
||||
},
|
||||
{
|
||||
icon: Scissors,
|
||||
label: "Cuts Per Year",
|
||||
value: "1200",
|
||||
},
|
||||
{ icon: Award, label: "Years Experience", value: "12+" },
|
||||
{ icon: Users, label: "Community Served", value: "5000+" },
|
||||
{ icon: Scissors, label: "Cuts Per Year", value: "1200" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -194,42 +96,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Fade",
|
||||
price: "Sharp",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-with-necklace_23-2149409782.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Beard Mastery",
|
||||
price: "Clean",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/antiaging-beauty-treatment_23-2149123590.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Artistry",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-modern-background_23-2147886958.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Hot Towel Ritual",
|
||||
price: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-shaving-hair-unrecognizable-man_23-2147778749.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Taper Work",
|
||||
price: "Clean",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-his-self-care-ritual_23-2149204992.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Youth Style",
|
||||
price: "Modern",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186473.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Classic Fade", price: "Sharp", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-with-necklace_23-2149409782.jpg" },
|
||||
{ id: "p2", name: "Beard Mastery", price: "Clean", imageSrc: "http://img.b2bpic.net/free-photo/antiaging-beauty-treatment_23-2149123590.jpg" },
|
||||
{ id: "p3", name: "Artistry", price: "Custom", imageSrc: "http://img.b2bpic.net/free-vector/abstract-modern-background_23-2147886958.jpg" },
|
||||
{ id: "p4", name: "Hot Towel Ritual", price: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-shaving-hair-unrecognizable-man_23-2147778749.jpg" },
|
||||
{ id: "p5", name: "Taper Work", price: "Clean", imageSrc: "http://img.b2bpic.net/free-photo/man-doing-his-self-care-ritual_23-2149204992.jpg" },
|
||||
{ id: "p6", name: "Youth Style", price: "Modern", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186473.jpg" },
|
||||
]}
|
||||
title="Fresh Cuts Gallery"
|
||||
description="See why our precision cuts are the talk of the town."
|
||||
@@ -240,49 +112,15 @@ export default function LandingPage() {
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Best in the city",
|
||||
quote: "Consistently the sharpest fades I've ever had. Great vibe.",
|
||||
name: "Marcus J.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-party_23-2148115738.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Top tier service",
|
||||
quote: "Professional, welcoming, and meticulous. Won't go anywhere else.",
|
||||
name: "David L.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-giving-haircut-customer_23-2148506232.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Community vibe",
|
||||
quote: "Feels like home every time I walk in. Amazing community spot.",
|
||||
name: "Samuel K.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-male-with-long-hair-dark-background_613910-16017.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Meticulous work",
|
||||
quote: "Been coming here for 3 years. Always consistent and fresh.",
|
||||
name: "James R.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-luxury-bearded-male-sunglasses-dressed-white-shirt-grey-background_613910-9691.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Precision",
|
||||
quote: "The hot towel shave is a must. High quality every single time.",
|
||||
name: "William O.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrit-trendy-handsome-man-sunglasses-photo-studio_613910-5880.jpg",
|
||||
},
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="Hear from our happy clients about their experiences at SharpEdge."
|
||||
testimonials={[
|
||||
{ id: "t1", title: "Best in the city", quote: "Consistently the sharpest fades I've ever had. Great vibe.", name: "Marcus J.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/couple-party_23-2148115738.jpg" },
|
||||
{ id: "t2", title: "Top tier service", quote: "Professional, welcoming, and meticulous. Won't go anywhere else.", name: "David L.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-giving-haircut-customer_23-2148506232.jpg" },
|
||||
{ id: "t3", title: "Community vibe", quote: "Feels like home every time I walk in. Amazing community spot.", name: "Samuel K.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-male-with-long-hair-dark-background_613910-16017.jpg" },
|
||||
{ id: "t4", title: "Meticulous work", quote: "Been coming here for 3 years. Always consistent and fresh.", name: "James R.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/portrait-luxury-bearded-male-sunglasses-dressed-white-shirt-grey-background_613910-9691.jpg" },
|
||||
{ id: "t5", title: "Precision", quote: "The hot towel shave is a must. High quality every single time.", name: "William O.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/portrit-trendy-handsome-man-sunglasses-photo-studio_613910-5880.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -292,21 +130,9 @@ export default function LandingPage() {
|
||||
title="Visit Us Today"
|
||||
description="Find us in the heart of the city. Walk-ins are welcome on weekdays, appointments preferred on weekends."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "addr",
|
||||
title: "Address",
|
||||
content: "123 Main St, Barber District, City, ST 90210",
|
||||
},
|
||||
{
|
||||
id: "hours",
|
||||
title: "Hours",
|
||||
content: "Mon-Fri: 9am - 7pm, Sat: 9am - 5pm, Sun: Closed",
|
||||
},
|
||||
{
|
||||
id: "phone",
|
||||
title: "Phone",
|
||||
content: "(555) 123-4567",
|
||||
},
|
||||
{ id: "addr", title: "Address", content: "123 Main St, Barber District, City, ST 90210" },
|
||||
{ id: "hours", title: "Hours", content: "Mon-Fri: 9am - 7pm, Sat: 9am - 5pm, Sun: Closed" },
|
||||
{ id: "phone", title: "Phone", content: "(555) 123-4567" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18629.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -319,26 +145,11 @@ export default function LandingPage() {
|
||||
title="Book Your Appointment"
|
||||
description="Your next fresh cut is one click away. Book today to guarantee your slot."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email Address" },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "notes",
|
||||
placeholder: "Any specific requests?",
|
||||
}}
|
||||
textarea={{ name: "notes", placeholder: "Any specific requests?" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barber-showing-man-his-haircut-mirror_107420-94782.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -347,49 +158,9 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="SharpEdge Barbers"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Booking",
|
||||
href: "#booking",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "tel:5551234567",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "#home" }, { label: "Services", href: "#services" }, { label: "Booking", href: "#booking" }] },
|
||||
{ title: "Connect", items: [{ label: "Instagram", href: "https://instagram.com" }, { label: "Call Us", href: "tel:5551234567" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 SharpEdge Barbers | Where Every Visit Feels Like Home."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user