Merge version_1 into main #2
157
src/app/page.tsx
157
src/app/page.tsx
@@ -29,26 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Trust Barbershop"
|
||||
/>
|
||||
@@ -56,18 +41,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Precision Cuts. Modern Style."
|
||||
description="Trust Barbershop in Citrus Heights delivers high-quality fades, beard trims, and precision styling for all ages in a clean, professional environment."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg?_wi=1"
|
||||
buttons={[{ text: "Book Now", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg"
|
||||
imageAlt="Professional barber cutting hair"
|
||||
/>
|
||||
</div>
|
||||
@@ -79,50 +57,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Fades",
|
||||
description: "Expert tapering and fades tailored to your hair type.",
|
||||
icon: Scissors,
|
||||
title: "Precision Fades", description: "Expert tapering and fades tailored to your hair type.", icon: Scissors,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-chair_23-2149220561.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg?_wi=2",
|
||||
imageAlt: "modern barber shop interior",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-chair_23-2149220561.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Beard Grooming",
|
||||
description: "Crisp beard trims, lineups, and hot towel treatments.",
|
||||
icon: Sparkles,
|
||||
title: "Beard Grooming", description: "Crisp beard trims, lineups, and hot towel treatments.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122044.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-baber-shop-chiar_23-2148506337.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiling-man-hairsalon_23-2148224426.jpg?_wi=1",
|
||||
imageAlt: "modern barber shop interior",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122044.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-baber-shop-chiar_23-2148506337.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Kids Cuts",
|
||||
description: "Patient, high-quality haircuts in a family-friendly setting.",
|
||||
icon: User,
|
||||
title: "Kids Cuts", description: "Patient, high-quality haircuts in a family-friendly setting.", icon: User,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2149141753.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205873.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205931.jpg?_wi=1",
|
||||
imageAlt: "modern barber shop interior",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2149141753.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205873.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Our Expertise"
|
||||
description="Comprehensive grooming services for the modern man."
|
||||
@@ -133,12 +87,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Welcome to Trust Barbershop"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call (916) 918-4344",
|
||||
href: "tel:9169184344",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Call (916) 918-4344", href: "tel:9169184344" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -146,31 +95,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mark D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiling-man-hairsalon_23-2148224426.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205931.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "James P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sensitive-man-posing-studio-side-view_23-2149518229.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Robert K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "David W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11915.jpg",
|
||||
},
|
||||
{ id: "1", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiling-man-hairsalon_23-2148224426.jpg" },
|
||||
{ id: "2", name: "Sarah L.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205931.jpg" },
|
||||
{ id: "3", name: "James P.", imageSrc: "http://img.b2bpic.net/free-photo/sensitive-man-posing-studio-side-view_23-2149518229.jpg" },
|
||||
{ id: "4", name: "Robert K.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg" },
|
||||
{ id: "5", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11915.jpg" }
|
||||
]}
|
||||
cardTitle="Client Reviews"
|
||||
cardTag="4.9/5 Rating"
|
||||
@@ -184,24 +113,10 @@ export default function LandingPage() {
|
||||
title="Visit Us"
|
||||
description="7937 Auburn Blvd, Citrus Heights, CA 95610"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Booking inquiry or message",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Booking inquiry or message", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/putting-up-barber-shop-sign_23-2151961900.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -209,17 +124,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Trust Barbershop"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Copyright 2024",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Copyright 2024", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user