Merge version_2 into main #2

Merged
bender merged 3 commits from version_2 into main 2026-04-15 14:57:25 +00:00

View File

@@ -33,26 +33,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Team",
id: "team",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Team", id: "team" },
{ name: "Contact", id: "contact" },
]}
brandName="Gentleman's Cut"
/>
@@ -60,66 +45,26 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Timeless Style for Modern Gentlemen"
description="Experience premium grooming services at the heart of the city. Expert cuts, hot towel shaves, and top-tier beard care."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-trimmer-smiling-cheerfully-showing-thumbs-up-standing-light-wall_141793-50621.jpg",
alt: "Barber 1",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-young-handsome-male-barber-uniform-holding-scissors-showing-tip-gesture-isolated-orange_141793-73489.jpg",
alt: "Barber 2",
},
{
src: "http://img.b2bpic.net/free-photo/male-gardener-making-suicide-gesture-t-shirt-apron-looking-irresolute-front-view_176474-92522.jpg",
alt: "Barber 3",
},
{
src: "http://img.b2bpic.net/free-photo/cute-little-child-is-getting-trendy-haircut-from-barber-busy-barbershop_613910-20834.jpg",
alt: "Barber 4",
},
{
src: "http://img.b2bpic.net/free-photo/barber-cutting-beard-with-scissors_1153-1506.jpg",
alt: "Barber 5",
},
{ src: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-trimmer-smiling-cheerfully-showing-thumbs-up-standing-light-wall_141793-50621.jpg", alt: "Barber 1" },
{ src: "http://img.b2bpic.net/free-photo/smiling-young-handsome-male-barber-uniform-holding-scissors-showing-tip-gesture-isolated-orange_141793-73489.jpg", alt: "Barber 2" },
{ src: "http://img.b2bpic.net/free-photo/male-gardener-making-suicide-gesture-t-shirt-apron-looking-irresolute-front-view_176474-92522.jpg", alt: "Barber 3" },
{ src: "http://img.b2bpic.net/free-photo/cute-little-child-is-getting-trendy-haircut-from-barber-busy-barbershop_613910-20834.jpg", alt: "Barber 4" },
{ src: "http://img.b2bpic.net/free-photo/barber-cutting-beard-with-scissors_1153-1506.jpg", alt: "Barber 5" },
]}
avatarText="Our Master Barbers"
buttons={[
{
text: "Book Appointment",
href: "#contact",
},
{ text: "Book Appointment", href: "#contact" },
]}
marqueeItems={[
{
type: "text-icon",
text: "Precision Cuts",
icon: Scissors,
},
{
type: "text-icon",
text: "Hot Towel Shaves",
icon: Waves,
},
{
type: "text-icon",
text: "Beard Grooming",
icon: Smile,
},
{
type: "text-icon",
text: "Premium Products",
icon: Sparkles,
},
{
type: "text-icon",
text: "Modern Style",
icon: Check,
},
{ type: "text-icon", text: "Precision Cuts", icon: Scissors },
{ type: "text-icon", text: "Hot Towel Shaves", icon: Waves },
{ type: "text-icon", text: "Beard Grooming", icon: Smile },
{ type: "text-icon", text: "Premium Products", icon: Sparkles },
{ type: "text-icon", text: "Modern Style", icon: Check },
]}
/>
</div>
@@ -131,18 +76,9 @@ export default function LandingPage() {
title="A Legacy of Grooming Excellence"
description="At Gentleman's Cut, we believe that a haircut is more than just a maintenance task—it's an experience. Established in 2012, our shop combines traditional techniques with modern style."
bulletPoints={[
{
title: "Master Artisans",
description: "Trained professionals with 10+ years of experience.",
},
{
title: "Premium Products",
description: "We only use high-grade, natural grooming products.",
},
{
title: "Relaxed Vibe",
description: "Sit back, enjoy a coffee, and get the best fade in town.",
},
{ title: "Master Artisans", description: "Trained professionals with 10+ years of experience." },
{ title: "Premium Products", description: "We only use high-grade, natural grooming products." },
{ title: "Relaxed Vibe", description: "Sit back, enjoy a coffee, and get the best fade in town." },
]}
imageSrc="http://img.b2bpic.net/free-photo/counter-floral-shop_23-2147761021.jpg"
mediaAnimation="slide-up"
@@ -154,24 +90,8 @@ export default function LandingPage() {
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
negativeCard={{
items: [
"Bad haircuts",
"Long wait times",
"Generic styles",
"Lack of sanitation",
"Unqualified staff",
],
}}
positiveCard={{
items: [
"Precision fades",
"Luxury beard trims",
"Hot towel shaves",
"Professional atmosphere",
"Premium aftercare",
],
}}
negativeCard={{ items: ["Bad haircuts", "Long wait times", "Generic styles", "Lack of sanitation", "Unqualified staff"] }}
positiveCard={{ items: ["Precision fades", "Luxury beard trims", "Hot towel shaves", "Professional atmosphere", "Premium aftercare"] }}
title="Why Choose Our Service?"
description="We don't just cut hair; we curate your look."
/>
@@ -184,42 +104,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "1",
name: "Strong Hold Pomade",
price: "$22.00",
imageSrc: "http://img.b2bpic.net/free-photo/unpleased-young-caucasian-male-barber-wearing-glasses-uniform-shaving-his-beard-with-straight-razor-with-shaving-cream-put-his-face-putting-finger-neck_141793-98622.jpg",
},
{
id: "2",
name: "Cedar Beard Oil",
price: "$18.00",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-bottle-oils-with-copy-space_23-2148317663.jpg",
},
{
id: "3",
name: "Cooling Aftershave",
price: "$25.00",
imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122072.jpg",
},
{
id: "4",
name: "Hair Clipper Set",
price: "$120.00",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313040.jpg",
},
{
id: "5",
name: "Luxury Shave Brush",
price: "$45.00",
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-shaving-synthetic-brush-with-defocused-foam-napkin-razor-wooden-desk_23-2148088547.jpg",
},
{
id: "6",
name: "Razor Blade Pack",
price: "$10.00",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-electric-trimmer-dressing-table_107420-94802.jpg",
},
{ id: "1", name: "Strong Hold Pomade", price: "$22.00", imageSrc: "http://img.b2bpic.net/free-photo/unpleased-young-caucasian-male-barber-wearing-glasses-uniform-shaving-his-beard-with-straight-razor-with-shaving-cream-put-his-face-putting-finger-neck_141793-98622.jpg" },
{ id: "2", name: "Cedar Beard Oil", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-bottle-oils-with-copy-space_23-2148317663.jpg" },
{ id: "3", name: "Cooling Aftershave", price: "$25.00", imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122072.jpg" },
{ id: "4", name: "Hair Clipper Set", price: "$120.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313040.jpg" },
{ id: "5", name: "Luxury Shave Brush", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-shaving-synthetic-brush-with-defocused-foam-napkin-razor-wooden-desk_23-2148088547.jpg" },
{ id: "6", name: "Razor Blade Pack", price: "$10.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-electric-trimmer-dressing-table_107420-94802.jpg" },
]}
title="Shop Grooming Essentials"
description="Maintain your look at home with our professional range."
@@ -233,56 +123,19 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "1",
badge: "Standard",
price: "$30",
subtitle: "Essential maintenance",
features: [
"Haircut",
"Neck trim",
"Styling",
],
buttons: [
{
text: "Select",
href: "#contact",
},
],
id: "1", badge: "Standard", price: "$30", subtitle: "Essential maintenance",
features: ["Haircut", "Neck trim", "Styling"],
buttons: [{ text: "Select", href: "#contact" }]
},
{
id: "2",
badge: "Premium",
price: "$55",
subtitle: "Full experience",
features: [
"Haircut",
"Beard trim",
"Hot towel shave",
],
buttons: [
{
text: "Select",
href: "#contact",
},
],
id: "2", badge: "Premium", price: "$55", subtitle: "Full experience",
features: ["Haircut", "Beard trim", "Hot towel shave"],
buttons: [{ text: "Select", href: "#contact" }]
},
{
id: "3",
badge: "Ultimate",
price: "$80",
subtitle: "Total grooming package",
features: [
"Haircut",
"Beard trim",
"Scalp massage",
"Face mask",
],
buttons: [
{
text: "Select",
href: "#contact",
},
],
id: "3", badge: "Ultimate", price: "$80", subtitle: "Total grooming package",
features: ["Haircut", "Beard trim", "Scalp massage", "Face mask"],
buttons: [{ text: "Select", href: "#contact" }]
},
]}
title="Fair Prices, Superior Service"
@@ -292,37 +145,16 @@ export default function LandingPage() {
<div id="team" data-section="team">
<TeamCardEleven
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={true}
groups={[
{
id: "group-1",
groupTitle: "Professional Team",
members: [
{
id: "t1",
title: "John Smith",
subtitle: "Master Barber",
detail: "Expert in fades.",
imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-comb-scissors-looking-front-with-confident-expression-standing-green-wall_141793-50527.jpg",
},
{
id: "t2",
title: "Mike Ross",
subtitle: "Senior Stylist",
detail: "Razor specialist.",
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-hair-clippers-isolated-crimson-background-with-copy-space_141793-31955.jpg",
},
{
id: "t3",
title: "Leo Vance",
subtitle: "Barber",
detail: "Beard art specialist.",
imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-beautiful-female-barber-uniform-holding-barber-tools-isolated-pink-background_141793-119285.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-trimmed-with-trimmer_107420-94786.jpg",
imageAlt: "barber smiling portrait",
id: "group-1", groupTitle: "Professional Team", members: [
{ id: "t1", title: "John Smith", subtitle: "Master Barber", detail: "Expert in fades.", imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-comb-scissors-looking-front-with-confident-expression-standing-green-wall_141793-50527.jpg" },
{ id: "t2", title: "Mike Ross", subtitle: "Senior Stylist", detail: "Razor specialist.", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-hair-clippers-isolated-crimson-background-with-copy-space_141793-31955.jpg" },
{ id: "t3", title: "Leo Vance", subtitle: "Barber", detail: "Beard art specialist.", imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-beautiful-female-barber-uniform-holding-barber-tools-isolated-pink-background_141793-119285.jpg" },
]
},
]}
title="Meet Our Master Barbers"
@@ -336,41 +168,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Adam S.",
handle: "@adam",
testimonial: "Best haircut in the city!",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg",
},
{
id: "2",
name: "Mark D.",
handle: "@mark",
testimonial: "Very professional and friendly.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-sunbathed-fashion-man-model-wearing-white-shirt-clothes-posing-street_158538-2385.jpg",
},
{
id: "3",
name: "Kevin L.",
handle: "@kevin",
testimonial: "The hot towel shave is legendary.",
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205920.jpg",
},
{
id: "4",
name: "Steve P.",
handle: "@steve",
testimonial: "Consistent, reliable, and sharp.",
imageSrc: "http://img.b2bpic.net/free-photo/outdoors-business-man-listening-happy-music_23-2148763857.jpg",
},
{
id: "5",
name: "James O.",
handle: "@james",
testimonial: "I never go anywhere else.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-white-dress-holding-small-chihuahua-dog-isolated-white-background_613910-13473.jpg",
},
{ id: "1", name: "Adam S.", handle: "@adam", testimonial: "Best haircut in the city!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg" },
{ id: "2", name: "Mark D.", handle: "@mark", testimonial: "Very professional and friendly.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-sunbathed-fashion-man-model-wearing-white-shirt-clothes-posing-street_158538-2385.jpg" },
{ id: "3", name: "Kevin L.", handle: "@kevin", testimonial: "The hot towel shave is legendary.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205920.jpg" },
{ id: "4", name: "Steve P.", handle: "@steve", testimonial: "Consistent, reliable, and sharp.", imageSrc: "http://img.b2bpic.net/free-photo/outdoors-business-man-listening-happy-music_23-2148763857.jpg" },
{ id: "5", name: "James O.", handle: "@james", testimonial: "I never go anywhere else.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-white-dress-holding-small-chihuahua-dog-isolated-white-background_613910-13473.jpg" },
]}
title="What Our Clients Say"
description="Join 500+ happy gentlemen."
@@ -381,21 +183,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Do I need an appointment?",
content: "Yes, we recommend booking online.",
},
{
id: "q2",
title: "Do you accept walk-ins?",
content: "Walk-ins are subject to availability.",
},
{
id: "q3",
title: "What payment methods do you accept?",
content: "We accept cash and all major credit cards.",
},
{ id: "q1", title: "Do I need an appointment?", content: "Yes, we recommend booking online." },
{ id: "q2", title: "Do you accept walk-ins?", content: "Walk-ins are subject to availability." },
{ id: "q3", title: "What payment methods do you accept?", content: "We accept cash and all major credit cards." },
]}
sideTitle="Common Questions"
sideDescription="Get quick answers about our shop."
@@ -406,53 +196,24 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "rotated-rays-animated",
}}
background={{ variant: "rotated-rays-animated" }}
text="Ready for a fresh look? Book your slot today at Gentleman's Cut."
buttons={[
{
text: "Book Now",
href: "#booking",
},
]}
buttons={[{ text: "Book Now", href: "#booking" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Shop",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Services",
href: "#services",
},
],
},
{
title: "Support",
items: [
{
label: "FAQ",
href: "#faq",
},
{
label: "Contact",
href: "#contact",
},
],
},
{ title: "Shop", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }] },
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
{ title: "Legal", items: [{ label: "Terms of Service", href: "#terms" }, { label: "Privacy Policy", href: "#privacy" }] },
]}
logoText="Gentleman's Cut"
copyrightText="© 2025 Gentleman's Cut | All Rights Reserved"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}