Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| b5c2ed3175 | |||
| d9ddde016a | |||
| fed77268cc | |||
| 31f8f0193d |
183
src/app/page.tsx
183
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
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: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Barbershop Desire"
|
||||
/>
|
||||
@@ -63,32 +53,20 @@ export default function LandingPage() {
|
||||
description="Where tradition meets modern style. Experience the pinnacle of grooming and personalized service at our luxury studio."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Appointment", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table-with-electric-machines_627829-6252.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6207.jpg",
|
||||
alt: "Barber tools on wooden background table",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6207.jpg", alt: "Barber tools on wooden background table"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg",
|
||||
alt: "Full shot of barber at hair salon",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg", alt: "Full shot of barber at hair salon"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-luxury-furniture-adorns-comfortable-home-interior-generated-by-ai_188544-29070.jpg",
|
||||
alt: "Modern luxury furniture adorns comfortable home interior generated by AI",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/modern-luxury-furniture-adorns-comfortable-home-interior-generated-by-ai_188544-29070.jpg", alt: "Modern luxury furniture adorns comfortable home interior generated by AI"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-leather-armchair_1156-3.jpg",
|
||||
alt: "Close-up of leather armchair",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-leather-armchair_1156-3.jpg", alt: "Close-up of leather armchair"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table-with-electric-machines_627829-6252.jpg",
|
||||
alt: "barber shop interior modern premium",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table-with-electric-machines_627829-6252.jpg", alt: "barber shop interior modern premium"},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ gentlemen"
|
||||
/>
|
||||
@@ -114,26 +92,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Classic Cut",
|
||||
subtitle: "Precision scissor work",
|
||||
category: "Cut",
|
||||
value: "$45",
|
||||
},
|
||||
id: "s1", title: "Classic Cut", subtitle: "Precision scissor work", category: "Cut", value: "$45"},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Royal Shave",
|
||||
subtitle: "Hot towel & blade",
|
||||
category: "Shave",
|
||||
value: "$35",
|
||||
},
|
||||
id: "s2", title: "Royal Shave", subtitle: "Hot towel & blade", category: "Shave", value: "$35"},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Beard Grooming",
|
||||
subtitle: "Shape and refine",
|
||||
category: "Beard",
|
||||
value: "$25",
|
||||
},
|
||||
id: "s3", title: "Beard Grooming", subtitle: "Shape and refine", category: "Beard", value: "$25"},
|
||||
]}
|
||||
title="Premium Services"
|
||||
description="Elevated grooming for the modern gentleman."
|
||||
@@ -148,23 +111,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "James R.",
|
||||
role: "Master Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-owner-with-apron-break_23-2148366601.jpg",
|
||||
},
|
||||
id: "m1", name: "James R.", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/business-owner-with-apron-break_23-2148366601.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Marcus V.",
|
||||
role: "Lead Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-arms-dressed-white-shirt-grey-background_613910-8168.jpg",
|
||||
},
|
||||
id: "m2", name: "Marcus V.", role: "Lead Stylist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-arms-dressed-white-shirt-grey-background_613910-8168.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
name: "David L.",
|
||||
role: "Senior Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-charming-adorable-lady-with-dark-hairstyle-is-posing-with-shy-smile-is-touching-head-while-looking-camera_291650-2392.jpg",
|
||||
},
|
||||
id: "m3", name: "David L.", role: "Senior Barber", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-charming-adorable-lady-with-dark-hairstyle-is-posing-with-shy-smile-is-touching-head-while-looking-camera_291650-2392.jpg"},
|
||||
]}
|
||||
title="Meet Our Barbers"
|
||||
description="The best hands in the city, ready for your next style."
|
||||
@@ -176,30 +127,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-bearded-man-drying-hair-with-hairdryer-near-mirror_171337-19919.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex B.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-bearded-man-drying-hair-with-hairdryer-near-mirror_171337-19919.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "John D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229813.jpg",
|
||||
},
|
||||
id: "t2", name: "John D.", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229813.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-20127.jpg",
|
||||
},
|
||||
id: "t3", name: "Sarah K.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-20127.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mike P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-man-dressed-formalwear_171337-10718.jpg",
|
||||
},
|
||||
id: "t4", name: "Mike P.", imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-man-dressed-formalwear_171337-10718.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chris M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutal-bearded-male-violet-jacket-isolated-with-contrast-illumination-grey-background_613910-1950.jpg",
|
||||
},
|
||||
id: "t5", name: "Chris M.", imageSrc: "http://img.b2bpic.net/free-photo/brutal-bearded-male-violet-jacket-isolated-with-contrast-illumination-grey-background_613910-1950.jpg"},
|
||||
]}
|
||||
cardTitle="Client Voices"
|
||||
cardTag="Reviews"
|
||||
@@ -214,55 +150,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Essentials",
|
||||
price: "$90/mo",
|
||||
subtitle: "Two cuts per month",
|
||||
buttons: [
|
||||
id: "p1", badge: "Essentials", price: "$90/mo", subtitle: "Two cuts per month", buttons: [
|
||||
{
|
||||
text: "Join",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Join", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"2x Monthly Cut",
|
||||
"Hot Towel",
|
||||
"Priority Booking",
|
||||
],
|
||||
"2x Monthly Cut", "Hot Towel", "Priority Booking"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Premium",
|
||||
price: "$150/mo",
|
||||
subtitle: "Unlimited grooming",
|
||||
buttons: [
|
||||
id: "p2", badge: "Premium", price: "$150/mo", subtitle: "Unlimited grooming", buttons: [
|
||||
{
|
||||
text: "Join",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Join", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited Cuts",
|
||||
"Royal Shave",
|
||||
"VIP Access",
|
||||
],
|
||||
"Unlimited Cuts", "Royal Shave", "VIP Access"],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Elite",
|
||||
price: "$250/mo",
|
||||
subtitle: "The full experience",
|
||||
buttons: [
|
||||
id: "p3", badge: "Elite", price: "$250/mo", subtitle: "The full experience", buttons: [
|
||||
{
|
||||
text: "Join",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Join", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited Cuts",
|
||||
"Unlimited Shaves",
|
||||
"Full Concierge",
|
||||
],
|
||||
"Unlimited Cuts", "Unlimited Shaves", "Full Concierge"],
|
||||
},
|
||||
]}
|
||||
title="Membership Plans"
|
||||
@@ -276,20 +185,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "We recommend booking in advance to ensure your preferred time, but walk-ins are welcome based on availability.",
|
||||
},
|
||||
id: "f1", title: "Do I need an appointment?", content: "We recommend booking in advance to ensure your preferred time, but walk-ins are welcome based on availability."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What products do you use?",
|
||||
content: "We use premium organic grooming products curated for the best results and hair health.",
|
||||
},
|
||||
id: "f2", title: "What products do you use?", content: "We use premium organic grooming products curated for the best results and hair health."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer group discounts?",
|
||||
content: "Yes, for wedding parties or group bookings, please contact us for special pricing.",
|
||||
},
|
||||
id: "f3", title: "Do you offer group discounts?", content: "Yes, for wedding parties or group bookings, please contact us for special pricing."},
|
||||
]}
|
||||
title="Questions Answered"
|
||||
description="Everything you need to know about our services."
|
||||
@@ -304,18 +204,13 @@ export default function LandingPage() {
|
||||
description="Reserve your chair at Barbershop Desire."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Full Name", required: true
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true
|
||||
}
|
||||
]}
|
||||
multiSelect={{ name: "service", label: "Preferred Service", options: ["Classic Cut", "Royal Shave", "Beard Grooming", "Consultation"] }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6322.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -329,4 +224,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user