Merge version_1 into main #1
255
src/app/page.tsx
255
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "#team",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Location",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Team", id: "#team" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Location", id: "#contact" },
|
||||
]}
|
||||
brandName="Cut Creation Barbers"
|
||||
/>
|
||||
@@ -59,42 +44,19 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "glowing-orb"}}
|
||||
title="CUT CREATION BARBERS"
|
||||
description="Precision Cuts. Every Time. Trusted by loyal clients in New Lynn. No rushed cuts. No guesswork."
|
||||
tag="PREMIUM BARBERSHOP"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Walk In Today",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Book Appointment", href: "#contact" },
|
||||
{ text: "Walk In Today", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/developer-worried-by-conscious-artificial-intelligence-dooming-humanity-closeup_482257-93603.jpg",
|
||||
imageAlt: "Barber cutting hair",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/developer-worried-by-conscious-artificial-intelligence-dooming-humanity-closeup_482257-93603.jpg", imageAlt: "Barber cutting hair"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blue-eyed-bearded-hipster-male-with-crossed-arms-grey-background_613910-12834.jpg",
|
||||
imageAlt: "Sharp fade",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-getting-haircut_23-2148242819.jpg",
|
||||
imageAlt: "Back view of man getting a haircut",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-tattooed-young-man-talking-phone-close-up-portrait-outdoors_1321-15.jpg",
|
||||
imageAlt: "Handsome tattooed young man talking on the phone",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-barbershop-concept_23-2148506210.jpg",
|
||||
imageAlt: "Close-up view of barbershop concept",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blue-eyed-bearded-hipster-male-with-crossed-arms-grey-background_613910-12834.jpg", imageAlt: "Sharp fade"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -110,26 +72,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Total Consistency",
|
||||
description: "We ensure the same level of quality every single visit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-from-barbershop-wooden-background_1303-10377.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-holding-hair-dryer_23-2149220573.jpg",
|
||||
buttonText: "Book Now",
|
||||
},
|
||||
title: "Total Consistency", description: "We ensure the same level of quality every single visit.", imageSrc: "http://img.b2bpic.net/free-photo/tools-from-barbershop-wooden-background_1303-10377.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-holding-hair-dryer_23-2149220573.jpg", buttonText: "Book Now"},
|
||||
{
|
||||
title: "Precision Detail",
|
||||
description: "Attention to detail that separates us from the rest.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-his-beard-trimmed_23-2148256868.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/bearded-hipster-male-purple-suit-isolated-grey-vignette-background_613910-1970.jpg",
|
||||
buttonText: "Book Now",
|
||||
},
|
||||
title: "Precision Detail", description: "Attention to detail that separates us from the rest.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-his-beard-trimmed_23-2148256868.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/bearded-hipster-male-purple-suit-isolated-grey-vignette-background_613910-1970.jpg", buttonText: "Book Now"},
|
||||
{
|
||||
title: "We Actually Listen",
|
||||
description: "Consultation-first approach to ensure you get exactly what you want.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-redhead-male-dressed-blue-suit-sunglasses-dark-grey-background_613910-12043.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/side-view-artists-getting-ready-show_23-2149434526.jpg",
|
||||
buttonText: "Book Now",
|
||||
},
|
||||
title: "We Actually Listen", description: "Consultation-first approach to ensure you get exactly what you want.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-redhead-male-dressed-blue-suit-sunglasses-dark-grey-background_613910-12043.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/side-view-artists-getting-ready-show_23-2149434526.jpg", buttonText: "Book Now"},
|
||||
]}
|
||||
title="Why Clients Don't Go Anywhere Else"
|
||||
description="Unmatched consistency, attention to detail, and a relaxed environment where we actually listen to your style needs."
|
||||
@@ -144,47 +91,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "Fade / Skin Fade",
|
||||
price: "From $35",
|
||||
variant: "Precision Blend",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/displeased-young-handsome-man-touching-face-after-shaving-grey_176420-42382.jpg",
|
||||
},
|
||||
id: "s1", name: "Fade / Skin Fade", price: "From $35", variant: "Precision Blend", imageSrc: "http://img.b2bpic.net/free-photo/displeased-young-handsome-man-touching-face-after-shaving-grey_176420-42382.jpg"},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Classic Cut",
|
||||
price: "From $30",
|
||||
variant: "Traditional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-getting-haircut_23-2150665417.jpg",
|
||||
},
|
||||
id: "s2", name: "Classic Cut", price: "From $30", variant: "Traditional", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-getting-haircut_23-2150665417.jpg"},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Kids Cut",
|
||||
price: "From $25",
|
||||
variant: "Friendly",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-cute-preschooler-boy-getting-haircut-dark-background_613910-19731.jpg",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
name: "Precision Blends",
|
||||
price: "Add-on",
|
||||
variant: "Specialty",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-blond-bearded-man-white-shirt-classic-elegant-jacket-dark-background_613910-11234.jpg",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
name: "Styling Advice",
|
||||
price: "Included",
|
||||
variant: "Expertise",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-brush_1157-43553.jpg",
|
||||
},
|
||||
{
|
||||
id: "s6",
|
||||
name: "Custom Style",
|
||||
price: "Custom",
|
||||
variant: "Tailored",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shaving-brush_53876-42040.jpg",
|
||||
},
|
||||
id: "s3", name: "Kids Cut", price: "From $25", variant: "Friendly", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-cute-preschooler-boy-getting-haircut-dark-background_613910-19731.jpg"},
|
||||
]}
|
||||
title="Our Craft"
|
||||
description="Professional services finished with detail work and style advice."
|
||||
@@ -198,29 +109,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
team={[
|
||||
{
|
||||
id: "grace",
|
||||
name: "Grace",
|
||||
role: "Precision Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-girl-dressed-shirt-holds-trimmer-scissors-isolated-dark-textured-background_613910-19741.jpg",
|
||||
},
|
||||
id: "grace", name: "Grace", role: "Precision Specialist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-girl-dressed-shirt-holds-trimmer-scissors-isolated-dark-textured-background_613910-19741.jpg"},
|
||||
{
|
||||
id: "kara",
|
||||
name: "Kara",
|
||||
role: "Fade Expert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-arms-dressed-white-shirt-grey-background_613910-1412.jpg",
|
||||
},
|
||||
{
|
||||
id: "ash",
|
||||
name: "Ash",
|
||||
role: "Consistent & Reliable",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205897.jpg",
|
||||
},
|
||||
{
|
||||
id: "kartik",
|
||||
name: "Kartik",
|
||||
role: "Detail-Focused Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058819.jpg",
|
||||
},
|
||||
id: "kara", name: "Kara", role: "Fade Expert", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-arms-dressed-white-shirt-grey-background_613910-1412.jpg"},
|
||||
]}
|
||||
title="Meet The Team Behind The Craft"
|
||||
description="Skilled. Patient. Focused on getting it right every time."
|
||||
@@ -235,45 +126,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex S.",
|
||||
role: "Client",
|
||||
company: "Local Regular",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-hairdressing-salon_23-2147737029.jpg",
|
||||
},
|
||||
id: "1", name: "Alex S.", role: "Client", company: "Local Regular", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-hairdressing-salon_23-2147737029.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Client",
|
||||
company: "New Lynn Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-away-barber-shop_23-2148353460.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah W.",
|
||||
role: "Parent",
|
||||
company: "Loyal Family",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-man-with-apron_23-2148366567.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jason T.",
|
||||
role: "Client",
|
||||
company: "2+ Year Regular",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shaving-process-small-dog-sits-table-dog-shaved-by-professional_1157-48805.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mike R.",
|
||||
role: "Client",
|
||||
company: "New Lynn",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylist-works-woman-hair-salon_1398-1042.jpg",
|
||||
},
|
||||
id: "2", name: "Mark D.", role: "Client", company: "New Lynn Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-away-barber-shop_23-2148353460.jpg"},
|
||||
]}
|
||||
title="This Isn't Just a Haircut"
|
||||
description="Relaxed, upbeat atmosphere where you walk in unsure and leave feeling confident."
|
||||
@@ -285,14 +142,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Precision Fades",
|
||||
"Sharp Lineups",
|
||||
"Transformation",
|
||||
"Clean Blends",
|
||||
"Kids Style",
|
||||
"Texture Work",
|
||||
"Expert Finishing",
|
||||
]}
|
||||
"Precision Fades", "Sharp Lineups", "Transformation"]}
|
||||
title="The Results"
|
||||
description="See the precision and style that define our barbershop."
|
||||
/>
|
||||
@@ -305,51 +155,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "std",
|
||||
name: "Standard Cut",
|
||||
price: "$30",
|
||||
features: [
|
||||
"Classic cut",
|
||||
"Detail work",
|
||||
"Styling advice",
|
||||
],
|
||||
id: "std", name: "Standard Cut", price: "$30", features: [
|
||||
"Classic cut", "Detail work"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Book Now", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "fade",
|
||||
name: "Skin Fade",
|
||||
price: "$35",
|
||||
features: [
|
||||
"Precision blend",
|
||||
"Detail work",
|
||||
"Styling advice",
|
||||
],
|
||||
id: "fade", name: "Skin Fade", price: "$35", features: [
|
||||
"Precision blend", "Detail work"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "kid",
|
||||
name: "Kids Cut",
|
||||
price: "$25",
|
||||
features: [
|
||||
"Friendly cut",
|
||||
"Quick experience",
|
||||
"Expertise",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Book Now", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -362,20 +178,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "glowing-orb"}}
|
||||
tag="BOOKING"
|
||||
title="Ready for a proper haircut?"
|
||||
description="3083 Great North Road, New Lynn. Visit us today or book ahead to ensure a spot with your preferred barber."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Walk In Today",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Book Appointment", href: "#" },
|
||||
{ text: "Walk In Today", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user