Merge version_1 into main #2
316
src/app/page.tsx
316
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "booking",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Book Now", id: "booking" },
|
||||
]}
|
||||
brandName="LENIEL"
|
||||
/>
|
||||
@@ -58,34 +43,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Fresh Cuts. Real Culture. Austin’s Most Authentic Barber Experience."
|
||||
description="Cuban-inspired barbershop delivering clean fades, creative styles, and a welcoming atmosphere where everyone feels like family."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Cut Now",
|
||||
href: "#booking",
|
||||
},
|
||||
{
|
||||
text: "Find Us",
|
||||
href: "#location",
|
||||
},
|
||||
{ text: "Book Your Cut Now", href: "#booking" },
|
||||
{ text: "Find Us", href: "#location" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-customer-getting-haircut_23-2148256905.jpg?_wi=1",
|
||||
imageAlt: "Barber shop fade detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665396.jpg",
|
||||
imageAlt: "Barbers laughing and community",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scissors-towel-beauty-salon_23-2148181999.jpg",
|
||||
imageAlt: "Professional clippers detail",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-customer-getting-haircut_23-2148256905.jpg", imageAlt: "Barber shop fade detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665396.jpg", imageAlt: "Barbers laughing and community" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/scissors-towel-beauty-salon_23-2148181999.jpg", imageAlt: "Professional clippers detail" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -96,26 +64,10 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Why Austin Trusts Leniel"
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Rating",
|
||||
value: "4.7+",
|
||||
},
|
||||
{
|
||||
icon: Scissors,
|
||||
label: "Service",
|
||||
value: "Walk-ins",
|
||||
},
|
||||
{
|
||||
icon: User,
|
||||
label: "Family",
|
||||
value: "Friendly",
|
||||
},
|
||||
{
|
||||
icon: Palette,
|
||||
label: "Style",
|
||||
value: "Clean",
|
||||
},
|
||||
{ icon: Star, label: "Rating", value: "4.7+" },
|
||||
{ icon: Scissors, label: "Service", value: "Walk-ins" },
|
||||
{ icon: User, label: "Family", value: "Friendly" },
|
||||
{ icon: Palette, label: "Style", value: "Clean" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -128,24 +80,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Cuts",
|
||||
description: "Experienced fades and creative modern styles for every hair type.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-being-cleaned-with-shaving-brush_23-2148256914.jpg",
|
||||
imageAlt: "Precision fade",
|
||||
},
|
||||
{
|
||||
title: "Cuban Energy",
|
||||
description: "Good conversation, music, and an atmosphere where you feel like family.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462473.jpg",
|
||||
imageAlt: "Barber shop culture",
|
||||
},
|
||||
{
|
||||
title: "Family Friendly",
|
||||
description: "Patient, friendly service for kids and families.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-preschooler-boy-getting-haircut-children-hairdresser-with-scissors-comb-is-cutting-little-boy-room-with-loft-interior_613910-19653.jpg",
|
||||
imageAlt: "Family barber service",
|
||||
},
|
||||
{ title: "Precision Cuts", description: "Experienced fades and creative modern styles for every hair type.", imageSrc: "http://img.b2bpic.net/free-photo/man-being-cleaned-with-shaving-brush_23-2148256914.jpg", imageAlt: "Precision fade" },
|
||||
{ title: "Cuban Energy", description: "Good conversation, music, and an atmosphere where you feel like family.", imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462473.jpg", imageAlt: "Barber shop culture" },
|
||||
{ title: "Family Friendly", description: "Patient, friendly service for kids and families.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-preschooler-boy-getting-haircut-children-hairdresser-with-scissors-comb-is-cutting-little-boy-room-with-loft-interior_613910-19653.jpg", imageAlt: "Family barber service" },
|
||||
]}
|
||||
title="More Than a Barber Shop — It’s a Culture"
|
||||
description="Leniel Barber Shop is built on respect, skill, and community. From last-minute haircuts to detailed fades for special occasions, we make sure every client leaves feeling confident. Our barbers bring Cuban energy, good conversation, and serious attention to detail."
|
||||
@@ -158,54 +95,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
tag: "Classic",
|
||||
price: "$30",
|
||||
period: "/cut",
|
||||
description: "Clean, simple, sharp haircut.",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Precision Cut",
|
||||
"Neck Trim",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
tag: "Premium",
|
||||
price: "$45",
|
||||
period: "/cut",
|
||||
description: "Skin fade with expert precision.",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Skin Fade",
|
||||
"Edge Up",
|
||||
"Styling",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
tag: "Luxury",
|
||||
price: "$55",
|
||||
period: "/cut",
|
||||
description: "The full experience.",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Haircut",
|
||||
"Hot Towel",
|
||||
"Beard Trim",
|
||||
],
|
||||
},
|
||||
{ id: "p1", tag: "Classic", price: "$30", period: "/cut", description: "Clean, simple, sharp haircut.", button: { text: "Book Now" }, featuresTitle: "Included", features: ["Consultation", "Precision Cut", "Neck Trim"] },
|
||||
{ id: "p2", tag: "Premium", price: "$45", period: "/cut", description: "Skin fade with expert precision.", button: { text: "Book Now" }, featuresTitle: "Included", features: ["Skin Fade", "Edge Up", "Styling"] },
|
||||
{ id: "p3", tag: "Luxury", price: "$55", period: "/cut", description: "The full experience.", button: { text: "Book Now" }, featuresTitle: "Included", features: ["Haircut", "Hot Towel", "Beard Trim"] },
|
||||
]}
|
||||
title="Premium Grooming Services"
|
||||
description="Professional services tailored to keep you looking your best."
|
||||
@@ -219,33 +111,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Meet the Team",
|
||||
members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Leniel",
|
||||
subtitle: "Lead Barber",
|
||||
detail: "Master of fades and Cuban styling.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-posing-with-crossed-arms-brick-wall_176420-14652.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Alex",
|
||||
subtitle: "Style Expert",
|
||||
detail: "Creative modern cuts and textures.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-model-holding-book-red-wall_114579-56021.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Marcus",
|
||||
subtitle: "Precision Tech",
|
||||
detail: "Sharper lines, better beard work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313039.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-customer-getting-haircut_23-2148256905.jpg?_wi=2",
|
||||
imageAlt: "barber portrait professional",
|
||||
id: "g1", groupTitle: "Meet the Team", members: [
|
||||
{ id: "m1", title: "Leniel", subtitle: "Lead Barber", detail: "Master of fades and Cuban styling.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-posing-with-crossed-arms-brick-wall_176420-14652.jpg" },
|
||||
{ id: "m2", title: "Alex", subtitle: "Style Expert", detail: "Creative modern cuts and textures.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-model-holding-book-red-wall_114579-56021.jpg" },
|
||||
{ id: "m3", title: "Marcus", subtitle: "Precision Tech", detail: "Sharper lines, better beard work.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313039.jpg" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Skilled Barbers. Real Personalities."
|
||||
@@ -258,46 +128,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Amazing",
|
||||
quote: "My son got a last-minute haircut and left extremely happy.",
|
||||
name: "Sarah J.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Great Vibe",
|
||||
quote: "Good atmosphere, good energy, Cuban vibe. Cuts are creative.",
|
||||
name: "Mike D.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2550.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Loyal Customer",
|
||||
quote: "Coming here for months, never went anywhere else.",
|
||||
name: "David K.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glad-man-showing-okay-gesture-approval-sign-giving-positive-reply-against-orange-background-attractive-guy-asserting-everything-is-ok-colorful-background_574295-6132.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Reliable",
|
||||
quote: "Good haircut, professional and kind barber service.",
|
||||
name: "Alex R.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Worth It",
|
||||
quote: "Price and quality are worth it. Great with kids too.",
|
||||
name: "Brian P.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-man-smiling-street-kuala-lumpur-urban-men-clothing-style-soap-bubbles-fly-air_1321-2139.jpg",
|
||||
},
|
||||
{ id: "t1", title: "Amazing", quote: "My son got a last-minute haircut and left extremely happy.", name: "Sarah J.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg" },
|
||||
{ id: "t2", title: "Great Vibe", quote: "Good atmosphere, good energy, Cuban vibe. Cuts are creative.", name: "Mike D.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2550.jpg" },
|
||||
{ id: "t3", title: "Loyal Customer", quote: "Coming here for months, never went anywhere else.", name: "David K.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/glad-man-showing-okay-gesture-approval-sign-giving-positive-reply-against-orange-background-attractive-guy-asserting-everything-is-ok-colorful-background_574295-6132.jpg" },
|
||||
{ id: "t4", title: "Reliable", quote: "Good haircut, professional and kind barber service.", name: "Alex R.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg" },
|
||||
{ id: "t5", title: "Worth It", quote: "Price and quality are worth it. Great with kids too.", name: "Brian P.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-man-smiling-street-kuala-lumpur-urban-men-clothing-style-soap-bubbles-fly-air_1321-2139.jpg" },
|
||||
]}
|
||||
title="What Clients Say"
|
||||
description="Authentic experiences from our local Austin family."
|
||||
@@ -311,36 +146,15 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Instant Booking",
|
||||
description: "Pick your time, pick your barber.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/banners-online-training-flat-design_23-2147592973.jpg",
|
||||
imageAlt: "Calendar",
|
||||
},
|
||||
{
|
||||
title: "Last Minute",
|
||||
description: "Need a cut today? Check wait times.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/creative-watch-logo-templates_23-2148958953.jpg",
|
||||
imageAlt: "Clock",
|
||||
},
|
||||
{
|
||||
title: "Manage Easily",
|
||||
description: "Cancel or reschedule instantly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-near-calendar-paper_23-2148036901.jpg",
|
||||
imageAlt: "Phone",
|
||||
},
|
||||
{ title: "Instant Booking", description: "Pick your time, pick your barber.", imageSrc: "http://img.b2bpic.net/free-vector/banners-online-training-flat-design_23-2147592973.jpg", imageAlt: "Calendar" },
|
||||
{ title: "Last Minute", description: "Need a cut today? Check wait times.", imageSrc: "http://img.b2bpic.net/free-vector/creative-watch-logo-templates_23-2148958953.jpg", imageAlt: "Clock" },
|
||||
{ title: "Manage Easily", description: "Cancel or reschedule instantly.", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-near-calendar-paper_23-2148036901.jpg", imageAlt: "Phone" },
|
||||
]}
|
||||
title="Book Your Fresh Cut"
|
||||
description="Skip the wait. Lock in your appointment in seconds."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Call Shop",
|
||||
href: "tel:5550101",
|
||||
},
|
||||
{ text: "Book Now", href: "#" },
|
||||
{ text: "Call Shop", href: "tel:5550101" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -348,21 +162,13 @@ export default function LandingPage() {
|
||||
<div id="location" data-section="location">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Visit Us in Austin"
|
||||
description="Austin, Texas. Walk-ins available daily. Busy weekends — appointments recommended."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#booking",
|
||||
},
|
||||
{ text: "Get Directions", href: "#" },
|
||||
{ text: "Book Appointment", href: "#booking" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -372,49 +178,13 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746589.jpg"
|
||||
logoText="LENIEL BARBER SHOP"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Classic Cuts",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Skin Fades",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
{
|
||||
label: "Our Team",
|
||||
href: "#barbers",
|
||||
},
|
||||
{
|
||||
label: "The Culture",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "#booking",
|
||||
},
|
||||
{
|
||||
label: "Directions",
|
||||
href: "#location",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Classic Cuts", href: "#services" }, { label: "Skin Fades", href: "#services" }] },
|
||||
{ title: "About", items: [{ label: "Our Team", href: "#barbers" }, { label: "The Culture", href: "#about" }] },
|
||||
{ title: "Support", items: [{ label: "Book Now", href: "#booking" }, { label: "Directions", href: "#location" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user