Merge version_1 into main #2
338
src/app/page.tsx
338
src/app/page.tsx
@@ -25,250 +25,112 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Info",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Harrison Barber"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Harrison Barber"
|
||||
button={{ text: "Book Now", href: "tel:5550123456" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Harrison Barber & Styling"
|
||||
description="Trusted Local Barber for Over 25 Years. Great haircuts, fair prices, and friendly service."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550123456",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg?_wi=1"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg",
|
||||
alt: "Barber 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/crop-barber-holding-mousse-client_23-2147778804.jpg",
|
||||
alt: "Barber 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg",
|
||||
alt: "Barber 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/crop-barber-holding-mousse-client_23-2147778804.jpg",
|
||||
alt: "Barber 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg",
|
||||
alt: "Barber 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Classic Cuts",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hot Towel Shaves",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Beard Grooming",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Senior Discounts",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local Favorite",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "plain" }}
|
||||
title="Harrison Barber & Styling"
|
||||
description="Trusted Local Barber for Over 25 Years. Great haircuts, fair prices, and friendly service."
|
||||
buttons={[{ text: "Call Now", href: "tel:5550123456" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg", alt: "Barber 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/crop-barber-holding-mousse-client_23-2147778804.jpg", alt: "Barber 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg", alt: "Barber 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/crop-barber-holding-mousse-client_23-2147778804.jpg", alt: "Barber 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg", alt: "Barber 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Classic Cuts" },
|
||||
{ type: "text", text: "Hot Towel Shaves" },
|
||||
{ type: "text", text: "Beard Grooming" },
|
||||
{ type: "text", text: "Senior Discounts" },
|
||||
{ type: "text", text: "Local Favorite" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "A Family-Owned Tradition",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/crop-barber-holding-mousse-client_23-2147778804.jpg",
|
||||
alt: "Barber shop experience",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "A Family-Owned Tradition" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/crop-barber-holding-mousse-client_23-2147778804.jpg", alt: "Barber shop experience" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Men’s Haircuts",
|
||||
description: "Classic and modern styles for every customer.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Beard Trims",
|
||||
description: "Expert trimming and grooming.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Walk-ins Welcome",
|
||||
description: "Just stop by, we'll get you taken care of.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg?_wi=4",
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Simple, straightforward quality."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "s1", title: "Men’s Haircuts", description: "Classic and modern styles for every customer.", imageSrc: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg" },
|
||||
{ id: "s2", title: "Beard Trims", description: "Expert trimming and grooming.", imageSrc: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg" },
|
||||
{ id: "s3", title: "Walk-ins Welcome", description: "Just stop by, we'll get you taken care of.", imageSrc: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg" },
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Simple, straightforward quality."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mark R.",
|
||||
role: "Long-time Client",
|
||||
company: "Chattanooga Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg?_wi=5",
|
||||
imageAlt: "classic vintage barbershop interior",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah J.",
|
||||
role: "Client",
|
||||
company: "Chattanooga Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-holding-mousse-client_23-2147778804.jpg?_wi=1",
|
||||
imageAlt: "experienced barber portrait",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "David K.",
|
||||
role: "Client",
|
||||
company: "Chattanooga Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-small-business_23-2149196236.jpg?_wi=1",
|
||||
imageAlt: "barber shop exterior facade",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "John P.",
|
||||
role: "Client",
|
||||
company: "Chattanooga Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg?_wi=6",
|
||||
imageAlt: "classic vintage barbershop interior",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mike D.",
|
||||
role: "Client",
|
||||
company: "Chattanooga Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-holding-mousse-client_23-2147778804.jpg?_wi=2",
|
||||
imageAlt: "experienced barber portrait",
|
||||
},
|
||||
]}
|
||||
title="What Our Neighbors Say"
|
||||
description="Trusted by our community for over two decades."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Mark R.", role: "Long-time Client", company: "Chattanooga Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg" },
|
||||
{ id: "2", name: "Sarah J.", role: "Client", company: "Chattanooga Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-holding-mousse-client_23-2147778804.jpg" },
|
||||
{ id: "3", name: "David K.", role: "Client", company: "Chattanooga Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-small-business_23-2149196236.jpg" },
|
||||
{ id: "4", name: "John P.", role: "Client", company: "Chattanooga Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg" },
|
||||
{ id: "5", name: "Mike D.", role: "Client", company: "Chattanooga Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-holding-mousse-client_23-2147778804.jpg" },
|
||||
]}
|
||||
title="What Our Neighbors Say"
|
||||
description="Trusted by our community for over two decades."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Visit Us"
|
||||
description="Stop by today or give us a call. No appointments needed. Cash or check only.\nHours: Tue-Sat 9am-5pm. Location: 123 Barber St, Chattanooga, TN."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-shop-small-business_23-2149196236.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Visit Us"
|
||||
description="Stop by today or give us a call. No appointments needed. Cash or check only.\nHours: Tue-Sat 9am-5pm. Location: 123 Barber St, Chattanooga, TN."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "phone", type: "tel", placeholder: "Your Phone" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-shop-small-business_23-2149196236.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
{
|
||||
label: "Tue-Sat: 9am - 5pm",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sun-Mon: Closed",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
{
|
||||
label: "123 Barber St, Chattanooga, TN",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Harrison Barber & Styling"
|
||||
bottomRightText="Cash or Check Only"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Hours", items: [{ label: "Tue-Sat: 9am - 5pm" }, { label: "Sun-Mon: Closed" }] },
|
||||
{ title: "Location", items: [{ label: "123 Barber St, Chattanooga, TN" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Harrison Barber & Styling"
|
||||
bottomRightText="Cash or Check Only"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user