Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| e1474f2b20 | |||
| 60494e862f | |||
| 44732f146c | |||
| b25a76c573 | |||
| a91649c117 |
180
src/app/page.tsx
180
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Blackwood Barber CO"
|
||||
/>
|
||||
@@ -52,63 +44,40 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Tradition Refined."
|
||||
variant: "gradient-bars"}}
|
||||
title="The Ultimate Grooming Experience for the Modern Man"
|
||||
description="Premium grooming services for the modern gentleman at The Blackwood Barber CO."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg"
|
||||
imageAlt="Professional barber shop interior"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/guy-plaid-shirt_158595-135.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/guy-plaid-shirt_158595-135.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-senior-man-getting-haircut_23-2149220554.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-senior-man-getting-haircut_23-2149220554.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-15972.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-15972.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-studio-portrait-bearded-middle-age-male-dressed-woolen-suit-tweed-cap_613910-28.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-studio-portrait-bearded-middle-age-male-dressed-woolen-suit-tweed-cap_613910-28.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-hair-salon_23-2150665422.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-hair-salon_23-2150665422.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by over 500+ satisfied gentlemen"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Cuts",
|
||||
},
|
||||
type: "text", text: "Precision Cuts"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Beard Sculpting",
|
||||
},
|
||||
type: "text", text: "Beard Sculpting"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Classic Shaves",
|
||||
},
|
||||
type: "text", text: "Classic Shaves"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Grooming",
|
||||
},
|
||||
type: "text", text: "Premium Grooming"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Heritage",
|
||||
},
|
||||
type: "text", text: "Modern Heritage"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -118,8 +87,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Craft"
|
||||
description={[
|
||||
"Founded on the principles of precision and patience, Blackwood Barber CO is where time-honored techniques meet modern grooming aesthetics.",
|
||||
"We take pride in our dedication to the perfect cut, every single time.",
|
||||
"Founded on the principles of precision and patience, Blackwood Barber CO is where time-honored techniques meet modern grooming aesthetics.", "We take pride in our dedication to the perfect cut, every single time."]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment", href: "#contact"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,23 +103,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Cut",
|
||||
description: "Tailored haircuts designed specifically for your face shape and hair texture.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/haircut-machine-scissors_23-2147736989.jpg",
|
||||
imageAlt: "Precision haircut service",
|
||||
},
|
||||
title: "Precision Cut", description: "Tailored haircuts designed specifically for your face shape and hair texture.", imageSrc: "http://img.b2bpic.net/free-photo/haircut-machine-scissors_23-2147736989.jpg", imageAlt: "Precision haircut service"},
|
||||
{
|
||||
title: "Beard Sculpting",
|
||||
description: "Expert beard trimming, edging, and maintenance for a sharp, clean appearance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scissors-towel-beauty-salon_23-2148181999.jpg",
|
||||
imageAlt: "Expert beard sculpting",
|
||||
},
|
||||
title: "Beard Sculpting", description: "Expert beard trimming, edging, and maintenance for a sharp, clean appearance.", imageSrc: "http://img.b2bpic.net/free-photo/scissors-towel-beauty-salon_23-2148181999.jpg", imageAlt: "Expert beard sculpting"},
|
||||
{
|
||||
title: "Classic Shave",
|
||||
description: "A traditional straight-razor shave for the ultimate smooth and refreshing finish.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-smears-face-with-foam-hairdressing-salon_613910-18406.jpg",
|
||||
imageAlt: "Classic razor shave",
|
||||
},
|
||||
title: "Classic Shave", description: "A traditional straight-razor shave for the ultimate smooth and refreshing finish.", imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-smears-face-with-foam-hairdressing-salon_613910-18406.jpg", imageAlt: "Classic razor shave"},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Experience grooming the way it was meant to be."
|
||||
@@ -162,45 +122,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "James Anderson",
|
||||
role: "Architect",
|
||||
company: "Urban Designs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/guy-plaid-shirt_158595-135.jpg",
|
||||
},
|
||||
id: "1", name: "James Anderson", role: "Architect", company: "Urban Designs", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/guy-plaid-shirt_158595-135.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Roberts",
|
||||
role: "Creative Director",
|
||||
company: "Media Works",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-man-getting-haircut_23-2149220554.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Roberts", role: "Creative Director", company: "Media Works", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-man-getting-haircut_23-2149220554.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Thomas Wright",
|
||||
role: "Entrepreneur",
|
||||
company: "StartUp Lab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-15972.jpg",
|
||||
},
|
||||
id: "3", name: "Thomas Wright", role: "Entrepreneur", company: "StartUp Lab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-15972.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Sterling",
|
||||
role: "Consultant",
|
||||
company: "Global Firm",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-studio-portrait-bearded-middle-age-male-dressed-woolen-suit-tweed-cap_613910-28.jpg",
|
||||
},
|
||||
id: "4", name: "David Sterling", role: "Consultant", company: "Global Firm", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-studio-portrait-bearded-middle-age-male-dressed-woolen-suit-tweed-cap_613910-28.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "William Scott",
|
||||
role: "Professor",
|
||||
company: "State Uni",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-hair-salon_23-2150665422.jpg",
|
||||
},
|
||||
id: "5", name: "William Scott", role: "Professor", company: "State Uni", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-hair-salon_23-2150665422.jpg"},
|
||||
]}
|
||||
title="What They Say"
|
||||
description="The trusted choice for discerning gentlemen."
|
||||
@@ -210,32 +145,21 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Visit Us"
|
||||
title="Book Your Experience"
|
||||
description="Secure your seat at Blackwood Barber CO."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "notes",
|
||||
placeholder: "Preferred service/time",
|
||||
rows: 4,
|
||||
name: "notes", placeholder: "Preferred service/time", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/vintage-label-typeface-named-barbershop_1284-52631.jpg"
|
||||
@@ -247,29 +171,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -280,4 +194,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user