Merge version_1 into main #2
194
src/app/page.tsx
194
src/app/page.tsx
@@ -29,26 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Djero Barber"
|
||||
/>
|
||||
@@ -56,68 +41,27 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Precision Cuts. Classic Style."
|
||||
description="Experience the premium grooming standard at Djero Barber Shop. From sharp fades to traditional hot towel shaves, we redefine your look with master precision."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Services",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sideways-costumer-beauty-salon_23-2148242856.jpg?_wi=1"
|
||||
buttons={[{ text: "Book Appointment", href: "#contact" }, { text: "View Services", href: "#features" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sideways-costumer-beauty-salon_23-2148242856.jpg"
|
||||
imageAlt="Barber shop interior"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-crazy-happy-showing-ok-sign-standing-blue-wall_141793-96743.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-woman-hugging-dog_23-2149271866.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/faceless-woman-cutting-beard-man_23-2147778905.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/crazy-hippie-man-happy-expression_1194-3942.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-21713.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-crazy-happy-showing-ok-sign-standing-blue-wall_141793-96743.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-woman-hugging-dog_23-2149271866.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/faceless-woman-cutting-beard-man_23-2147778905.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/crazy-hippie-man-happy-expression_1194-3942.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-21713.jpg", alt: "Client 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Classic Style",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hot Towel Shave",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Fades",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Beard Grooming",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Products",
|
||||
},
|
||||
{ type: "text", text: "Classic Style" },
|
||||
{ type: "text", text: "Hot Towel Shave" },
|
||||
{ type: "text", text: "Expert Fades" },
|
||||
{ type: "text", text: "Beard Grooming" },
|
||||
{ type: "text", text: "Premium Products" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -130,7 +74,7 @@ export default function LandingPage() {
|
||||
description="Founded with a passion for traditional craftsmanship and modern edge, Djero Barber Shop provides a sanctuary for men who appreciate quality grooming."
|
||||
subdescription="Our barbers are dedicated to the art of the cut, ensuring every visit is a relaxing experience that leaves you feeling and looking your absolute best."
|
||||
icon={Scissors}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -142,28 +86,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Cuts",
|
||||
description: "Tailored haircuts for every style, fade, or length.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Scissors,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sideways-costumer-beauty-salon_23-2148242856.jpg?_wi=2",
|
||||
imageAlt: "barber shop interior vintage style",
|
||||
title: "Precision Cuts", description: "Tailored haircuts for every style, fade, or length.", bentoComponent: "reveal-icon", icon: Scissors,
|
||||
},
|
||||
{
|
||||
title: "Hot Towel Shave",
|
||||
description: "A traditional, relaxing shave with premium products.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Diamond,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg?_wi=2",
|
||||
imageAlt: "barber shop master at work",
|
||||
title: "Hot Towel Shave", description: "A traditional, relaxing shave with premium products.", bentoComponent: "reveal-icon", icon: Diamond,
|
||||
},
|
||||
{
|
||||
title: "Beard Sculpting",
|
||||
description: "Expert trimming and grooming for your beard.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Star,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-crazy-happy-showing-ok-sign-standing-blue-wall_141793-96743.jpg?_wi=1",
|
||||
imageAlt: "happy male customer portrait",
|
||||
title: "Beard Sculpting", description: "Expert trimming and grooming for your beard.", bentoComponent: "reveal-icon", icon: Star,
|
||||
},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
@@ -177,41 +106,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivet",
|
||||
role: "Regular Client",
|
||||
testimonial: "The best haircut in town, hands down. Masterful service every time!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-crazy-happy-showing-ok-sign-standing-blue-wall_141793-96743.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marco Rossi",
|
||||
role: "Beard Enthusiast",
|
||||
testimonial: "Djero really knows how to sculpt a beard. Highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-hugging-dog_23-2149271866.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sam Miller",
|
||||
role: "Loyal Customer",
|
||||
testimonial: "Great atmosphere, professional staff, and always clean cuts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/faceless-woman-cutting-beard-man_23-2147778905.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jason Lee",
|
||||
role: "First-timer",
|
||||
testimonial: "The hot towel shave experience was incredibly relaxing. I'll be back!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-hippie-man-happy-expression_1194-3942.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chris P.",
|
||||
role: "Regular",
|
||||
testimonial: "Consistent, precise, and friendly service every time I walk in.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-21713.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alex Rivet", role: "Regular Client", testimonial: "The best haircut in town, hands down. Masterful service every time!", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-crazy-happy-showing-ok-sign-standing-blue-wall_141793-96743.jpg" },
|
||||
{ id: "2", name: "Marco Rossi", role: "Beard Enthusiast", testimonial: "Djero really knows how to sculpt a beard. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-hugging-dog_23-2149271866.jpg" },
|
||||
{ id: "3", name: "Sam Miller", role: "Loyal Customer", testimonial: "Great atmosphere, professional staff, and always clean cuts.", imageSrc: "http://img.b2bpic.net/free-photo/faceless-woman-cutting-beard-man_23-2147778905.jpg" },
|
||||
{ id: "4", name: "Jason Lee", role: "First-timer", testimonial: "The hot towel shave experience was incredibly relaxing. I'll be back!", imageSrc: "http://img.b2bpic.net/free-photo/crazy-hippie-man-happy-expression_1194-3942.jpg" },
|
||||
{ id: "5", name: "Chris P.", role: "Regular", testimonial: "Consistent, precise, and friendly service every time I walk in.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-21713.jpg" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Join our community of well-groomed gentlemen who trust Djero for their style."
|
||||
@@ -221,18 +120,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Visit Us"
|
||||
title="Ready for your next cut?"
|
||||
description="Book your appointment online or walk in and join the queue. We're open 7 days a week."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Appointment", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -240,32 +132,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Djero Barber"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Djero Barber Shop Inc."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user