bender/d41b690f-16f4-4458-bc33-457e4f9c6bb4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-17 05:09:35 +00:00
parent 79967ae1f8
commit bb48a196ce
1 changed files with 50 additions and 174 deletions
Download Patch File Download Diff File Expand all files Collapse all files

224
src/app/page.tsx
View File

@@ -32,69 +32,44 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "Team",
id: "team",
},
name: "Team", id: "team"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Lujan's"
brandName="Lujan's Barber Shop"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "gradient-bars",
}}
title="Precision Grooming, Elevated."
description="Lujan's Barber Shop delivers a premium, artisanal grooming experience designed for the modern gentleman. Step into our world of precision, style, and relaxation."
variant: "gradient-bars"}}
title="Precision Grooming in Selma, California."
description="Lujan's Barber Shop delivers a premium, artisanal grooming experience. Call us at (559) 555-0123. Step into our world of precision, style, and relaxation."
tag="Expertise Guaranteed"
buttons={[
{
text: "Book Appointment",
href: "#contact",
},
text: "Book Appointment", href: "#contact"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-carrying-puppy-bag_23-2150565421.jpg",
imageAlt: "Barber shop interior",
},
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-carrying-puppy-bag_23-2150565421.jpg", imageAlt: "Barber shop interior"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-female-hairdresser-washing-bearded-men-s-hair-before-haircut-saloon_613910-14605.jpg",
imageAlt: "Barber tools",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-female-hairdresser-washing-bearded-men-s-hair-before-haircut-saloon_613910-14605.jpg", imageAlt: "Barber tools"},
{
imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185639.jpg",
imageAlt: "Shop details",
},
imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185639.jpg", imageAlt: "Shop details"},
{
imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6236.jpg",
imageAlt: "Customer satisfaction",
},
imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6236.jpg", imageAlt: "Customer satisfaction"},
{
imageSrc: "http://img.b2bpic.net/free-photo/barber-equipment-working-surface-by-mirror-barbershop_627829-8282.jpg",
imageAlt: "Atmosphere",
},
imageSrc: "http://img.b2bpic.net/free-photo/barber-equipment-working-surface-by-mirror-barbershop_627829-8282.jpg", imageAlt: "Atmosphere"},
{
imageSrc: "http://img.b2bpic.net/free-photo/otoscope-syringe-surgical-instruments-roll-gauze-black-fountain-pen-wooden-desk_23-2148050553.jpg",
imageAlt: "Tools display",
},
imageSrc: "http://img.b2bpic.net/free-photo/otoscope-syringe-surgical-instruments-roll-gauze-black-fountain-pen-wooden-desk_23-2148050553.jpg", imageAlt: "Tools display"},
]}
/>
</div>
@@ -102,21 +77,15 @@ export default function LandingPage() {
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Where Tradition Meets Modernity"
title="Where Tradition Meets Modernity in Selma"
description="At Lujan's, we believe grooming is more than just a cut—it's a ritual. Our master barbers combine time-honored techniques with contemporary style to ensure you look your absolute best."
metrics={[
{
value: "15+",
title: "Years Experience",
},
value: "15+", title: "Years Experience"},
{
value: "5k+",
title: "Happy Clients",
},
value: "5k+", title: "Happy Clients"},
{
value: "100%",
title: "Precision",
},
value: "100%", title: "Precision"},
]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-as-barista_23-2150754671.jpg"
imageAlt="Founder barbering"
@@ -132,26 +101,14 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Precision Cuts",
description: "Expertly crafted haircuts tailored to your facial structure and hair type.",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-shaving-objects_23-2148121970.jpg",
imageAlt: "Haircut",
},
title: "Precision Cuts", description: "Expertly crafted haircuts tailored to your facial structure and hair type.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-shaving-objects_23-2148121970.jpg", imageAlt: "Haircut"},
{
title: "Beard Grooming",
description: "Professional trimming, shaping, and hot towel treatments for a perfectly groomed beard.",
imageSrc: "http://img.b2bpic.net/free-photo/dad-teaching-his-son-how-shave_23-2149422630.jpg",
imageAlt: "Beard grooming",
},
title: "Beard Grooming", description: "Professional trimming, shaping, and hot towel treatments for a perfectly groomed beard.", imageSrc: "http://img.b2bpic.net/free-photo/dad-teaching-his-son-how-shave_23-2149422630.jpg", imageAlt: "Beard grooming"},
{
title: "Scalp Treatments",
description: "Revitalize your hair and scalp with our premium treatments for optimal health and shine.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-applying-hair-serum_23-2151968654.jpg",
imageAlt: "Scalp care",
},
title: "Scalp Treatments", description: "Revitalize your hair and scalp with our premium treatments for optimal health and shine.", imageSrc: "http://img.b2bpic.net/free-photo/woman-applying-hair-serum_23-2151968654.jpg", imageAlt: "Scalp care"},
]}
title="Our Signature Services"
description="From classic precision cuts to hot towel shaves, experience the ultimate grooming services delivered with care."
description="From classic precision cuts to hot towel shaves, experience the ultimate grooming services delivered with care in Selma, CA."
/>
</div>
@@ -162,26 +119,11 @@ export default function LandingPage() {
useInvertedBackground={false}
team={[
{
id: "t1",
name: "Marco Lujan",
role: "Master Barber",
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462516.jpg",
imageAlt: "Marco",
},
id: "t1", name: "Marco Lujan", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462516.jpg", imageAlt: "Marco"},
{
id: "t2",
name: "Elena Ross",
role: "Senior Stylist",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-business-woman-formal-suit-holds-cute-dog_613910-99.jpg",
imageAlt: "Elena",
},
id: "t2", name: "Elena Ross", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-business-woman-formal-suit-holds-cute-dog_613910-99.jpg", imageAlt: "Elena"},
{
id: "t3",
name: "David Chen",
role: "Lead Barber",
imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-black-male-with-tattoo-cross-arms-dressed-white-shirt_613910-15917.jpg",
imageAlt: "David",
},
id: "t3", name: "David Chen", role: "Lead Barber", imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-black-male-with-tattoo-cross-arms-dressed-white-shirt_613910-15917.jpg", imageAlt: "David"},
]}
title="Meet Our Master Stylists"
description="Our team of seasoned barbers and stylists are committed to excellence, bringing unique skill and passion to every chair."
@@ -196,45 +138,20 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "John Smith",
role: "Executive",
company: "Tech Group",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-couple-with-cute-dog_23-2149614017.jpg",
},
id: "1", name: "John Smith", role: "Executive", company: "Tech Group", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-couple-with-cute-dog_23-2149614017.jpg"},
{
id: "2",
name: "David Lee",
role: "Creative",
company: "Design Studio",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-shaving-brush-showing-ok-sign-smiling-cheerfully_141793-37232.jpg",
},
id: "2", name: "David Lee", role: "Creative", company: "Design Studio", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-shaving-brush-showing-ok-sign-smiling-cheerfully_141793-37232.jpg"},
{
id: "3",
name: "Robert King",
role: "Entrepreneur",
company: "King Co",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-men-bachelor-party_23-2149275459.jpg",
},
id: "3", name: "Robert King", role: "Entrepreneur", company: "King Co", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-men-bachelor-party_23-2149275459.jpg"},
{
id: "4",
name: "James White",
role: "Manager",
company: "Retail Corp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-hairdresser-shop_23-2149220528.jpg",
},
id: "4", name: "James White", role: "Manager", company: "Retail Corp", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-hairdresser-shop_23-2149220528.jpg"},
{
id: "5",
name: "Michael Reed",
role: "Consultant",
company: "Reed Advisors",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-getting-haircut_23-2150665407.jpg",
},
id: "5", name: "Michael Reed", role: "Consultant", company: "Reed Advisors", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-getting-haircut_23-2150665407.jpg"},
]}
title="What Our Clients Say"
description="Authentic experiences from those who trust Lujan's with their personal style."
@@ -247,20 +164,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Do I need to book an appointment?",
content: "While walk-ins are sometimes available, we recommend booking online to guarantee your preferred time.",
},
id: "f1", title: "Do I need to book an appointment?", content: "While walk-ins are sometimes available, we recommend booking online to guarantee your preferred time."},
{
id: "f2",
title: "How long does a cut take?",
content: "Our signature cuts typically take 45-60 minutes depending on the complexity of the service.",
},
id: "f2", title: "How long does a cut take?", content: "Our signature cuts typically take 45-60 minutes depending on the complexity of the service."},
{
id: "f3",
title: "What products do you use?",
content: "We use only premium, curated grooming products designed to keep your hair and beard in top condition.",
},
id: "f3", title: "What products do you use?", content: "We use only premium, curated grooming products designed to keep your hair and beard in top condition."},
]}
title="Frequently Asked Questions"
description="Everything you need to know about our services and booking process."
@@ -277,35 +185,11 @@ export default function LandingPage() {
description="Stay updated with tips, trends, and professional advice on men's grooming and lifestyle."
blogs={[
{
id: "b1",
category: "Lifestyle",
title: "The Art of the Shave",
excerpt: "Mastering the traditional hot towel shave technique for the perfect home experience.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-elder-man-with-beard-holding-moisturizer_23-2148621159.jpg",
authorName: "Marco Lujan",
authorAvatar: "http://img.b2bpic.net/free-photo/barber-giving-high-five-client_23-2147737095.jpg",
date: "Oct 12, 2023",
},
id: "b1", category: "Lifestyle", title: "The Art of the Shave", excerpt: "Mastering the traditional hot towel shave technique for the perfect home experience.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-elder-man-with-beard-holding-moisturizer_23-2148621159.jpg", authorName: "Marco Lujan", authorAvatar: "http://img.b2bpic.net/free-photo/barber-giving-high-five-client_23-2147737095.jpg", date: "Oct 12, 2023"},
{
id: "b2",
category: "Styling",
title: "Choosing the Right Product",
excerpt: "Pomade vs. wax vs. gel: how to know what works for your hair type.",
imageSrc: "http://img.b2bpic.net/free-photo/deciding-shave_1098-14121.jpg",
authorName: "Elena Ross",
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-tattooed-male-wearing-white-shirt-suspenders_613910-1406.jpg",
date: "Oct 15, 2023",
},
id: "b2", category: "Styling", title: "Choosing the Right Product", excerpt: "Pomade vs. wax vs. gel: how to know what works for your hair type.", imageSrc: "http://img.b2bpic.net/free-photo/deciding-shave_1098-14121.jpg", authorName: "Elena Ross", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-tattooed-male-wearing-white-shirt-suspenders_613910-1406.jpg", date: "Oct 15, 2023"},
{
id: "b3",
category: "Beard Care",
title: "Beard Maintenance Basics",
excerpt: "Essential steps to keeping your beard healthy, soft, and styled everyday.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-senior-man-with-beard-holding-moisturizer_23-2148621161.jpg",
authorName: "David Chen",
authorAvatar: "http://img.b2bpic.net/free-photo/strict-slavic-middle-aged-male-barber-uniform-combing-beard-holding-scissors-isolated-purple-wall_141793-86101.jpg",
date: "Oct 20, 2023",
},
id: "b3", category: "Beard Care", title: "Beard Maintenance Basics", excerpt: "Essential steps to keeping your beard healthy, soft, and styled everyday.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-senior-man-with-beard-holding-moisturizer_23-2148621161.jpg", authorName: "David Chen", authorAvatar: "http://img.b2bpic.net/free-photo/strict-slavic-middle-aged-male-barber-uniform-combing-beard-holding-scissors-isolated-purple-wall_141793-86101.jpg", date: "Oct 20, 2023"},
]}
/>
</div>
@@ -313,26 +197,18 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Visit Lujan's"
description="Ready for your next experience? Contact us to book or visit us at our central shop."
title="Visit Lujan's in Selma"
description="Ready for your next experience? Contact us at (559) 555-0123 to book or visit us at our shop in Selma, California."
inputs={[
{
name: "fullName",
type: "text",
placeholder: "Full Name",
required: true,
name: "fullName", type: "text", placeholder: "Full Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
name: "email", type: "email", placeholder: "Email Address", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Preferred date or special requests...",
rows: 4,
name: "message", placeholder: "Preferred date or special requests...", rows: 4,
}}
imageSrc="http://img.b2bpic.net/free-photo/mother-with-daughter-home_1157-18662.jpg"
imageAlt="Shop interior"
@@ -341,8 +217,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterCard
logoText="Lujan's"
copyrightText="© 2025 Lujan's Barber Shop."
logoText="Lujan's Barber Shop"
copyrightText="© 2025 Lujan's Barber Shop, Selma, CA."
/>
</div>
</ReactLenis>