|
|
|
@@ -8,7 +8,6 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
|
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
|
|
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
|
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
|
|
|
|
|
|
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
|
|
|
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
|
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
|
|
|
|
|
|
|
|
|
|
@@ -30,18 +29,12 @@ export default function LandingPage() {
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
<NavbarLayoutFloatingOverlay
|
|
|
|
<NavbarLayoutFloatingOverlay
|
|
|
|
navItems={[
|
|
|
|
navItems={[
|
|
|
|
{
|
|
|
|
{ name: "About", id: "about"},
|
|
|
|
name: "About", id: "#about"},
|
|
|
|
{ name: "Services", id: "services"},
|
|
|
|
{
|
|
|
|
{ name: "Team", id: "team"},
|
|
|
|
name: "Services", id: "#services"},
|
|
|
|
{ name: "Testimonials", id: "testimonials"},
|
|
|
|
{
|
|
|
|
{ name: "FAQ", id: "faq"},
|
|
|
|
name: "Team", id: "#team"},
|
|
|
|
{ name: "Contact", id: "contact"},
|
|
|
|
{
|
|
|
|
|
|
|
|
name: "Testimonials", id: "#testimonials"},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
name: "FAQ", id: "#faq"},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
name: "Contact", id: "#contact"},
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
brandName="Lackawanna"
|
|
|
|
brandName="Lackawanna"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
@@ -49,33 +42,23 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
<HeroSplitKpi
|
|
|
|
<HeroSplitKpi
|
|
|
|
background={{
|
|
|
|
background={{ variant: "downward-rays-static"}}
|
|
|
|
variant: "downward-rays-static"}}
|
|
|
|
|
|
|
|
title="Classic Style, Contemporary Precision."
|
|
|
|
title="Classic Style, Contemporary Precision."
|
|
|
|
description="At Lackawanna, we blend old-school charm with modern barbering. Experience the best cut in Morristown from barbers who actually care about your look."
|
|
|
|
description="At Lackawanna, we blend old-school charm with modern barbering. Experience the best cut in Morristown from barbers who actually care about your look."
|
|
|
|
kpis={[
|
|
|
|
kpis={[
|
|
|
|
{
|
|
|
|
{ value: "20+", label: "Years Experience"},
|
|
|
|
value: "20+", label: "Years Experience"},
|
|
|
|
{ value: "10/10", label: "Recommend Rate"},
|
|
|
|
{
|
|
|
|
{ value: "100%", label: "Satisfaction"},
|
|
|
|
value: "10/10", label: "Recommend Rate"},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
value: "100%", label: "Satisfaction"},
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
enableKpiAnimation={true}
|
|
|
|
enableKpiAnimation={true}
|
|
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CRaO5i0elf1aDIpszoFKWNR31x/uploaded-1776351836185-yyi4q32w.png?_wi=1"
|
|
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CRaO5i0elf1aDIpszoFKWNR31x/uploaded-1776352201800-hefnk77v.jpg"
|
|
|
|
imageAlt="Lackawanna Barber Shop"
|
|
|
|
imageAlt="Lackawanna Barber Shop"
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
avatars={[
|
|
|
|
avatars={[
|
|
|
|
{
|
|
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CRaO5i0elf1aDIpszoFKWNR31x/uploaded-1776352201800-hefnk77v.jpg", alt: "Barber shop interior"},
|
|
|
|
src: "http://img.b2bpic.net/free-photo/retro-theatre-scene-celebrate-world-theatre-day_23-2151211458.jpg", alt: "Retro theatre scene"},
|
|
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CRaO5i0elf1aDIpszoFKWNR31x/uploaded-1776352201801-bp8o0yyb.jpg", alt: "Detail view"},
|
|
|
|
{
|
|
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CRaO5i0elf1aDIpszoFKWNR31x/uploaded-1776352201801-l2nw3w51.jpg", alt: "Chair and tools"},
|
|
|
|
src: "http://img.b2bpic.net/free-photo/tall-bar-stool-wooden-background_181624-30147.jpg", alt: "Barber chair"},
|
|
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CRaO5i0elf1aDIpszoFKWNR31x/uploaded-1776352201801-opcyony6.jpg", alt: "Shop perspective"},
|
|
|
|
{
|
|
|
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg", alt: "Salon tools"},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/retro-world-theatre-day-scenes-with-backstage_23-2151211363.jpg", alt: "Interior detail"},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg", alt: "Barber service"},
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
avatarText="Join 500+ satisfied clients"
|
|
|
|
avatarText="Join 500+ satisfied clients"
|
|
|
|
marqueeItems={[
|
|
|
|
marqueeItems={[
|
|
|
|
@@ -88,23 +71,14 @@ export default function LandingPage() {
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
<div id="about" data-section="about" className="py-24 bg-background">
|
|
|
|
<SplitAbout
|
|
|
|
<div className="container mx-auto px-4">
|
|
|
|
textboxLayout="split"
|
|
|
|
<h2 className="text-3xl font-bold mb-12 text-center">Shop Contact Information</h2>
|
|
|
|
useInvertedBackground={false}
|
|
|
|
<div className="text-center py-10">
|
|
|
|
title="More Than Just a Haircut"
|
|
|
|
<p className="text-lg font-medium">Location: Morristown, NJ</p>
|
|
|
|
description="We are a throwback barber shop where you can get a classic men's cut, beard trim, or a hot towel shave. We treat you like family, ensuring you leave with both the cut you wanted and the confidence you deserve."
|
|
|
|
<p className="text-lg font-medium">Phone: +1 (973) 538-1675</p>
|
|
|
|
bulletPoints={[
|
|
|
|
</div>
|
|
|
|
{
|
|
|
|
</div>
|
|
|
|
title: "Old School Values", description: "Classic techniques combined with current styling trends."},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
title: "Warm Environment", description: "Friendly, sociable atmosphere where you feel right at home."},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
title: "Expert Care", description: "Knowledgeable barbers who understand every hair type."},
|
|
|
|
|
|
|
|
]}
|
|
|
|
|
|
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CRaO5i0elf1aDIpszoFKWNR31x/uploaded-1776351836185-sni9tvqg.png?_wi=1"
|
|
|
|
|
|
|
|
mediaAnimation="blur-reveal"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="services" data-section="services">
|
|
|
|
<div id="services" data-section="services">
|
|
|
|
@@ -113,18 +87,9 @@ export default function LandingPage() {
|
|
|
|
textboxLayout="default"
|
|
|
|
textboxLayout="default"
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
plans={[
|
|
|
|
plans={[
|
|
|
|
{
|
|
|
|
{ id: "basic", badge: "Classic", price: "$40", subtitle: "Precision Haircut", buttons: [{ text: "Walk-in Only", href: "#contact" }], features: ["Classic Scissor Cut", "Modern Styling", "Expert Consultation"]},
|
|
|
|
id: "basic", badge: "Classic", price: "$40", subtitle: "Precision Haircut", buttons: [{ text: "Walk-in Only", href: "#contact" }],
|
|
|
|
{ id: "pro", badge: "Premium", price: "$75", subtitle: "Full Grooming Experience", buttons: [{ text: "Walk-in Only", href: "#contact" }], features: ["Precision Haircut", "Beard Trim", "Hot Towel Service", "Relaxed Refresh"]},
|
|
|
|
features: ["Classic Scissor Cut", "Modern Styling", "Expert Consultation"],
|
|
|
|
{ id: "kids", badge: "Family", price: "$30", subtitle: "Youth Haircut", buttons: [{ text: "Walk-in Only", href: "#contact" }], features: ["Gentle Scissor Cut", "Fast Friendly Service", "Classic Style"]},
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "pro", badge: "Premium", price: "$75", subtitle: "Full Grooming Experience", buttons: [{ text: "Walk-in Only", href: "#contact" }],
|
|
|
|
|
|
|
|
features: ["Precision Haircut", "Beard Trim", "Hot Towel Service", "Relaxed Refresh"],
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "kids", badge: "Family", price: "$30", subtitle: "Youth Haircut", buttons: [{ text: "Walk-in Only", href: "#contact" }],
|
|
|
|
|
|
|
|
features: ["Gentle Scissor Cut", "Fast Friendly Service", "Classic Style"],
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
title="Quality Service, Transparent Price"
|
|
|
|
title="Quality Service, Transparent Price"
|
|
|
|
description="Simple, honest pricing for the services you need."
|
|
|
|
description="Simple, honest pricing for the services you need."
|
|
|
|
@@ -137,10 +102,8 @@ export default function LandingPage() {
|
|
|
|
textboxLayout="default"
|
|
|
|
textboxLayout="default"
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
team={[
|
|
|
|
team={[
|
|
|
|
{
|
|
|
|
{ id: "t1", name: "John Franco", role: "Master Barber", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CRaO5i0elf1aDIpszoFKWNR31x/uploaded-1776352542504-tkr21jqa.png"},
|
|
|
|
id: "t1", name: "John Franco", role: "Master Barber", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CRaO5i0elf1aDIpszoFKWNR31x/uploaded-1776351836185-sni9tvqg.png?_wi=2"},
|
|
|
|
{ id: "t2", name: "Elio", role: "Old School Specialist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CRaO5i0elf1aDIpszoFKWNR31x/uploaded-1776352566826-2nyt55b1.jpg"},
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "t2", name: "Elio", role: "Old School Specialist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CRaO5i0elf1aDIpszoFKWNR31x/uploaded-1776351836185-yyi4q32w.png?_wi=2"},
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
title="Meet Your Staff"
|
|
|
|
title="Meet Your Staff"
|
|
|
|
description="Our dedicated team is here to ensure you get the absolute best service in Morristown."
|
|
|
|
description="Our dedicated team is here to ensure you get the absolute best service in Morristown."
|
|
|
|
@@ -155,6 +118,9 @@ export default function LandingPage() {
|
|
|
|
testimonials={[
|
|
|
|
testimonials={[
|
|
|
|
{ id: "1", name: "Barry H.", role: "Loyal Customer", company: "FL", rating: 5 },
|
|
|
|
{ id: "1", name: "Barry H.", role: "Loyal Customer", company: "FL", rating: 5 },
|
|
|
|
{ id: "2", name: "Melissa C.", role: "Regular Client", company: "NY", rating: 5 },
|
|
|
|
{ id: "2", name: "Melissa C.", role: "Regular Client", company: "NY", rating: 5 },
|
|
|
|
|
|
|
|
{ id: "3", name: "Tom K.", role: "Local Resident", company: "NJ", rating: 5 },
|
|
|
|
|
|
|
|
{ id: "4", name: "Sarah J.", role: "Frequent Visitor", company: "NJ", rating: 5 },
|
|
|
|
|
|
|
|
{ id: "5", name: "Michael P.", role: "Client", company: "NY", rating: 5 },
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
kpiItems={[
|
|
|
|
kpiItems={[
|
|
|
|
{ value: "100+", label: "Weekly Cuts" },
|
|
|
|
{ value: "100+", label: "Weekly Cuts" },
|
|
|
|
@@ -183,7 +149,7 @@ export default function LandingPage() {
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
background={{ variant: "sparkles-gradient" }}
|
|
|
|
background={{ variant: "sparkles-gradient" }}
|
|
|
|
text="Ready for your next haircut? Stop by the shop today and meet the team. We look forward to seeing you!"
|
|
|
|
text="Ready for your next haircut? Stop by the shop today and meet the team. We look forward to seeing you!"
|
|
|
|
buttons={[{ text: "Visit Us Today", href: "#" }]}
|
|
|
|
buttons={[{ text: "Visit our site! ", href: "tel:+19735381675" }]}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
