Merge version_1 into main #2
241
src/app/page.tsx
241
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="THE BARBER HOUSE"
|
||||
/>
|
||||
@@ -60,63 +50,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Crafting Excellence, One Cut At A Time."
|
||||
description="Experience the ultimate grooming journey in our high-end studio. Where tradition meets modern style."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/customer-watching-magazine-barbershop_23-2147737098.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/customer-watching-magazine-barbershop_23-2147737098.jpg"
|
||||
imageAlt="Luxury barber shop chair"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-leather-barber-shop-chair_23-2148256927.jpg",
|
||||
alt: "Barber chair view",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-leather-barber-shop-chair_23-2148256927.jpg", alt: "Barber chair view"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/professional-hairdresser-sitting-armchair-has-rest-after-work-with-beer-bottle-his-hand_613910-18605.jpg",
|
||||
alt: "Barber resting",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/professional-hairdresser-sitting-armchair-has-rest-after-work-with-beer-bottle-his-hand_613910-18605.jpg", alt: "Barber resting"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-chair_23-2149220561.jpg",
|
||||
alt: "Client waiting",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-chair_23-2149220561.jpg", alt: "Client waiting"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-looking-away-barber-shop_23-2148353460.jpg",
|
||||
alt: "Barber shop view",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-looking-away-barber-shop_23-2148353460.jpg", alt: "Barber shop view"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-hairsalon_23-2148224423.jpg",
|
||||
alt: "Barber shop medium shot",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-hairsalon_23-2148224423.jpg", alt: "Barber shop medium shot"},
|
||||
]}
|
||||
avatarText="Join 5,000+ satisfied clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Cuts",
|
||||
},
|
||||
type: "text", text: "Precision Cuts"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hot Towel Shaves",
|
||||
},
|
||||
type: "text", text: "Hot Towel Shaves"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Scalp Therapy",
|
||||
},
|
||||
type: "text", text: "Scalp Therapy"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Beard Grooming",
|
||||
},
|
||||
type: "text", text: "Beard Grooming"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Styling",
|
||||
},
|
||||
type: "text", text: "Premium Styling"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -127,8 +94,7 @@ export default function LandingPage() {
|
||||
title="A Legacy of Grooming Perfection"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
text: "Learn More"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -140,26 +106,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Hot Towel Shave",
|
||||
description: "Relax with our premium hot towel shaves that revitalize your skin.",
|
||||
tag: "Signature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/haircuting-process-small-dog-sits-table-dog-with-professional_1157-48809.jpg",
|
||||
},
|
||||
id: "f1", title: "Hot Towel Shave", description: "Relax with our premium hot towel shaves that revitalize your skin.", tag: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/haircuting-process-small-dog-sits-table-dog-with-professional_1157-48809.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Precision Cuts",
|
||||
description: "Expert styling tailored to your unique face shape and lifestyle.",
|
||||
tag: "Expertise",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-electric-trimmer-dressing-table_107420-94802.jpg",
|
||||
},
|
||||
id: "f2", title: "Precision Cuts", description: "Expert styling tailored to your unique face shape and lifestyle.", tag: "Expertise", imageSrc: "http://img.b2bpic.net/free-photo/close-up-electric-trimmer-dressing-table_107420-94802.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Scalp Therapy",
|
||||
description: "Revitalizing scalp treatments to ensure healthy hair and growth.",
|
||||
tag: "Wellness",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-rose-flower-essential-oils-himalayan-rock-salt-black-textured-backdrop_23-2148087713.jpg",
|
||||
},
|
||||
id: "f3", title: "Scalp Therapy", description: "Revitalizing scalp treatments to ensure healthy hair and growth.", tag: "Wellness", imageSrc: "http://img.b2bpic.net/free-photo/pink-rose-flower-essential-oils-himalayan-rock-salt-black-textured-backdrop_23-2148087713.jpg"},
|
||||
]}
|
||||
title="Premium Grooming Services"
|
||||
description="We specialize in precision haircuts, traditional shaves, and personalized grooming experiences."
|
||||
@@ -173,33 +124,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Expert Stylists",
|
||||
members: [
|
||||
id: "g1", groupTitle: "Expert Stylists", members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "James Sterling",
|
||||
subtitle: "Master Barber",
|
||||
detail: "20+ years of expertise in classic grooming.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-hat-buttoning-his-vest_1153-1515.jpg",
|
||||
},
|
||||
id: "m1", title: "James Sterling", subtitle: "Master Barber", detail: "20+ years of expertise in classic grooming."},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Leo Vance",
|
||||
subtitle: "Lead Stylist",
|
||||
detail: "Specialist in modern fades and trends.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/isolated-view-bald-caucasian-hipster-male-with-thick-bushy-beard-tattoo-raising-eyebrows-crossing-arms-chest-his-closed-posture-look-expressing-distrust-body-language_343059-1709.jpg",
|
||||
},
|
||||
id: "m2", title: "Leo Vance", subtitle: "Lead Stylist", detail: "Specialist in modern fades and trends."},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Sarah Thorne",
|
||||
subtitle: "Precision Stylist",
|
||||
detail: "Master of clean lines and precision.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-tattooed-arm-wearing-white-shirt_613910-16032.jpg",
|
||||
},
|
||||
id: "m3", title: "Sarah Thorne", subtitle: "Precision Stylist", detail: "Master of clean lines and precision."},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-watching-magazine-barbershop_23-2147737098.jpg?_wi=2",
|
||||
imageAlt: "professional barber portrait",
|
||||
},
|
||||
]}
|
||||
title="Meet Your Masters"
|
||||
@@ -215,41 +147,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Pomade",
|
||||
price: "$25.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232243.jpg",
|
||||
},
|
||||
id: "p1", name: "Signature Pomade", price: "$25.00", imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232243.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Cedar Beard Oil",
|
||||
price: "$30.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232252.jpg",
|
||||
},
|
||||
id: "p2", name: "Cedar Beard Oil", price: "$30.00", imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232252.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Pro Styling Comb",
|
||||
price: "$15.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hair-equipment_23-2148352843.jpg",
|
||||
},
|
||||
id: "p3", name: "Pro Styling Comb", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hair-equipment_23-2148352843.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Precision Trimmer",
|
||||
price: "$85.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/leash-rake-collar-tag_23-2147799896.jpg",
|
||||
},
|
||||
id: "p4", name: "Precision Trimmer", price: "$85.00", imageSrc: "http://img.b2bpic.net/free-photo/leash-rake-collar-tag_23-2147799896.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cooling Aftershave",
|
||||
price: "$40.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17765.jpg",
|
||||
},
|
||||
id: "p5", name: "Cooling Aftershave", price: "$40.00", imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17765.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Boar Bristle Brush",
|
||||
price: "$20.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-shaving-objects_23-2148121995.jpg",
|
||||
},
|
||||
id: "p6", name: "Boar Bristle Brush", price: "$20.00", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-shaving-objects_23-2148121995.jpg"},
|
||||
]}
|
||||
title="Luxury Grooming Essentials"
|
||||
description="Take the barber shop quality home with you."
|
||||
@@ -263,45 +171,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Mark R.",
|
||||
handle: "@mark",
|
||||
testimonial: "Best barber in the city, hands down. Extremely professional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-trans-model-posing_23-2148905626.jpg",
|
||||
},
|
||||
id: "t1", name: "Mark R.", handle: "@mark", testimonial: "Best barber in the city, hands down. Extremely professional.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-trans-model-posing_23-2148905626.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David W.",
|
||||
handle: "@david",
|
||||
testimonial: "Always consistent, top quality service every time I visit.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-joyful-beautiful-woman-gesturing-with-hand_74855-2753.jpg",
|
||||
},
|
||||
id: "t2", name: "David W.", handle: "@david", testimonial: "Always consistent, top quality service every time I visit.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-joyful-beautiful-woman-gesturing-with-hand_74855-2753.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Chris P.",
|
||||
handle: "@chris",
|
||||
testimonial: "Great atmosphere and even better haircuts. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg",
|
||||
},
|
||||
id: "t3", name: "Chris P.", handle: "@chris", testimonial: "Great atmosphere and even better haircuts. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sam B.",
|
||||
handle: "@sam",
|
||||
testimonial: "The attention to detail here is unmatched. Absolute pros.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-beautiful-female-barber-uniform-wearing-glasses-cutting-hair-with-scissors-isolated-blue-wall_141793-105682.jpg",
|
||||
},
|
||||
id: "t4", name: "Sam B.", handle: "@sam", testimonial: "The attention to detail here is unmatched. Absolute pros.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-beautiful-female-barber-uniform-wearing-glasses-cutting-hair-with-scissors-isolated-blue-wall_141793-105682.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alex K.",
|
||||
handle: "@alex",
|
||||
testimonial: "Excellent service and advice. Won't go anywhere else.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
|
||||
},
|
||||
id: "t5", name: "Alex K.", handle: "@alex", testimonial: "Excellent service and advice. Won't go anywhere else.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Stories"
|
||||
@@ -314,15 +197,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Gentleman Quarterly",
|
||||
"Style Daily",
|
||||
"Mens Grooming Hub",
|
||||
"Urban Barber Collective",
|
||||
"Modern Barber Awards",
|
||||
"Classic Shave Society",
|
||||
"Elite Hair Solutions",
|
||||
]}
|
||||
"Gentleman Quarterly", "Style Daily", "Mens Grooming Hub", "Urban Barber Collective", "Modern Barber Awards", "Classic Shave Society", "Elite Hair Solutions"]}
|
||||
title="Trusted By Leaders"
|
||||
description="Featured in leading industry publications."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -331,20 +208,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "Yes, we recommend booking in advance to ensure your preferred slot.",
|
||||
},
|
||||
id: "q1", title: "Do I need an appointment?", content: "Yes, we recommend booking in advance to ensure your preferred slot."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How long do haircuts take?",
|
||||
content: "Our standard cuts take between 30 and 45 minutes.",
|
||||
},
|
||||
id: "q2", title: "How long do haircuts take?", content: "Our standard cuts take between 30 and 45 minutes."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you accept walk-ins?",
|
||||
content: "We prioritize appointments but try to accommodate walk-ins when possible.",
|
||||
},
|
||||
id: "q3", title: "Do you accept walk-ins?", content: "We prioritize appointments but try to accommodate walk-ins when possible."},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -355,16 +223,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Visit Us"
|
||||
title="Ready for your next cut?"
|
||||
description="Book your appointment with our expert barbers today and experience true refinement."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -373,13 +238,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="THE BARBER HOUSE"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user