Merge version_1 into main #2
204
src/app/page.tsx
204
src/app/page.tsx
@@ -30,26 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Winstons"
|
||||
/>
|
||||
@@ -57,38 +42,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Craft Barbering, Downtown Refined"
|
||||
description="Winstons combines heritage grooming traditions with modern convenience. Step into editorial-quality craftsmanship where every appointment feels like an experience, not a transaction."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Your Appointment", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg?_wi=1",
|
||||
imageAlt: "Modern Barbershop Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg?_wi=1",
|
||||
imageAlt: "Precision Haircutting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-shoes-designer-is-making-laces-shoes-from-his-new-handmade-collection_613910-17415.jpg",
|
||||
imageAlt: "Grooming Ritual",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg?_wi=2",
|
||||
imageAlt: "Barbershop Craft Details",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg?_wi=2",
|
||||
imageAlt: "Professional Barber Setup",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg", imageAlt: "Modern Barbershop Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg", imageAlt: "Precision Haircutting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/elderly-shoes-designer-is-making-laces-shoes-from-his-new-handmade-collection_613910-17415.jpg", imageAlt: "Grooming Ritual" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg", imageAlt: "Barbershop Craft Details" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg", imageAlt: "Professional Barber Setup" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -96,7 +59,6 @@ export default function LandingPage() {
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Heritage"
|
||||
title="Editorial Quality, Personal Craft"
|
||||
description="Winstons was founded on the belief that grooming is a foundational pillar of personal presentation. We blend traditional techniques with a modern understanding of style, ensuring every client leaves feeling their most confident self."
|
||||
@@ -105,6 +67,7 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186765.jpg"
|
||||
imageAlt="Luxury Barbershop Details"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -114,42 +77,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Signature",
|
||||
price: "$85",
|
||||
subtitle: "Winstons Signature Cut",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Precision Cut",
|
||||
"Hot Towel",
|
||||
"Style Refresh",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Ritual",
|
||||
price: "$120",
|
||||
subtitle: "The Ultimate Ritual",
|
||||
features: [
|
||||
"Signature Cut",
|
||||
"Classic Shave",
|
||||
"Facial Treatment",
|
||||
"Scalp Massage",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Express",
|
||||
price: "$50",
|
||||
subtitle: "Maintenance Cut",
|
||||
features: [
|
||||
"Quick Shape-up",
|
||||
"Edge Refinement",
|
||||
"Neck Cleanup",
|
||||
"No Wash",
|
||||
],
|
||||
},
|
||||
{ id: "p1", badge: "Signature", price: "$85", subtitle: "Winstons Signature Cut", features: ["Consultation", "Precision Cut", "Hot Towel", "Style Refresh"] },
|
||||
{ id: "p2", badge: "Ritual", price: "$120", subtitle: "The Ultimate Ritual", features: ["Signature Cut", "Classic Shave", "Facial Treatment", "Scalp Massage"] },
|
||||
{ id: "p3", badge: "Express", price: "$50", subtitle: "Maintenance Cut", features: ["Quick Shape-up", "Edge Refinement", "Neck Cleanup", "No Wash"] }
|
||||
]}
|
||||
title="Refined Grooming Services"
|
||||
description="Premium experiences tailored to your style requirements."
|
||||
@@ -163,34 +93,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "barbers",
|
||||
groupTitle: "Master Barbers",
|
||||
members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Marcus V.",
|
||||
subtitle: "Creative Director",
|
||||
detail: "15+ years experience in heritage and modern grooming styles.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hipster-style-bearded-man-white-shirt-studio-black-background_158595-1859.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Elena C.",
|
||||
subtitle: "Senior Barber",
|
||||
detail: "Expert in precision fades and textured styles for the modern man.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-teen-cook-keeping-hands-crossed-t-shirt-apron-looking-confident-front-view_176474-109059.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Julian S.",
|
||||
subtitle: "Master Shaver",
|
||||
detail: "Specialist in traditional hot towel rituals and facial grooming.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reflection-bearded-man-barbershop-mirror_1304-2779.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg?_wi=3",
|
||||
imageAlt: "barbershop interior modern dark aesthetic",
|
||||
},
|
||||
id: "barbers", groupTitle: "Master Barbers", members: [
|
||||
{ id: "m1", title: "Marcus V.", subtitle: "Creative Director", detail: "15+ years experience in heritage and modern grooming styles.", imageSrc: "http://img.b2bpic.net/free-photo/hipster-style-bearded-man-white-shirt-studio-black-background_158595-1859.jpg" },
|
||||
{ id: "m2", title: "Elena C.", subtitle: "Senior Barber", detail: "Expert in precision fades and textured styles for the modern man.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-teen-cook-keeping-hands-crossed-t-shirt-apron-looking-confident-front-view_176474-109059.jpg" },
|
||||
{ id: "m3", title: "Julian S.", subtitle: "Master Shaver", detail: "Specialist in traditional hot towel rituals and facial grooming.", imageSrc: "http://img.b2bpic.net/free-photo/reflection-bearded-man-barbershop-mirror_1304-2779.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Meet The Barbers"
|
||||
description="Expert craftsmen dedicated to your personal style evolution."
|
||||
@@ -201,31 +109,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "James R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-suit-sunglasses-dark-grey-background_613910-4689.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Arthur M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-woman-street-look-camera-sunglasses_197531-33066.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Kevin S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-arms-dressed-white-shirt-grey-background_613910-8168.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Thomas W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-model-sexy-stylish-man-dressed-is-blue-suit-fashion-hipster-male-posing-near-white-interior-studio_158538-25099.jpg",
|
||||
},
|
||||
{ id: "t1", name: "James R.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-suit-sunglasses-dark-grey-background_613910-4689.jpg" },
|
||||
{ id: "t2", name: "Arthur M.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg" },
|
||||
{ id: "t3", name: "David L.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-woman-street-look-camera-sunglasses_197531-33066.jpg" },
|
||||
{ id: "t4", name: "Kevin S.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-arms-dressed-white-shirt-grey-background_613910-8168.jpg" },
|
||||
{ id: "t5", name: "Thomas W.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-model-sexy-stylish-man-dressed-is-blue-suit-fashion-hipster-male-posing-near-white-interior-studio_158538-25099.jpg" }
|
||||
]}
|
||||
cardTitle="Client Experiences"
|
||||
cardTag="Testimonials"
|
||||
@@ -236,9 +124,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
title="Book Your Appointment"
|
||||
description="Reserve your seat at Winstons. Downtown grooming excellence awaits."
|
||||
buttonText="Inquire"
|
||||
@@ -249,36 +135,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Winstons",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Winstons", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Winstons Barbershop"
|
||||
bottomRightText="Downtown Refined Grooming"
|
||||
@@ -287,4 +145,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user