Merge version_2 into main #2
355
src/app/page.tsx
355
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user