Merge version_1 into main #2
168
src/app/page.tsx
168
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Heritage Cuts"
|
||||
/>
|
||||
@@ -59,18 +44,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Timeless Style, Modern Precision."
|
||||
description="Experience the classic art of grooming in a setting designed for the modern man. From precision fades to traditional hot towel shaves, we offer heritage-quality service."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/retro-theatre-scene-celebrate-world-theatre-day_23-2151211458.jpg?_wi=1"
|
||||
buttons={[{ text: "Book Appointment", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/retro-theatre-scene-celebrate-world-theatre-day_23-2151211458.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -93,21 +71,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Scissors,
|
||||
title: "Precision Haircut",
|
||||
description: "Expert tailoring for your unique style and hair type.",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Hot Towel Shave",
|
||||
description: "Traditional comfort with premium soaps and towels.",
|
||||
},
|
||||
{
|
||||
icon: Waves,
|
||||
title: "Beard Grooming",
|
||||
description: "Expert shaping, trimming, and conditioning for your beard.",
|
||||
},
|
||||
{ icon: Scissors, title: "Precision Haircut", description: "Expert tailoring for your unique style and hair type." },
|
||||
{ icon: Sparkles, title: "Hot Towel Shave", description: "Traditional comfort with premium soaps and towels." },
|
||||
{ icon: Waves, title: "Beard Grooming", description: "Expert shaping, trimming, and conditioning for your beard." },
|
||||
]}
|
||||
title="Expert Grooming Services"
|
||||
description="From classic cuts to modern styles, our services are tailored to meet your unique needs and personality."
|
||||
@@ -121,38 +87,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$35",
|
||||
subtitle: "Classic grooming services",
|
||||
features: [
|
||||
"Precision Cut",
|
||||
"Neck Shave",
|
||||
"Styling",
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "$35", subtitle: "Classic grooming services", features: ["Precision Cut", "Neck Shave", "Styling"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Featured",
|
||||
price: "$55",
|
||||
subtitle: "Full grooming experience",
|
||||
features: [
|
||||
"Precision Cut",
|
||||
"Hot Towel Shave",
|
||||
"Beard Trim",
|
||||
"Wash",
|
||||
],
|
||||
id: "pro", badge: "Featured", price: "$55", subtitle: "Full grooming experience", features: ["Precision Cut", "Hot Towel Shave", "Beard Trim", "Wash"],
|
||||
},
|
||||
{
|
||||
id: "master",
|
||||
badge: "Premium",
|
||||
price: "$75",
|
||||
subtitle: "The complete package",
|
||||
features: [
|
||||
"All services included",
|
||||
"Priority Booking",
|
||||
"Premium Face Treatment",
|
||||
],
|
||||
id: "master", badge: "Premium", price: "$75", subtitle: "The complete package", features: ["All services included", "Priority Booking", "Premium Face Treatment"],
|
||||
},
|
||||
]}
|
||||
title="Professional Rates"
|
||||
@@ -167,33 +108,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
groups={[
|
||||
{
|
||||
id: "main",
|
||||
groupTitle: "Heritage Team",
|
||||
members: [
|
||||
id: "main", groupTitle: "Heritage Team", members: [
|
||||
{
|
||||
id: "barber-1",
|
||||
title: "Marcus Aurelius",
|
||||
subtitle: "Master Barber",
|
||||
detail: "15 years of experience in classic techniques.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutal-bearded-male-with-crossed-arms-dressed-yellow-plaid-shirt_613910-1818.jpg",
|
||||
},
|
||||
id: "barber-1", title: "Marcus Aurelius", subtitle: "Master Barber", detail: "15 years of experience in classic techniques.", imageSrc: "http://img.b2bpic.net/free-photo/brutal-bearded-male-with-crossed-arms-dressed-yellow-plaid-shirt_613910-1818.jpg"},
|
||||
{
|
||||
id: "barber-2",
|
||||
title: "Elena Rossi",
|
||||
subtitle: "Senior Stylist",
|
||||
detail: "Specialist in modern fades and styling.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-tattooed-man-cafe-street-with-glass-wine-romantic-guy-white-cap-suspenders-city-peaky-blinders-old-fashionable-retro_1321-2027.jpg",
|
||||
},
|
||||
id: "barber-2", title: "Elena Rossi", subtitle: "Senior Stylist", detail: "Specialist in modern fades and styling.", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-tattooed-man-cafe-street-with-glass-wine-romantic-guy-white-cap-suspenders-city-peaky-blinders-old-fashionable-retro_1321-2027.jpg"},
|
||||
{
|
||||
id: "barber-3",
|
||||
title: "Jack Sterling",
|
||||
subtitle: "Barber",
|
||||
detail: "Talented specialist in beard grooming.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-arms-dressed-white-shirt-grey-background_613910-8168.jpg",
|
||||
},
|
||||
id: "barber-3", title: "Jack Sterling", subtitle: "Barber", detail: "Talented specialist in beard grooming.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-arms-dressed-white-shirt-grey-background_613910-8168.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-theatre-scene-celebrate-world-theatre-day_23-2151211458.jpg?_wi=2",
|
||||
imageAlt: "professional male barber headshot",
|
||||
},
|
||||
]}
|
||||
title="Meet Our Master Barbers"
|
||||
@@ -208,26 +130,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="David Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg",
|
||||
alt: "Reviewer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-business-women-posing-pointing-fingers-camera-while-sitting-table-with-coffee-cups-documents_74855-9959.jpg",
|
||||
alt: "Reviewer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg",
|
||||
alt: "Reviewer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-business-man-full-concentration_329181-17614.jpg",
|
||||
alt: "Reviewer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/excited-young-male-doctor-veterinarian-admiring-cute-pet-sitting-table-cute-black-pug-dog-waiting_1258-182309.jpg",
|
||||
alt: "Reviewer",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg", alt: "Reviewer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-business-women-posing-pointing-fingers-camera-while-sitting-table-with-coffee-cups-documents_74855-9959.jpg", alt: "Reviewer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg", alt: "Reviewer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-business-man-full-concentration_329181-17614.jpg", alt: "Reviewer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/excited-young-male-doctor-veterinarian-admiring-cute-pet-sitting-table-cute-black-pug-dog-waiting_1258-182309.jpg", alt: "Reviewer" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -239,21 +146,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "While we welcome walk-ins, appointments are highly recommended to ensure your preferred time slot.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long does a cut take?",
|
||||
content: "A standard cut and style takes 30-45 minutes depending on the service complexity.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are you open on weekends?",
|
||||
content: "Yes, we are open Saturday and Sunday for your convenience.",
|
||||
},
|
||||
{ id: "f1", title: "Do I need an appointment?", content: "While we welcome walk-ins, appointments are highly recommended to ensure your preferred time slot." },
|
||||
{ id: "f2", title: "How long does a cut take?", content: "A standard cut and style takes 30-45 minutes depending on the service complexity." },
|
||||
{ id: "f3", title: "Are you open on weekends?", content: "Yes, we are open Saturday and Sunday for your convenience." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our services, booking process, and barbershop policies."
|
||||
@@ -264,18 +159,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Book Your Seat"
|
||||
description="Visit us at our studio for your next professional grooming session. We look forward to seeing you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "mailto:hello@heritagecuts.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us Now", href: "mailto:hello@heritagecuts.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user