Merge version_1 into main #3
184
src/app/page.tsx
184
src/app/page.tsx
@@ -33,16 +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"
|
||||
/>
|
||||
@@ -50,43 +45,24 @@ 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"},
|
||||
]}
|
||||
buttons={[{ 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>
|
||||
@@ -98,12 +74,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"
|
||||
@@ -115,14 +88,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."
|
||||
/>
|
||||
@@ -135,18 +102,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."
|
||||
@@ -159,30 +120,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
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: "3", badge: "Ultimate", price: "$80", subtitle: "Total grooming package", features: [
|
||||
"Haircut", "Beard trim", "Scalp massage", "Face mask"],
|
||||
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: "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"
|
||||
description="Transparent pricing for all our grooming tiers."
|
||||
@@ -191,17 +131,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardEleven
|
||||
animationType="slide-up"
|
||||
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"},
|
||||
{ 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" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -216,16 +154,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."
|
||||
@@ -236,12 +169,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."
|
||||
@@ -252,35 +182,17 @@ 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" }] },
|
||||
]}
|
||||
logoText="Gentleman's Cut"
|
||||
/>
|
||||
@@ -288,4 +200,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user