Merge version_1 into main #2
166
src/app/page.tsx
166
src/app/page.tsx
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Gentlemen Edition"
|
||||
/>
|
||||
@@ -57,63 +47,38 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Elevating Grooming in Harvest, Alabama"
|
||||
description="Experience premium service at Gentlemen Edition Grooming. Welcoming, professional, and accessible for everyone."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg", alt: "Client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg", alt: "Client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-looking-young-beautiful-female-barber-uniform-showing-timeout-gesture-isolated-pink-wall_141793-106045.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-looking-young-beautiful-female-barber-uniform-showing-timeout-gesture-isolated-pink-wall_141793-106045.jpg", alt: "Client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-salon_52683-111009.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-salon_52683-111009.jpg", alt: "Client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-stylish-man-coat-intently-looking-camera-outdoor_574295-1308.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-stylish-man-coat-intently-looking-camera-outdoor_574295-1308.jpg", alt: "Client"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Online",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book Online", href: "#"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:1234567890",
|
||||
},
|
||||
text: "Call Now", href: "tel:1234567890"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Cuts",
|
||||
},
|
||||
type: "text", text: "Precision Cuts"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hot Towel Shaves",
|
||||
},
|
||||
type: "text", text: "Hot Towel Shaves"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Styles",
|
||||
},
|
||||
type: "text", text: "Modern Styles"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family Friendly",
|
||||
},
|
||||
type: "text", text: "Family Friendly"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Products",
|
||||
},
|
||||
type: "text", text: "Premium Products"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,19 +90,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "10+",
|
||||
},
|
||||
label: "Years Experience", value: "10+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Clients",
|
||||
value: "5000+",
|
||||
},
|
||||
label: "Happy Clients", value: "5000+"},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Review Rating",
|
||||
value: "5.0",
|
||||
},
|
||||
label: "Review Rating", value: "5.0"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -151,41 +110,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "Classic Cut",
|
||||
price: "$35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg?_wi=1",
|
||||
},
|
||||
id: "s1", name: "Classic Cut", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg"},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Beard Trim",
|
||||
price: "$20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg?_wi=2",
|
||||
},
|
||||
id: "s2", name: "Beard Trim", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg"},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Fade & Design",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg?_wi=3",
|
||||
},
|
||||
id: "s3", name: "Fade & Design", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg"},
|
||||
{
|
||||
id: "s4",
|
||||
name: "Hot Towel Shave",
|
||||
price: "$30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg?_wi=4",
|
||||
},
|
||||
id: "s4", name: "Hot Towel Shave", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg"},
|
||||
{
|
||||
id: "s5",
|
||||
name: "Kids Cut",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg?_wi=5",
|
||||
},
|
||||
id: "s5", name: "Kids Cut", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg"},
|
||||
{
|
||||
id: "s6",
|
||||
name: "Full Grooming",
|
||||
price: "$60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg?_wi=6",
|
||||
},
|
||||
id: "s6", name: "Full Grooming", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg"},
|
||||
]}
|
||||
title="Premium Services"
|
||||
description="Professional grooming tailored for the modern gentleman."
|
||||
@@ -194,44 +129,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
handle: "@johndoe",
|
||||
testimonial: "Best barber in Harvest! Always professional and punctual.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg",
|
||||
},
|
||||
id: "t1", name: "John Doe", handle: "@johndoe", testimonial: "Best barber in Harvest! Always professional and punctual.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Smith",
|
||||
handle: "@msmith",
|
||||
testimonial: "Exceptional service and a very welcoming atmosphere.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg",
|
||||
},
|
||||
id: "t2", name: "Michael Smith", handle: "@msmith", testimonial: "Exceptional service and a very welcoming atmosphere.", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "James Wilson",
|
||||
handle: "@jwilson",
|
||||
testimonial: "My go-to spot for a fresh cut. Highly recommend!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-looking-young-beautiful-female-barber-uniform-showing-timeout-gesture-isolated-pink-wall_141793-106045.jpg",
|
||||
},
|
||||
id: "t3", name: "James Wilson", handle: "@jwilson", testimonial: "My go-to spot for a fresh cut. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/pleased-looking-young-beautiful-female-barber-uniform-showing-timeout-gesture-isolated-pink-wall_141793-106045.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Robert Brown",
|
||||
handle: "@rbrown",
|
||||
testimonial: "Great attention to detail and very family-friendly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-salon_52683-111009.jpg",
|
||||
},
|
||||
id: "t4", name: "Robert Brown", handle: "@rbrown", testimonial: "Great attention to detail and very family-friendly.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-salon_52683-111009.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David Clark",
|
||||
handle: "@dclark",
|
||||
testimonial: "Professional, clean, and always does a great job.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-stylish-man-coat-intently-looking-camera-outdoor_574295-1308.jpg",
|
||||
},
|
||||
id: "t5", name: "David Clark", handle: "@dclark", testimonial: "Professional, clean, and always does a great job.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-stylish-man-coat-intently-looking-camera-outdoor_574295-1308.jpg"},
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="What our community says about us."
|
||||
@@ -242,8 +153,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Book Your Appointment"
|
||||
description="Located in Harvest, Alabama. We look forward to seeing you in the chair."
|
||||
@@ -257,14 +167,10 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user