Merge version_2 into main #1
238
src/app/page.tsx
238
src/app/page.tsx
@@ -33,43 +33,30 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Services", id: "#features"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="BarberCraft"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Mastering the Art of Grooming"
|
||||
description="Premium cuts, traditional shaves, and top-tier grooming products for the modern man. Experience the difference of true craft."
|
||||
tag="Est. 2012"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sideways-customer-with-eyes-closed_23-2148256865.jpg"
|
||||
/>
|
||||
@@ -83,17 +70,11 @@ export default function LandingPage() {
|
||||
description="We blend traditional techniques with modern style. Our goal is to provide a space where you can relax, look your best, and leave with confidence. Every cut is a statement of quality."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Stylists",
|
||||
description: "Highly trained professionals dedicated to your style.",
|
||||
},
|
||||
title: "Expert Stylists", description: "Highly trained professionals dedicated to your style."},
|
||||
{
|
||||
title: "Premium Products",
|
||||
description: "We use only the finest natural grooming products.",
|
||||
},
|
||||
title: "Premium Products", description: "We use only the finest natural grooming products."},
|
||||
{
|
||||
title: "Traditional Experience",
|
||||
description: "From hot towel shaves to precise fades.",
|
||||
},
|
||||
title: "Traditional Experience", description: "From hot towel shaves to precise fades."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-4293.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -107,19 +88,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Haircut",
|
||||
description: "A tailored cut that suits your face shape.",
|
||||
icon: Scissors,
|
||||
title: "Precision Haircut", description: "A tailored cut that suits your face shape.", icon: Scissors,
|
||||
},
|
||||
{
|
||||
title: "Hot Towel Shave",
|
||||
description: "Experience ultimate comfort with our classic shave.",
|
||||
icon: Sparkles,
|
||||
title: "Hot Towel Shave", description: "Experience ultimate comfort with our classic shave.", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Beard Sculpting",
|
||||
description: "Define and shape your beard for a clean look.",
|
||||
icon: Shield,
|
||||
title: "Beard Sculpting", description: "Define and shape your beard for a clean look.", icon: Shield,
|
||||
},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
@@ -135,59 +110,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "BarberCraft",
|
||||
name: "Signature Pomade",
|
||||
price: "$22",
|
||||
rating: 5,
|
||||
reviewCount: "128",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-three-beer-bottles-ears-wheat-wooden-backdrop_23-2147952035.jpg",
|
||||
},
|
||||
id: "p1", brand: "BarberCraft", name: "Signature Pomade", price: "$22", rating: 5,
|
||||
reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-three-beer-bottles-ears-wheat-wooden-backdrop_23-2147952035.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "BarberCraft",
|
||||
name: "Beard Oil",
|
||||
price: "$28",
|
||||
rating: 5,
|
||||
reviewCount: "94",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-orange-trimmer-black-gloves_23-2148257058.jpg",
|
||||
},
|
||||
id: "p2", brand: "BarberCraft", name: "Beard Oil", price: "$28", rating: 5,
|
||||
reviewCount: "94", imageSrc: "http://img.b2bpic.net/free-photo/close-up-orange-trimmer-black-gloves_23-2148257058.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "BarberCraft",
|
||||
name: "Aftershave Balm",
|
||||
price: "$24",
|
||||
rating: 4,
|
||||
reviewCount: "56",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985734.jpg",
|
||||
},
|
||||
id: "p3", brand: "BarberCraft", name: "Aftershave Balm", price: "$24", rating: 4,
|
||||
reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985734.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "BarberCraft",
|
||||
name: "Shaving Brush",
|
||||
price: "$45",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232245.jpg",
|
||||
},
|
||||
id: "p4", brand: "BarberCraft", name: "Shaving Brush", price: "$45", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232245.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "BarberCraft",
|
||||
name: "Clay Styling",
|
||||
price: "$25",
|
||||
rating: 4,
|
||||
reviewCount: "88",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-getting-groomed_23-2150668469.jpg",
|
||||
},
|
||||
id: "p5", brand: "BarberCraft", name: "Clay Styling", price: "$25", rating: 4,
|
||||
reviewCount: "88", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-getting-groomed_23-2150668469.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "BarberCraft",
|
||||
name: "Beard Wax",
|
||||
price: "$18",
|
||||
rating: 5,
|
||||
reviewCount: "42",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205919.jpg",
|
||||
},
|
||||
id: "p6", brand: "BarberCraft", name: "Beard Wax", price: "$18", rating: 5,
|
||||
reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205919.jpg"},
|
||||
]}
|
||||
title="Premium Grooming Gear"
|
||||
description="Bring the shop experience home with our elite products."
|
||||
@@ -202,45 +141,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "James R.",
|
||||
role: "Entrepreneur",
|
||||
company: "Tech Startup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-customer-giving-high-five_23-2147737094.jpg",
|
||||
},
|
||||
id: "1", name: "James R.", role: "Entrepreneur", company: "Tech Startup", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-customer-giving-high-five_23-2147737094.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Designer",
|
||||
company: "Creative Agency",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205928.jpg",
|
||||
},
|
||||
id: "2", name: "Mark D.", role: "Designer", company: "Creative Agency", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205928.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Chris P.",
|
||||
role: "Manager",
|
||||
company: "Corporate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg",
|
||||
},
|
||||
id: "3", name: "Chris P.", role: "Manager", company: "Corporate", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Alex W.",
|
||||
role: "Athlete",
|
||||
company: "Fitness Pro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2921.jpg",
|
||||
},
|
||||
id: "4", name: "Alex W.", role: "Athlete", company: "Fitness Pro", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2921.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sean M.",
|
||||
role: "Architect",
|
||||
company: "Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-barber-holding-hair-clippers-winner-cup-isolated-olive-green_141793-84218.jpg",
|
||||
},
|
||||
id: "5", name: "Sean M.", role: "Architect", company: "Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-barber-holding-hair-clippers-winner-cup-isolated-olive-green_141793-84218.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Don't just take our word for it—join our satisfied regulars."
|
||||
@@ -254,31 +168,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Happy Clients",
|
||||
items: [
|
||||
"Consistent satisfaction",
|
||||
"Referral based growth",
|
||||
],
|
||||
id: "m1", value: "10k+", title: "Happy Clients", items: [
|
||||
"Consistent satisfaction", "Referral based growth"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Founded in 2012",
|
||||
"Evolving styles",
|
||||
],
|
||||
id: "m2", value: "12", title: "Years Experience", items: [
|
||||
"Founded in 2012", "Evolving styles"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5k+",
|
||||
title: "Shaves Performed",
|
||||
items: [
|
||||
"Hot towel excellence",
|
||||
"Precision work",
|
||||
],
|
||||
id: "m3", value: "5k+", title: "Shaves Performed", items: [
|
||||
"Hot towel excellence", "Precision work"],
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
@@ -292,20 +191,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I book?",
|
||||
content: "Book through our website, phone, or walk in.",
|
||||
},
|
||||
id: "f1", title: "How do I book?", content: "Book through our website, phone, or walk in."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you accept walk-ins?",
|
||||
content: "Yes, walk-ins are always welcome, though bookings are preferred.",
|
||||
},
|
||||
id: "f2", title: "Do you accept walk-ins?", content: "Yes, walk-ins are always welcome, though bookings are preferred."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How long is a haircut?",
|
||||
content: "Typically 30-45 minutes.",
|
||||
},
|
||||
id: "f3", title: "How long is a haircut?", content: "Typically 30-45 minutes."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions about your barber experience."
|
||||
@@ -320,22 +210,14 @@ export default function LandingPage() {
|
||||
description="Ready to get groomed? Contact us today to secure your spot."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "How can we help?", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-male-hairstylist-barber-shop_23-2147839825.jpg"
|
||||
/>
|
||||
@@ -345,29 +227,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
{
|
||||
label: "Phone: (555) 123-4567", href: "tel:+15551234567"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -377,4 +251,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user