Merge version_1 into main #2
222
src/app/page.tsx
222
src/app/page.tsx
@@ -29,60 +29,25 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Locations",
|
||||
id: "locations",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Locations", id: "contact" },
|
||||
]}
|
||||
brandName="Mancave Barbershop"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Mancave Barbershop Quality Cuts, Every Time."
|
||||
description="Consistently Clean Haircuts, Beard Trims, and Line Ups. We're your barbers who listen."
|
||||
tag="Expert Grooming"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chairs-green-male-barbershop-retro-style_627829-8284.jpg?_wi=1",
|
||||
imageAlt: "barber haircut fade close-up",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-having-hair-shaved-by-crop-barber_23-2147778769.jpg?_wi=1",
|
||||
imageAlt: "bearded man haircut barbershop",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-drinks-coffee-barbershop_613910-14697.jpg",
|
||||
imageAlt: "A handsome stylish bearded male with a tattoo on arm dressed in a flannel shirt drinks coffee in a barbershop.",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-washbasin_107420-94763.jpg",
|
||||
imageAlt: "Close-up of washbasin",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-wearing-protective-face-mask-make-haircut-european-bearded-brutal-man-beauty-salon_343596-4463.jpg",
|
||||
imageAlt: "Professional hairdresser wearing protective face mask, make haircut for european bearded brutal man in beauty salon",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/chairs-green-male-barbershop-retro-style_627829-8284.jpg", imageAlt: "barber haircut fade close-up" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-having-hair-shaved-by-crop-barber_23-2147778769.jpg", imageAlt: "bearded man haircut barbershop" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -97,27 +62,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Blurry Fades",
|
||||
description: "Precision-crafted fades tailored to your unique style and hair type.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-skincare-supplies_23-2147710697.jpg?_wi=1",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/hairdressers-instruments-desk_23-2148181925.jpg",
|
||||
buttonText: "View Styles",
|
||||
},
|
||||
{
|
||||
title: "Classic Cuts",
|
||||
description: "Timeless, sharp haircuts designed to keep you looking professional and clean.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-4293.jpg?_wi=1",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/handsome-man-shaving-morning_23-2147787851.jpg",
|
||||
buttonText: "View Styles",
|
||||
},
|
||||
{
|
||||
title: "Beard Grooming",
|
||||
description: "Expert beard trims and line-ups for a clean, sculpted, and healthy beard look.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-razor-scissors-wooden-table_23-2147839842.jpg?_wi=1",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/bearded-barber-holding-scissors-hair-salon_23-2148181950.jpg",
|
||||
buttonText: "View Styles",
|
||||
},
|
||||
{ title: "Blurry Fades", description: "Precision-crafted fades tailored to your unique style and hair type.", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-skincare-supplies_23-2147710697.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/hairdressers-instruments-desk_23-2148181925.jpg", buttonText: "View Styles" },
|
||||
{ title: "Classic Cuts", description: "Timeless, sharp haircuts designed to keep you looking professional and clean.", imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-4293.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/handsome-man-shaving-morning_23-2147787851.jpg", buttonText: "View Styles" },
|
||||
{ title: "Beard Grooming", description: "Expert beard trims and line-ups for a clean, sculpted, and healthy beard look.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-razor-scissors-wooden-table_23-2147839842.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/bearded-barber-holding-scissors-hair-salon_23-2148181950.jpg", buttonText: "View Styles" }
|
||||
]}
|
||||
title="The Ultimate Grooming Experience"
|
||||
description="Classic cuts or modern styles, we've got you covered."
|
||||
@@ -130,14 +77,8 @@ export default function LandingPage() {
|
||||
title="The Mancave Experience"
|
||||
description="We are more than just a barbershop; we are a community-focused space where precision meets comfort. Our experienced barbers focus on the details that define your style."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Locations Across NSW, QLD, VIC & TAS",
|
||||
},
|
||||
{
|
||||
value: "10k+",
|
||||
title: "Fresh Cuts Delivered Monthly",
|
||||
},
|
||||
{ value: "15+", title: "Locations Across NSW, QLD, VIC & TAS" },
|
||||
{ value: "10k+", title: "Fresh Cuts Delivered Monthly" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/comfortable-black-white-home-interior-design-generated-by-ai_188544-29099.jpg"
|
||||
imageAlt="industrial barbershop design"
|
||||
@@ -151,61 +92,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "David",
|
||||
date: "1 month ago",
|
||||
title: "Highly Recommend",
|
||||
quote: "Worth the wait if there is one. Always great care and detail taken.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-284.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chairs-green-male-barbershop-retro-style_627829-8284.jpg?_wi=2",
|
||||
imageAlt: "portrait young man smile",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ajay",
|
||||
date: "2 months ago",
|
||||
title: "Best Fade",
|
||||
quote: "Best fade I have ever had. I will never go any other place.",
|
||||
tag: "Fan",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-having-hair-shaved-by-crop-barber_23-2147778769.jpg?_wi=2",
|
||||
imageAlt: "portrait young man smile",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jayden",
|
||||
date: "3 months ago",
|
||||
title: "Great Blokes",
|
||||
quote: "Great bunch of blokes. Wouldn't go anywhere else.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-skincare-supplies_23-2147710697.jpg?_wi=2",
|
||||
imageAlt: "portrait young man smile",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Michael",
|
||||
date: "4 months ago",
|
||||
title: "Precision Work",
|
||||
quote: "The attention to detail here is unmatched. Excellent service.",
|
||||
tag: "Client",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-caucasian-man-with-curly-face-white-teeth-pointing-finger-upper-left-corner-showing-advertisement-white-background_176420-47951.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-4293.jpg?_wi=2",
|
||||
imageAlt: "portrait young man smile",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Samuel",
|
||||
date: "5 months ago",
|
||||
title: "Consistent Quality",
|
||||
quote: "Reliable and consistent cuts every single time I visit.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/pleased-handsome-male-customer-show-thumb-up-approval_176420-17945.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-razor-scissors-wooden-table_23-2147839842.jpg?_wi=2",
|
||||
imageAlt: "portrait young man smile",
|
||||
},
|
||||
{ id: "1", name: "David", date: "1 month ago", title: "Highly Recommend", quote: "Worth the wait if there is one. Always great care and detail taken.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-284.jpg", imageSrc: "http://img.b2bpic.net/free-photo/chairs-green-male-barbershop-retro-style_627829-8284.jpg", imageAlt: "portrait young man smile" },
|
||||
{ id: "2", name: "Ajay", date: "2 months ago", title: "Best Fade", quote: "Best fade I have ever had. I will never go any other place.", tag: "Fan", avatarSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-having-hair-shaved-by-crop-barber_23-2147778769.jpg", imageAlt: "portrait young man smile" },
|
||||
{ id: "3", name: "Jayden", date: "3 months ago", title: "Great Blokes", quote: "Great bunch of blokes. Wouldn't go anywhere else.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-skincare-supplies_23-2147710697.jpg", imageAlt: "portrait young man smile" },
|
||||
{ id: "4", name: "Michael", date: "4 months ago", title: "Precision Work", quote: "The attention to detail here is unmatched. Excellent service.", tag: "Client", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-caucasian-man-with-curly-face-white-teeth-pointing-finger-upper-left-corner-showing-advertisement-white-background_176420-47951.jpg", imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-4293.jpg", imageAlt: "portrait young man smile" },
|
||||
{ id: "5", name: "Samuel", date: "5 months ago", title: "Consistent Quality", quote: "Reliable and consistent cuts every single time I visit.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/pleased-handsome-male-customer-show-thumb-up-approval_176420-17945.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-razor-scissors-wooden-table_23-2147839842.jpg", imageAlt: "portrait young man smile" }
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Trusted by men across Australia for the best service and professional detail."
|
||||
@@ -216,15 +107,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"American Crew",
|
||||
"Uppercut Deluxe",
|
||||
"Reuzel",
|
||||
"Layrite",
|
||||
"Baxter of California",
|
||||
"Murray's",
|
||||
"Captain Fawcett",
|
||||
]}
|
||||
names={["American Crew", "Uppercut Deluxe", "Reuzel", "Layrite", "Baxter of California", "Murray's", "Captain Fawcett"]}
|
||||
title="Proud Stockist of Leading Grooming Products"
|
||||
description="We only use the world's best grooming products on your hair and beard."
|
||||
/>
|
||||
@@ -233,75 +116,20 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Find Your Local Barbershop"
|
||||
title="Visit Us Today"
|
||||
description="With 15+ locations across NSW, QLD, VIC & TAS, fresh hair is never far away."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Locations",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Book an Appointment",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View Locations", href: "#" }, { text: "Book an Appointment", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Mancave",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Locations",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Mancave", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Resources", items: [{ label: "Locations", href: "#contact" }, { label: "Services", href: "#services" }, { label: "Products", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Mancave Barbershop"
|
||||
bottomRightText="Built for Quality"
|
||||
@@ -310,4 +138,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user