bender/88acd0ea-5027-456e-8122-206ddafdacda
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-05-12 17:26:51 +00:00
parent 8f637c1a3b
commit bff4105353
1 changed files with 48 additions and 265 deletions
Download Patch File Download Diff File Expand all files Collapse all files

311
src/app/page.tsx
View File

@@ -33,38 +33,14 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "features",
},
{
name: "Team",
id: "team",
},
{
name: "Products",
id: "product",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Team", id: "team" },
{ name: "Products", id: "product" },
{ name: "Pricing", id: "pricing" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" }
]}
brandName="THE LEGEND"
/>
@@ -72,63 +48,26 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="THE LEGEND: Where Tradition Meets Style"
description="Experience the timeless craft of master barbering. We specialize in precision cuts, classic shaves, and premium grooming services."
buttons={[
{
text: "Book Appointment",
href: "#contact",
},
]}
buttons={[{ text: "Book Appointment", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg"
imageAlt="The Legend Barbershop interior"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg",
alt: "Barber doing haircut bearded aged client in hair salon",
},
{
src: "http://img.b2bpic.net/free-photo/comfortable-old-fashioned-chair-rustic-antique-elegance-indoors-generated-by-ai_188544-29043.jpg",
alt: "Comfortable old fashioned chair rustic antique elegance indoors",
},
{
src: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg",
alt: "Hair salon chair with towel on armchair",
},
{
src: "http://img.b2bpic.net/free-photo/mustache-guy-barbershop_140725-7723.jpg",
alt: "Mustache guy in barbershop",
},
{
src: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg",
alt: "Side view man at hair salon",
},
{ src: "http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg", alt: "Barber doing haircut bearded aged client in hair salon" },
{ src: "http://img.b2bpic.net/free-photo/comfortable-old-fashioned-chair-rustic-antique-elegance-indoors-generated-by-ai_188544-29043.jpg", alt: "Comfortable old fashioned chair rustic antique elegance indoors" },
{ src: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg", alt: "Hair salon chair with towel on armchair" },
{ src: "http://img.b2bpic.net/free-photo/mustache-guy-barbershop_140725-7723.jpg", alt: "Mustache guy in barbershop" },
{ src: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg", alt: "Side view man at hair salon" }
]}
marqueeItems={[
{
type: "text",
text: "Precision Cuts",
},
{
type: "text",
text: "Hot Towel Shaves",
},
{
type: "text",
text: "Expert Grooming",
},
{
type: "text",
text: "Signature Trims",
},
{
type: "text",
text: "Timeless Style",
},
{ type: "text", text: "Precision Cuts" },
{ type: "text", text: "Hot Towel Shaves" },
{ type: "text", text: "Expert Grooming" },
{ type: "text", text: "Signature Trims" },
{ type: "text", text: "Timeless Style" }
]}
/>
</div>
@@ -152,33 +91,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Precision Haircuts",
tags: [
"Modern",
"Classic",
],
imageSrc: "http://img.b2bpic.net/free-photo/classic-shaving-brush-front-foam-bowl-folded-white-napkin-razor-wooden-desk_23-2148088542.jpg",
},
{
id: "f2",
title: "Signature Beard Trims",
tags: [
"Styling",
"Care",
],
imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985737.jpg",
},
{
id: "f3",
title: "Hot Towel Facials",
tags: [
"Relax",
"Groom",
],
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-getting-facial-exfoliation-scrub-with-brush-health-beauty-spa_662251-2543.jpg",
},
{ id: "f1", title: "Precision Haircuts", tags: ["Modern", "Classic"], imageSrc: "http://img.b2bpic.net/free-photo/classic-shaving-brush-front-foam-bowl-folded-white-napkin-razor-wooden-desk_23-2148088542.jpg" },
{ id: "f2", title: "Signature Beard Trims", tags: ["Styling", "Care"], imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985737.jpg" },
{ id: "f3", title: "Hot Towel Facials", tags: ["Relax", "Groom"], imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-getting-facial-exfoliation-scrub-with-brush-health-beauty-spa_662251-2543.jpg" }
]}
title="Master Grooming Services"
description="A comprehensive range of services tailored to the modern gentleman."
@@ -187,27 +102,13 @@ export default function LandingPage() {
<div id="team" data-section="team">
<TeamCardFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
team={[
{
id: "t1",
name: "Marcus Thorne",
role: "Master Barber",
imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-trimmer-smiling-cheerfully-showing-thumbs-up-standing-light-wall_141793-50621.jpg",
},
{
id: "t2",
name: "Leo Rivera",
role: "Lead Stylist",
imageSrc: "http://img.b2bpic.net/free-photo/young-pleased-blonde-male-barber-uniform-points-himself-holding-scissors-isolated-olive-green-space-with-copy-space_141793-60265.jpg",
},
{
id: "t3",
name: "James Cole",
role: "Senior Groomer",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-grinning-old-fashioned-man-grandfather-with-clock_1157-39157.jpg",
},
{ id: "t1", name: "Marcus Thorne", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-trimmer-smiling-cheerfully-showing-thumbs-up-standing-light-wall_141793-50621.jpg" },
{ id: "t2", name: "Leo Rivera", role: "Lead Stylist", imageSrc: "http://img.b2bpic.net/free-photo/young-pleased-blonde-male-barber-uniform-points-himself-holding-scissors-isolated-olive-green-space-with-copy-space_141793-60265.jpg" },
{ id: "t3", name: "James Cole", role: "Senior Groomer", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-grinning-old-fashioned-man-grandfather-with-clock_1157-39157.jpg" }
]}
title="Meet The Masters"
description="Our team of seasoned professionals dedicated to your style."
@@ -221,42 +122,12 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Classic Pomade",
price: "$25",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shaving-brush-perfume_53876-32090.jpg",
},
{
id: "p2",
name: "Beard Oil",
price: "$30",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-items-spa-therapy_23-2148290933.jpg",
},
{
id: "p3",
name: "Shaving Cream",
price: "$20",
imageSrc: "http://img.b2bpic.net/free-photo/shaving-soap-brush-metal-bowl-xa_1163-2030.jpg",
},
{
id: "p4",
name: "Hair Tonic",
price: "$22",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-using-hair-spray_23-2149132112.jpg",
},
{
id: "p5",
name: "Shaving Brush",
price: "$45",
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-barber-wearing-uniform-shaving-his-moustache-with-straight-razor-looking-up-with-shaving-cream-put-his-face-isolated-olive-green-background_141793-85010.jpg",
},
{
id: "p6",
name: "Aftershave",
price: "$35",
imageSrc: "http://img.b2bpic.net/free-photo/foam-wooden-bowl-white-folded-towel-with-shaving-brush-razor-against-blue-background_23-2148088327.jpg",
},
{ id: "p1", name: "Classic Pomade", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shaving-brush-perfume_53876-32090.jpg" },
{ id: "p2", name: "Beard Oil", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-items-spa-therapy_23-2148290933.jpg" },
{ id: "p3", name: "Shaving Cream", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/shaving-soap-brush-metal-bowl-xa_1163-2030.jpg" },
{ id: "p4", name: "Hair Tonic", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-using-hair-spray_23-2149132112.jpg" },
{ id: "p5", name: "Shaving Brush", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-barber-wearing-uniform-shaving-his-moustache-with-straight-razor-looking-up-with-shaving-cream-put-his-face-isolated-olive-green-background_141793-85010.jpg" },
{ id: "p6", name: "Aftershave", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/foam-wooden-bowl-white-folded-towel-with-shaving-brush-razor-against-blue-background_23-2148088327.jpg" }
]}
title="Premium Grooming Kit"
description="Take home the legend with our exclusive grooming product line."
@@ -269,39 +140,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "pl1",
badge: "Classic",
price: "$40",
subtitle: "The standard legend cut.",
features: [
"Precision Cut",
"Wash",
"Styling",
],
},
{
id: "pl2",
badge: "Signature",
price: "$65",
subtitle: "Complete grooming experience.",
features: [
"Cut & Beard",
"Hot Towel",
"Massage",
],
},
{
id: "pl3",
badge: "Groom",
price: "$30",
subtitle: "Beard maintenance.",
features: [
"Beard Trim",
"Razor Lineup",
"Oil",
],
},
{ id: "pl1", badge: "Classic", price: "$40", subtitle: "The standard legend cut.", features: ["Precision Cut", "Wash", "Styling"] },
{ id: "pl2", badge: "Signature", price: "$65", subtitle: "Complete grooming experience.", features: ["Cut & Beard", "Hot Towel", "Massage"] },
{ id: "pl3", badge: "Groom", price: "$30", subtitle: "Beard maintenance.", features: ["Beard Trim", "Razor Lineup", "Oil"] }
]}
title="Service Pricing"
description="Quality services at transparent prices."
@@ -312,31 +153,11 @@ export default function LandingPage() {
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "ts1",
name: "Alex B.",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-with-tattooed-arms-dressed-shirt-posing-grey-background_613910-15701.jpg",
},
{
id: "ts2",
name: "Michael R.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-bartender-bar-counter_329181-20308.jpg",
},
{
id: "ts3",
name: "Chris D.",
imageSrc: "http://img.b2bpic.net/free-photo/funny-worker-amusing-colleague-office-telling-joke_482257-102093.jpg",
},
{
id: "ts4",
name: "David W.",
imageSrc: "http://img.b2bpic.net/free-photo/sensitive-man-posing-studio-front-view_23-2149518231.jpg",
},
{
id: "ts5",
name: "Sam L.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506366.jpg",
},
{ id: "ts1", name: "Alex B.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-with-tattooed-arms-dressed-shirt-posing-grey-background_613910-15701.jpg" },
{ id: "ts2", name: "Michael R.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-bartender-bar-counter_329181-20308.jpg" },
{ id: "ts3", name: "Chris D.", imageSrc: "http://img.b2bpic.net/free-photo/funny-worker-amusing-colleague-office-telling-joke_482257-102093.jpg" },
{ id: "ts4", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/sensitive-man-posing-studio-front-view_23-2149518231.jpg" },
{ id: "ts5", name: "Sam L.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506366.jpg" }
]}
cardTitle="What Clients Say"
cardTag="Reviews"
@@ -348,21 +169,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Do I need an appointment?",
content: "Yes, we recommend booking in advance to ensure a chair.",
},
{
id: "q2",
title: "How long does it take?",
content: "A standard cut typically takes 30-45 minutes.",
},
{
id: "q3",
title: "Where are you located?",
content: "We are located in the heart of the city.",
},
{ id: "q1", title: "Do I need an appointment?", content: "Yes, we recommend booking in advance to ensure a chair." },
{ id: "q2", title: "How long does it take?", content: "A standard cut typically takes 30-45 minutes." },
{ id: "q3", title: "Where are you located?", content: "We are located in the heart of the city." }
]}
sideTitle="Frequently Asked"
faqsAnimation="slide-up"
@@ -372,9 +181,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
tag="Visit Us"
title="Book Your Seat"
description="Ready to look legendary? Reach out to schedule your service today."
@@ -386,32 +193,8 @@ export default function LandingPage() {
imageSrc="http://img.b2bpic.net/free-photo/vintage-border-salon-tools-wooden-table-jobs-career-concept_53876-128908.jpg"
logoText="THE LEGEND"
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "#about",
},
{
label: "Services",
href: "#features",
},
],
},
{
title: "Support",
items: [
{
label: "FAQ",
href: "#faq",
},
{
label: "Contact",
href: "#contact",
},
],
},
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] }
]}
copyrightText="© 2025 | THE LEGEND BARBERSHOP"
/>