Merge version_2 into main #2
217
src/app/page.tsx
217
src/app/page.tsx
@@ -30,109 +30,60 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Services", id: "pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="SharpEdge Barbers"
|
||||
brandName="Fabulouscut.com"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Precision Cuts. Timeless Style."
|
||||
description="At SharpEdge Barbers, we combine classic grooming techniques with modern style to bring out your best look. Book your appointment and experience the difference today."
|
||||
description="At Fabulouscut.com, we combine classic grooming techniques with modern style to bring out your best look. Book your appointment and experience the difference today."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Doe",
|
||||
handle: "@johndoe",
|
||||
testimonial: "Best haircut I've had in years. Professional and precise.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg?_wi=1",
|
||||
imageAlt: "barbershop interior modern style",
|
||||
},
|
||||
name: "John Doe", handle: "@johndoe", testimonial: "Best haircut I've had in years. Professional and precise.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg?_wi=1", imageAlt: "barbershop interior modern style"},
|
||||
{
|
||||
name: "Michael S.",
|
||||
handle: "@mikes",
|
||||
testimonial: "Great atmosphere and even better skills. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-dryer-beard-man_23-2147737033.jpg?_wi=1",
|
||||
imageAlt: "barber expert precision service",
|
||||
},
|
||||
name: "Michael S.", handle: "@mikes", testimonial: "Great atmosphere and even better skills. Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-dryer-beard-man_23-2147737033.jpg?_wi=1", imageAlt: "barber expert precision service"},
|
||||
{
|
||||
name: "David L.",
|
||||
handle: "@dave",
|
||||
testimonial: "Always consistent. My go-to spot for a fresh look.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506366.jpg?_wi=1",
|
||||
imageAlt: "happy client professional barber",
|
||||
},
|
||||
name: "David L.", handle: "@dave", testimonial: "Always consistent. My go-to spot for a fresh look.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506366.jpg?_wi=1", imageAlt: "happy client professional barber"},
|
||||
{
|
||||
name: "Sam K.",
|
||||
handle: "@samk",
|
||||
testimonial: "Friendly staff, excellent attention to detail.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-young-woman-bites-lips-looks-gladfully-away-poses-with-pug-dog-wrapped-blanket-wears-towel-head-applies-green-beauty-patches-reduce-wrinkles-isolated-brown-background_273609-60985.jpg?_wi=1",
|
||||
imageAlt: "man looking confident haircut",
|
||||
},
|
||||
name: "Sam K.", handle: "@samk", testimonial: "Friendly staff, excellent attention to detail.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-young-woman-bites-lips-looks-gladfully-away-poses-with-pug-dog-wrapped-blanket-wears-towel-head-applies-green-beauty-patches-reduce-wrinkles-isolated-brown-background_273609-60985.jpg?_wi=1", imageAlt: "man looking confident haircut"},
|
||||
{
|
||||
name: "Chris B.",
|
||||
handle: "@chris",
|
||||
testimonial: "Top-tier service. The best barbershop in the city.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11927.jpg?_wi=1",
|
||||
imageAlt: "young man short haircut style",
|
||||
},
|
||||
name: "Chris B.", handle: "@chris", testimonial: "Top-tier service. The best barbershop in the city.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11927.jpg?_wi=1", imageAlt: "young man short haircut style"},
|
||||
]}
|
||||
tag="Expert Grooming"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Our Services", href: "#pricing"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg?_wi=2"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506366.jpg",
|
||||
alt: "John Doe",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506366.jpg", alt: "John Doe"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-young-woman-bites-lips-looks-gladfully-away-poses-with-pug-dog-wrapped-blanket-wears-towel-head-applies-green-beauty-patches-reduce-wrinkles-isolated-brown-background_273609-60985.jpg",
|
||||
alt: "Michael S.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-young-woman-bites-lips-looks-gladfully-away-poses-with-pug-dog-wrapped-blanket-wears-towel-head-applies-green-beauty-patches-reduce-wrinkles-isolated-brown-background_273609-60985.jpg", alt: "Michael S."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11927.jpg",
|
||||
alt: "David L.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11927.jpg", alt: "David L."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-man-hair-salon-facing-camera_23-2148242826.jpg",
|
||||
alt: "Sam K.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-man-hair-salon-facing-camera_23-2148242826.jpg", alt: "Sam K."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-redhead-bearded-male-standing-with-warming-cup-coffee-wearing-glasses-dressed-gray-t-shirt-isolated-dark-textured-background_613910-18385.jpg",
|
||||
alt: "Chris B.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-redhead-bearded-male-standing-with-warming-cup-coffee-wearing-glasses-dressed-gray-t-shirt-isolated-dark-textured-background_613910-18385.jpg", alt: "Chris B."},
|
||||
]}
|
||||
avatarText="Join 500+ satisfied clients"
|
||||
/>
|
||||
@@ -158,52 +109,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "classic-cut",
|
||||
name: "Classic Cut",
|
||||
price: "$35",
|
||||
features: [
|
||||
"Haircut",
|
||||
"Hot towel treatment",
|
||||
"Style finish",
|
||||
],
|
||||
id: "classic-cut", name: "Classic Cut", price: "$35", features: [
|
||||
"Haircut", "Hot towel treatment", "Style finish"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "deluxe-groom",
|
||||
name: "Deluxe Groom",
|
||||
price: "$55",
|
||||
features: [
|
||||
"Classic Cut",
|
||||
"Beard trim",
|
||||
"Scalp massage",
|
||||
"Hot towel shave",
|
||||
],
|
||||
id: "deluxe-groom", name: "Deluxe Groom", price: "$55", features: [
|
||||
"Classic Cut", "Beard trim", "Scalp massage", "Hot towel shave"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "beard-sculpt",
|
||||
name: "Beard Sculpt",
|
||||
price: "$25",
|
||||
features: [
|
||||
"Beard shape up",
|
||||
"Line up",
|
||||
"Beard oil treatment",
|
||||
],
|
||||
id: "beard-sculpt", name: "Beard Sculpt", price: "$25", features: [
|
||||
"Beard shape up", "Line up", "Beard oil treatment"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -218,45 +144,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Great Vibe",
|
||||
quote: "The shop feels great, very relaxing and professional.",
|
||||
name: "Alex R.",
|
||||
role: "Local Resident",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506366.jpg?_wi=2",
|
||||
},
|
||||
id: "1", title: "Great Vibe", quote: "The shop feels great, very relaxing and professional.", name: "Alex R.", role: "Local Resident", imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506366.jpg?_wi=2"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Expert Precision",
|
||||
quote: "I never have to worry about the outcome. They really know their craft.",
|
||||
name: "Brian K.",
|
||||
role: "Office Professional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-young-woman-bites-lips-looks-gladfully-away-poses-with-pug-dog-wrapped-blanket-wears-towel-head-applies-green-beauty-patches-reduce-wrinkles-isolated-brown-background_273609-60985.jpg?_wi=2",
|
||||
},
|
||||
id: "2", title: "Expert Precision", quote: "I never have to worry about the outcome. They really know their craft.", name: "Brian K.", role: "Office Professional", imageSrc: "http://img.b2bpic.net/free-photo/positive-young-woman-bites-lips-looks-gladfully-away-poses-with-pug-dog-wrapped-blanket-wears-towel-head-applies-green-beauty-patches-reduce-wrinkles-isolated-brown-background_273609-60985.jpg?_wi=2"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Excellent Service",
|
||||
quote: "Quick, easy, and always high quality. A cut above the rest.",
|
||||
name: "Danny P.",
|
||||
role: "Student",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11927.jpg?_wi=2",
|
||||
},
|
||||
id: "3", title: "Excellent Service", quote: "Quick, easy, and always high quality. A cut above the rest.", name: "Danny P.", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11927.jpg?_wi=2"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Best in Town",
|
||||
quote: "I drive 30 minutes just to get my hair cut here. Totally worth it.",
|
||||
name: "Eddie M.",
|
||||
role: "Entrepreneur",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-hair-salon-facing-camera_23-2148242826.jpg",
|
||||
},
|
||||
id: "4", title: "Best in Town", quote: "I drive 30 minutes just to get my hair cut here. Totally worth it.", name: "Eddie M.", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-hair-salon-facing-camera_23-2148242826.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Consistent Quality",
|
||||
quote: "Whether it's a trim or a full cut, they always deliver perfectly.",
|
||||
name: "Frank T.",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-redhead-bearded-male-standing-with-warming-cup-coffee-wearing-glasses-dressed-gray-t-shirt-isolated-dark-textured-background_613910-18385.jpg",
|
||||
},
|
||||
id: "5", title: "Consistent Quality", quote: "Whether it's a trim or a full cut, they always deliver perfectly.", name: "Frank T.", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-redhead-bearded-male-standing-with-warming-cup-coffee-wearing-glasses-dressed-gray-t-shirt-isolated-dark-textured-background_613910-18385.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="We take pride in our work and the feedback we receive from our community."
|
||||
@@ -267,16 +163,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get In Touch"
|
||||
title="Ready to look your best?"
|
||||
description="Walk-ins are welcome, but we recommend booking an appointment to ensure you get your preferred time."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call to Book: (555) 123-4567",
|
||||
href: "tel:5551234567",
|
||||
},
|
||||
text: "Call to Book: (555) 123-4567", href: "tel:5551234567"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -285,41 +178,29 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "SharpEdge Barbers",
|
||||
items: [
|
||||
title: "Fabulouscut.com", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Services", href: "#pricing"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 SharpEdge Barbers Inc."
|
||||
bottomLeftText="© 2024 Fabulouscut.com Inc."
|
||||
bottomRightText="Built with precision."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user