Merge version_1 into main #1
310
src/app/page.tsx
310
src/app/page.tsx
@@ -26,228 +26,106 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Presidential Haircuts"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "pricing" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Presidential Haircuts"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Presidential Haircuts"
|
||||
description="Experience clean, classic, and high-quality cuts in the heart of Antioch. Where craftsmanship meets professional grooming."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cane-antique-store_23-2149640760.jpg",
|
||||
imageAlt: "Professional Barber Setup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-bath-concept-accessories_23-2148419338.jpg",
|
||||
imageAlt: "Barber Tools Detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shaving-concept-with-attractive-man_23-2148121831.jpg",
|
||||
imageAlt: "Barber Grooming",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-armchairs-barber-shop_140725-7720.jpg",
|
||||
imageAlt: "Barbershop Ambiance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313037.jpg",
|
||||
imageAlt: "Clippers and Equipment",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-razor-blade_23-2151102219.jpg",
|
||||
imageAlt: "Quality Service",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "plain" }}
|
||||
title="Presidential Haircuts"
|
||||
description="Experience clean, classic, and high-quality cuts in the heart of Antioch. Where craftsmanship meets professional grooming."
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cane-antique-store_23-2149640760.jpg", imageAlt: "Professional Barber Setup" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-bath-concept-accessories_23-2148419338.jpg", imageAlt: "Barber Tools Detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/shaving-concept-with-attractive-man_23-2148121831.jpg", imageAlt: "Barber Grooming" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-armchairs-barber-shop_140725-7720.jpg", imageAlt: "Barbershop Ambiance" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313037.jpg", imageAlt: "Clippers and Equipment" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-razor-blade_23-2151102219.jpg", imageAlt: "Quality Service" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Us"
|
||||
metrics={[
|
||||
{
|
||||
icon: Scissors,
|
||||
label: "Quality Cuts",
|
||||
value: "18+",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Client Rating",
|
||||
value: "5.0",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Years Served",
|
||||
value: "5+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Us"
|
||||
metrics={[
|
||||
{ icon: Scissors, label: "Quality Cuts", value: "18+" },
|
||||
{ icon: Star, label: "Client Rating", value: "5.0" },
|
||||
{ icon: Clock, label: "Years Served", value: "5+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "cut",
|
||||
badge: "Standard",
|
||||
price: "$30",
|
||||
subtitle: "Precision haircut and shape up.",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Haircut",
|
||||
"Shape up",
|
||||
"Style",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "beard",
|
||||
badge: "Grooming",
|
||||
price: "$45",
|
||||
subtitle: "Complete beard and haircut package.",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Haircut",
|
||||
"Beard trim",
|
||||
"Hot towel",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "full",
|
||||
badge: "Presidential",
|
||||
price: "$60",
|
||||
subtitle: "The full grooming experience.",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Haircut",
|
||||
"Hot towel shave",
|
||||
"Beard maintenance",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Premium grooming and cutting packages tailored to your needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "cut", badge: "Standard", price: "$30", subtitle: "Precision haircut and shape up.", buttons: [{ text: "Book Now", href: "#contact" }],
|
||||
features: ["Haircut", "Shape up", "Style"],
|
||||
},
|
||||
{
|
||||
id: "beard", badge: "Grooming", price: "$45", subtitle: "Complete beard and haircut package.", buttons: [{ text: "Book Now", href: "#contact" }],
|
||||
features: ["Haircut", "Beard trim", "Hot towel"],
|
||||
},
|
||||
{
|
||||
id: "full", badge: "Presidential", price: "$60", subtitle: "The full grooming experience.", buttons: [{ text: "Book Now", href: "#contact" }],
|
||||
features: ["Haircut", "Hot towel shave", "Beard maintenance"],
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Premium grooming and cutting packages tailored to your needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Clean barbers, good services, quality cuts.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike D.",
|
||||
handle: "@miked",
|
||||
testimonial: "Awesome experience for my son’s haircut.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-kid-getting-haircut-salon_23-2149870380.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "John D.",
|
||||
handle: "@johnd",
|
||||
testimonial: "The owner of this shop has been my barber for years.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Amy L.",
|
||||
handle: "@amyl",
|
||||
testimonial: "Best barber in Antioch! Always a 5-star experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoor_624325-629.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chris B.",
|
||||
handle: "@chrisb",
|
||||
testimonial: "Very professional and friendly atmosphere.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-woman-with-curly-hair_273609-14367.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Reviews"
|
||||
description="See why our clients trust us with their style."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "Clean barbers, good services, quality cuts.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg" },
|
||||
{ id: "2", name: "Mike D.", handle: "@miked", testimonial: "Awesome experience for my son’s haircut.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-kid-getting-haircut-salon_23-2149870380.jpg" },
|
||||
{ id: "3", name: "John D.", handle: "@johnd", testimonial: "The owner of this shop has been my barber for years.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg" },
|
||||
{ id: "4", name: "Amy L.", handle: "@amyl", testimonial: "Best barber in Antioch! Always a 5-star experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoor_624325-629.jpg" },
|
||||
{ id: "5", name: "Chris B.", handle: "@chrisb", testimonial: "Very professional and friendly atmosphere.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-woman-with-curly-hair_273609-14367.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Reviews"
|
||||
description="See why our clients trust us with their style."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
text="Visit us at 625 W 4th St Suite 112, Antioch, CA 94509. Call (925) 206-7333 to book your spot today."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
text="Visit us at 625 W 4th St Suite 112, Antioch, CA 94509. Call (925) 206-7333 to book your spot today."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Presidential Haircuts"
|
||||
copyrightText="© 2025 Presidential Haircuts. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Presidential Haircuts"
|
||||
copyrightText="© 2025 Presidential Haircuts. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user