bender/95fafd68-ec07-41c1-8e15-e5cf3ecd6ce5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-16 15:11:02 +00:00
Conversation 0 Commits 1 Files Changed 1 +59 -293
1 changed files with 59 additions and 293 deletions
Download Patch File Download Diff File Expand all files Collapse all files

352
src/app/page.tsx
View File

@@ -32,30 +32,12 @@ 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: "Pricing",
id: "pricing",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Team", id: "team" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" }
]}
brandName="Empire Barber Studio"
/>
@@ -63,64 +45,27 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
title="Precision Grooming in FL"
description="Experience the elite standards of Empire Barber Studio. From classic cuts to modern fades, we define your signature look."
buttons={[
{
text: "Book Appointment",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/barber-applying-cream-clients-beard_107420-94778.jpg?_wi=1"
buttons={[{ text: "Book Appointment", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/barber-applying-cream-clients-beard_107420-94778.jpg"
imageAlt="Empire Barber Studio Interior"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18629.jpg",
alt: "Barber client",
},
{
src: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg",
alt: "Shaving session",
},
{
src: "http://img.b2bpic.net/free-photo/various-trimmers-dressing-table_107420-94767.jpg",
alt: "Trimmer tools",
},
{
src: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg",
alt: "Salon chair",
},
{
src: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167454.jpg",
alt: "Barber tools setup",
},
{ src: "http://img.b2bpic.net/free-photo/portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18629.jpg", alt: "Barber client" },
{ src: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg", alt: "Shaving session" },
{ src: "http://img.b2bpic.net/free-photo/various-trimmers-dressing-table_107420-94767.jpg", alt: "Trimmer tools" },
{ src: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg", alt: "Salon chair" },
{ src: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167454.jpg", alt: "Barber tools setup" }
]}
avatarText="Trusted by 500+ satisfied clients"
marqueeItems={[
{
type: "text",
text: "Classic Cuts",
},
{
type: "text",
text: "Modern Fades",
},
{
type: "text",
text: "Beard Sculpting",
},
{
type: "text",
text: "Hot Towel Shaves",
},
{
type: "text",
text: "Premium Grooming",
},
{ type: "text", text: "Classic Cuts" },
{ type: "text", text: "Modern Fades" },
{ type: "text", text: "Beard Sculpting" },
{ type: "text", text: "Hot Towel Shaves" },
{ type: "text", text: "Premium Grooming" }
]}
/>
</div>
@@ -132,20 +77,11 @@ export default function LandingPage() {
title="A Legacy of Style"
description="Empire Barber Studio was founded on the principle that every client deserves an elite experience. Our master barbers blend tradition with modern aesthetics."
bulletPoints={[
{
title: "Master Artisans",
description: "Highly trained experts in every technique.",
},
{
title: "Premium Products",
description: "We only use top-tier grooming supplies.",
},
{
title: "Relaxed Vibe",
description: "Your comfort is our top priority.",
},
{ title: "Master Artisans", description: "Highly trained experts in every technique." },
{ title: "Premium Products", description: "We only use top-tier grooming supplies." },
{ title: "Relaxed Vibe", description: "Your comfort is our top priority." }
]}
imageSrc="http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186489.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186489.jpg"
imageAlt="Studio Atmosphere"
mediaAnimation="slide-up"
/>
@@ -158,53 +94,20 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Classic Cuts",
description: "Time-honored techniques for the perfect style.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-razor-blade_23-2151102246.jpg",
},
items: [
{
icon: Scissors,
text: "Precision Trimming",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/barber-applying-cream-clients-beard_107420-94778.jpg?_wi=2",
imageAlt: "hair cut service icon",
title: "Classic Cuts", description: "Time-honored techniques for the perfect style.", media: { imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-razor-blade_23-2151102246.jpg", imageAlt: "hair cut service icon" },
items: [{ icon: Scissors, text: "Precision Trimming" }],
reverse: false
},
{
title: "Beard Sculpting",
description: "Precision beard grooming and styling.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg",
},
items: [
{
icon: Sparkles,
text: "Hot Towel Shave",
},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186489.jpg?_wi=2",
imageAlt: "hair cut service icon",
title: "Beard Sculpting", description: "Precision beard grooming and styling.", media: { imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg", imageAlt: "hair cut service icon" },
items: [{ icon: Sparkles, text: "Hot Towel Shave" }],
reverse: true
},
{
title: "Modern Fades",
description: "Detailed skin fades and modern designs.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-gray-checkered-suit_158538-4205.jpg",
},
items: [
{
icon: Zap,
text: "Sharp Edges",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/looking-side-young-male-barber-wearing-uniform-holding-barber-tools-isolated-olive-green-wall_141793-106033.jpg?_wi=1",
imageAlt: "hair cut service icon",
},
title: "Modern Fades", description: "Detailed skin fades and modern designs.", media: { imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-gray-checkered-suit_158538-4205.jpg", imageAlt: "hair cut service icon" },
items: [{ icon: Zap, text: "Sharp Edges" }],
reverse: false
}
]}
title="Our Signature Services"
description="Tailored treatments for the modern man."
@@ -217,35 +120,14 @@ export default function LandingPage() {
useInvertedBackground={false}
groups={[
{
id: "barbers",
groupTitle: "Elite Stylists",
members: [
{
id: "m1",
title: "Marcus V.",
subtitle: "Master Barber",
detail: "15 years of precision craft.",
imageSrc: "http://img.b2bpic.net/free-photo/looking-side-young-male-barber-wearing-uniform-holding-barber-tools-isolated-olive-green-wall_141793-106033.jpg?_wi=2",
},
{
id: "m2",
title: "Leo R.",
subtitle: "Fade Specialist",
detail: "Expert in intricate modern fades.",
imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-concept-handsome-confident-young-bearded-european-man-having-sly-smile-crossing-arms-his-chest-standing-wall-with-copyspace-your-promotional-content_343059-1693.jpg",
},
{
id: "m3",
title: "Elena S.",
subtitle: "Stylist",
detail: "Precision cutting and texture expert.",
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462516.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/barber-applying-cream-clients-beard_107420-94778.jpg?_wi=3",
imageAlt: "professional barber smiling",
},
id: "barbers", groupTitle: "Elite Stylists", members: [
{ id: "m1", title: "Marcus V.", subtitle: "Master Barber", detail: "15 years of precision craft.", imageSrc: "http://img.b2bpic.net/free-photo/looking-side-young-male-barber-wearing-uniform-holding-barber-tools-isolated-olive-green-wall_141793-106033.jpg" },
{ id: "m2", title: "Leo R.", subtitle: "Fade Specialist", detail: "Expert in intricate modern fades.", imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-concept-handsome-confident-young-bearded-european-man-having-sly-smile-crossing-arms-his-chest-standing-wall-with-copyspace-your-promotional-content_343059-1693.jpg" },
{ id: "m3", title: "Elena S.", subtitle: "Stylist", detail: "Precision cutting and texture expert.", imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462516.jpg" }
]
}
]}
animationType="slide-up"
title="Meet Our Barbers"
description="The experts behind the blade."
/>
@@ -258,55 +140,17 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "p1",
badge: "Essential",
price: "$35",
subtitle: "Quick clean cut",
buttons: [
{
text: "Select",
href: "#contact",
},
],
features: [
"Haircut",
"Neck trim",
],
id: "p1", badge: "Essential", price: "$35", subtitle: "Quick clean cut", buttons: [{ text: "Select", href: "#contact" }],
features: ["Haircut", "Neck trim"]
},
{
id: "p2",
badge: "Premium",
price: "$55",
subtitle: "The full experience",
buttons: [
{
text: "Select",
href: "#contact",
},
],
features: [
"Haircut",
"Beard trim",
"Hot towel",
],
id: "p2", badge: "Premium", price: "$55", subtitle: "The full experience", buttons: [{ text: "Select", href: "#contact" }],
features: ["Haircut", "Beard trim", "Hot towel"]
},
{
id: "p3",
badge: "Master",
price: "$80",
subtitle: "Elite grooming",
buttons: [
{
text: "Select",
href: "#contact",
},
],
features: [
"Full service",
"Scalp treatment",
"Precision styling",
],
},
id: "p3", badge: "Master", price: "$80", subtitle: "Elite grooming", buttons: [{ text: "Select", href: "#contact" }],
features: ["Full service", "Scalp treatment", "Precision styling"]
}
]}
title="Our Rates"
description="Transparent pricing for premium quality."
@@ -318,46 +162,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
title: "Great Experience",
quote: "Best fade in FL hands down.",
name: "John D.",
role: "Client",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg",
},
{
id: "t2",
title: "Elite Service",
quote: "Attention to detail is insane.",
name: "Mike S.",
role: "Client",
imageSrc: "http://img.b2bpic.net/free-photo/indoor-side-view-amazing-happy-young-african-american-female-with-afro-hairstyle-smiling-broadly-keeping-arms-her-chest-listening-nice-music-radio-baking-pie-cozy-kitchen_343059-2650.jpg",
},
{
id: "t3",
title: "Very Happy",
quote: "Found my forever barber.",
name: "Alex P.",
role: "Client",
imageSrc: "http://img.b2bpic.net/free-photo/cropped-photo-handsome-young-guy-classic-jacket-showing-silence-gesture_171337-9558.jpg",
},
{
id: "t4",
title: "Highly Recommend",
quote: "Professional and clean space.",
name: "Rob L.",
role: "Client",
imageSrc: "http://img.b2bpic.net/free-photo/selfie-portrait-videocall_23-2149186118.jpg",
},
{
id: "t5",
title: "Worth Every Penny",
quote: "The hot towel shave is a must.",
name: "David W.",
role: "Client",
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2905.jpg",
},
{ id: "t1", title: "Great Experience", quote: "Best fade in FL hands down.", name: "John D.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg" },
{ id: "t2", title: "Elite Service", quote: "Attention to detail is insane.", name: "Mike S.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/indoor-side-view-amazing-happy-young-african-american-female-with-afro-hairstyle-smiling-broadly-keeping-arms-her-chest-listening-nice-music-radio-baking-pie-cozy-kitchen_343059-2650.jpg" },
{ id: "t3", title: "Very Happy", quote: "Found my forever barber.", name: "Alex P.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/cropped-photo-handsome-young-guy-classic-jacket-showing-silence-gesture_171337-9558.jpg" },
{ id: "t4", title: "Highly Recommend", quote: "Professional and clean space.", name: "Rob L.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/selfie-portrait-videocall_23-2149186118.jpg" },
{ id: "t5", title: "Worth Every Penny", quote: "The hot towel shave is a must.", name: "David W.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2905.jpg" }
]}
title="Client Feedback"
description="What our clients say about us."
@@ -369,21 +178,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "Do you accept walk-ins?",
content: "We prioritize appointments, but walk-ins are welcome if a chair is open.",
},
{
id: "f2",
title: "What payment methods?",
content: "We accept cash, major credit cards, and digital wallets.",
},
{
id: "f3",
title: "How long is a standard cut?",
content: "Typically 30-45 minutes depending on the complexity of your request.",
},
{ id: "f1", title: "Do you accept walk-ins?", content: "We prioritize appointments, but walk-ins are welcome if a chair is open." },
{ id: "f2", title: "What payment methods?", content: "We accept cash, major credit cards, and digital wallets." },
{ id: "f3", title: "How long is a standard cut?", content: "Typically 30-45 minutes depending on the complexity of your request." }
]}
title="Common Questions"
description="Everything you need to know before visiting."
@@ -394,18 +191,11 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
tag="Contact Us"
title="Ready for a Refresh?"
description="Secure your spot at Empire Barber Studio today."
buttons={[
{
text: "Book Now",
href: "https://booking.empirebarber.com",
},
]}
buttons={[{ text: "Book Now", href: "https://booking.empirebarber.com" }]}
/>
</div>
@@ -414,32 +204,8 @@ export default function LandingPage() {
imageSrc="http://img.b2bpic.net/free-photo/professional-hairdresser-wearing-protective-face-mask-make-haircut-european-bearded-brutal-man-beauty-salon_343596-4463.jpg"
logoText="Empire Barber Studio"
columns={[
{
title: "Links",
items: [
{
label: "About",
href: "#about",
},
{
label: "Services",
href: "#features",
},
],
},
{
title: "Location",
items: [
{
label: "Florida, USA",
href: "#",
},
{
label: "123 Grooming Way",
href: "#",
},
],
},
{ title: "Links", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
{ title: "Location", items: [{ label: "Florida, USA", href: "#" }, { label: "123 Grooming Way", href: "#" }] }
]}
copyrightText="© 2025 Empire Barber Studio, FL"
/>