Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
257
src/app/page.tsx
257
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
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: "Book Now",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Book Now", id: "contact"},
|
||||
]}
|
||||
brandName="Darlene's"
|
||||
/>
|
||||
@@ -54,120 +46,66 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="The Barber You Finally Trust."
|
||||
description="Precision cuts, genuine conversation, and a welcoming chair for the whole family."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-furniture-adorns-comfortable-home-interior-generated-by-ai_188544-29070.jpg",
|
||||
imageAlt: "Barber shop atmosphere 1",
|
||||
},
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/modern-luxury-furniture-adorns-comfortable-home-interior-generated-by-ai_188544-29070.jpg", imageAlt: "Barber shop atmosphere 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-equipment-working-surface-by-mirror-barbershop_627829-8282.jpg",
|
||||
imageAlt: "Barber shop atmosphere 2",
|
||||
},
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/barber-equipment-working-surface-by-mirror-barbershop_627829-8282.jpg", imageAlt: "Barber shop atmosphere 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-world-theatre-day-scenes-with-backstage_23-2151211363.jpg",
|
||||
imageAlt: "Barber shop atmosphere 3",
|
||||
},
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/retro-world-theatre-day-scenes-with-backstage_23-2151211363.jpg", imageAlt: "Barber shop atmosphere 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-grooming-man-s-beard-professional-barber-shop-close-up_23-2148353420.jpg",
|
||||
imageAlt: "Barber shop atmosphere 4",
|
||||
},
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/woman-grooming-man-s-beard-professional-barber-shop-close-up_23-2148353420.jpg", imageAlt: "Barber shop atmosphere 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg",
|
||||
imageAlt: "Barber shop atmosphere 5",
|
||||
},
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg", imageAlt: "Barber shop atmosphere 5"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-yorkshire-dog_23-2151779230.jpg",
|
||||
imageAlt: "Barber shop atmosphere 6",
|
||||
},
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/smiling-barber-man-holding-clipper-client-hair-salon_23-2148560055.jpg", imageAlt: "Barber shop atmosphere 6"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-theatre-scene-celebrate-world-theatre-day_23-2151211472.jpg",
|
||||
imageAlt: "Barber shop atmosphere 7",
|
||||
},
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/retro-theatre-scene-celebrate-world-theatre-day_23-2151211472.jpg", imageAlt: "Barber shop atmosphere 7"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-man-shaving-before-work-holding-disposable-razor-shave-his-face-using-foam_343059-1186.jpg",
|
||||
imageAlt: "Barber shop atmosphere 8",
|
||||
},
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/attractive-young-man-shaving-before-work-holding-disposable-razor-shave-his-face-using-foam_343059-1186.jpg", imageAlt: "Barber shop atmosphere 8"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-his-hair-trimmed_23-2148256979.jpg",
|
||||
imageAlt: "Barber shop atmosphere 9",
|
||||
},
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/close-up-man-getting-his-hair-trimmed_23-2148256979.jpg", imageAlt: "Barber shop atmosphere 9"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-getting-groomed_23-2150668468.jpg",
|
||||
imageAlt: "Barber shop atmosphere 10",
|
||||
},
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/high-angle-man-getting-groomed_23-2150668468.jpg", imageAlt: "Barber shop atmosphere 10"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-shaved-with-straight-edge-razor-by-hairdresser-barbershop_1153-9769.jpg",
|
||||
imageAlt: "Barber shop atmosphere 11",
|
||||
},
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/young-bearded-man-getting-shaved-with-straight-edge-razor-by-hairdresser-barbershop_1153-9769.jpg", imageAlt: "Barber shop atmosphere 11"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skiing-snowboarding-equipment_482257-76571.jpg",
|
||||
imageAlt: "Barber shop atmosphere 12",
|
||||
},
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/smiling-barber-cutting-man-hair-professional-salon_23-2148750955.jpg", imageAlt: "Barber shop atmosphere 12"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550123",
|
||||
},
|
||||
text: "Call Now", href: "tel:5550123"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg",
|
||||
alt: "Barber shop atmosphere",
|
||||
},
|
||||
src: "https://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg", alt: "Barber shop atmosphere"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/retro-theatre-scene-celebrate-world-theatre-day_23-2151211458.jpg",
|
||||
alt: "Barber shop interior",
|
||||
},
|
||||
src: "https://img.b2bpic.net/free-photo/retro-theatre-scene-celebrate-world-theatre-day_23-2151211458.jpg", alt: "Barber shop interior"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/men-looking-out-window-cafe_23-2147775903.jpg",
|
||||
alt: "Barber shop style",
|
||||
},
|
||||
src: "https://img.b2bpic.net/free-photo/men-looking-out-window-cafe_23-2147775903.jpg", alt: "Barber shop style"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-baber-shop-chiar_23-2148506337.jpg",
|
||||
alt: "Barber chair view",
|
||||
},
|
||||
src: "https://img.b2bpic.net/free-photo/front-view-baber-shop-chiar_23-2148506337.jpg", alt: "Barber chair view"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186474.jpg",
|
||||
alt: "Barber service",
|
||||
},
|
||||
src: "https://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186474.jpg", alt: "Barber service"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/crop-hands-shaving-neck-customer_23-2147778915.jpg",
|
||||
alt: "Barber tool",
|
||||
},
|
||||
type: "image", src: "https://img.b2bpic.net/free-photo/crop-hands-shaving-neck-customer_23-2147778915.jpg", alt: "Barber tool"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-man-shaving-his-beard-with-razor_23-2147839813.jpg",
|
||||
alt: "Barber tool",
|
||||
},
|
||||
type: "image", src: "https://img.b2bpic.net/free-photo/close-up-man-shaving-his-beard-with-razor_23-2147839813.jpg", alt: "Barber tool"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205895.jpg",
|
||||
alt: "Barber tool",
|
||||
},
|
||||
type: "image", src: "https://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205895.jpg", alt: "Barber tool"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-barber-combing-moustache-client_23-2147778838.jpg",
|
||||
alt: "Barber tool",
|
||||
},
|
||||
type: "image", src: "https://img.b2bpic.net/free-photo/close-up-barber-combing-moustache-client_23-2147778838.jpg", alt: "Barber tool"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/mustache-guy-barbershop_140725-7723.jpg",
|
||||
alt: "Barber tool",
|
||||
},
|
||||
type: "image", src: "https://img.b2bpic.net/free-photo/mustache-guy-barbershop_140725-7723.jpg", alt: "Barber tool"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -179,19 +117,13 @@ export default function LandingPage() {
|
||||
description="At Darlene's, we believe in listening carefully, helping nervous clients relax, and building long-term relationships with families. It's about consistency, attention to detail, and a warm, authentic welcome."
|
||||
metrics={[
|
||||
{
|
||||
value: "5+",
|
||||
title: "Star Rating",
|
||||
},
|
||||
value: "5+", title: "Star Rating"},
|
||||
{
|
||||
value: "2022",
|
||||
title: "Established",
|
||||
},
|
||||
value: "2022", title: "Established"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Commitment",
|
||||
},
|
||||
value: "100%", title: "Commitment"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-barber-shop_23-2149141768.jpg"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/full-shot-man-barber-shop_23-2149141768.jpg"
|
||||
imageAlt="Darlene welcoming clients"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -205,39 +137,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Haircuts",
|
||||
author: "Professional",
|
||||
description: "Clean fades, classic cuts, trims, and modern styles.",
|
||||
tags: [
|
||||
"Fade",
|
||||
"Classic",
|
||||
"Modern",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2921.jpg",
|
||||
},
|
||||
id: "f1", title: "Haircuts", author: "Professional", description: "Clean fades, classic cuts, trims, and modern styles.", tags: [
|
||||
"Fade", "Classic", "Modern"],
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2921.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Beard Grooming",
|
||||
author: "Precision",
|
||||
description: "Precision beard shaping and detailing for a sharp look.",
|
||||
tags: [
|
||||
"Shaping",
|
||||
"Detailing",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dryin-process-small-dog-sits-table-dog-drying-by-professional_1157-48815.jpg",
|
||||
},
|
||||
id: "f2", title: "Beard Grooming", author: "Precision", description: "Precision beard shaping and detailing for a sharp look.", tags: [
|
||||
"Shaping", "Detailing"],
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/smiling-barber-cutting-man-hair-professional-salon_23-2148750955.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Hot Towel Shave",
|
||||
author: "Classic",
|
||||
description: "Classic barber experience with premium finishing touches.",
|
||||
tags: [
|
||||
"Relaxing",
|
||||
"Luxury",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985723.jpg",
|
||||
},
|
||||
id: "f3", title: "Hot Towel Shave", author: "Classic", description: "Classic barber experience with premium finishing touches.", tags: [
|
||||
"Relaxing", "Luxury"],
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985723.jpg"},
|
||||
]}
|
||||
title="Premium Grooming Services"
|
||||
description="Professional care tailored to your style."
|
||||
@@ -252,25 +162,15 @@ export default function LandingPage() {
|
||||
author="Mark Johnson"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186458.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "https://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186458.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665396.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "https://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665396.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-bathroom_23-2150323118.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "https://img.b2bpic.net/free-photo/side-view-man-bathroom_23-2150323118.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665403.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "https://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665403.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3609.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "https://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3609.jpg", alt: "Client 5"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -284,20 +184,11 @@ export default function LandingPage() {
|
||||
tag="Trusted Quality"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5-Star",
|
||||
description: "Local Reputation",
|
||||
},
|
||||
id: "m1", value: "5-Star", description: "Local Reputation"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Family",
|
||||
description: "Friendly Environment",
|
||||
},
|
||||
id: "m2", value: "Family", description: "Friendly Environment"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Modern",
|
||||
description: "Affordable Luxury",
|
||||
},
|
||||
id: "m3", value: "Modern", description: "Affordable Luxury"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -309,25 +200,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are walk-ins welcome?",
|
||||
content: "Yes, we always welcome walk-ins whenever possible.",
|
||||
},
|
||||
id: "q1", title: "Are walk-ins welcome?", content: "Yes, we always welcome walk-ins whenever possible."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer kids haircuts?",
|
||||
content: "Absolutely, we love serving the whole family with patient, friendly service.",
|
||||
},
|
||||
id: "q2", title: "Do you offer kids haircuts?", content: "Absolutely, we love serving the whole family with patient, friendly service."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept cash and most major credit cards.",
|
||||
},
|
||||
id: "q3", title: "What payment methods do you accept?", content: "We accept cash and most major credit cards."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="We are here to help."
|
||||
faqsAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-leather-barber-shop-chair_23-2148242807.jpg"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/side-view-leather-barber-shop-chair_23-2148242807.jpg"
|
||||
imageAlt="Barber chair"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -337,13 +219,12 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Booking"
|
||||
title="Ready for Your New Go-To Barber?"
|
||||
description="Reserve your appointment today for a premium grooming experience."
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205856.jpg"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205856.jpg"
|
||||
imageAlt="Barber shop detail"
|
||||
/>
|
||||
</div>
|
||||
@@ -352,33 +233,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Reviews", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user