Merge version_1 into main #2
215
src/app/page.tsx
215
src/app/page.tsx
@@ -31,88 +31,55 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Experience",
|
||||
id: "features",
|
||||
},
|
||||
name: "Experience", id: "features"},
|
||||
{
|
||||
name: "The Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "The Team", id: "team"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="24h Barbers NYC"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="NYC's Premier 24-Hour Barber Experience"
|
||||
description="Sharp fades, perfect lineups, great vibes — anytime, all the time. Walk in or book your cut now."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg"
|
||||
avatars={[
|
||||
{
|
||||
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: "Barber Marcus",
|
||||
},
|
||||
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: "Barber Marcus"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-young-beautiful-female-barber-uniform-holding-winner-cup-with-hair-clippers-showing-look-gesture-isolated-blue-wall_141793-105678.jpg",
|
||||
alt: "Barber Elena",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/confident-young-beautiful-female-barber-uniform-holding-winner-cup-with-hair-clippers-showing-look-gesture-isolated-blue-wall_141793-105678.jpg", alt: "Barber Elena"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-with-scissors_23-2147839778.jpg",
|
||||
alt: "Barber Julian",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-with-scissors_23-2147839778.jpg", alt: "Barber Julian"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/exploring-new-ways-growth-business_329181-15255.jpg",
|
||||
alt: "Client Alex",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/exploring-new-ways-growth-business_329181-15255.jpg", alt: "Client Alex"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-man-wearing-make-up_23-2148980290.jpg",
|
||||
alt: "Client Sarah",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-man-wearing-make-up_23-2148980290.jpg", alt: "Client Sarah"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ NYC Professionals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Availability",
|
||||
},
|
||||
type: "text", text: "24/7 Availability"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Fades",
|
||||
},
|
||||
type: "text", text: "Precision Fades"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Studio",
|
||||
},
|
||||
type: "text", text: "Modern Studio"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Elite Service",
|
||||
},
|
||||
type: "text", text: "Elite Service"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Walk-ins Welcome",
|
||||
},
|
||||
type: "text", text: "Walk-ins Welcome"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,64 +91,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "24/7 Availability",
|
||||
description: "We are open around the clock to fit your busy Manhattan schedule.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-office-buildings_1359-774.jpg?_wi=1",
|
||||
},
|
||||
title: "24/7 Availability", description: "We are open around the clock to fit your busy Manhattan schedule.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-office-buildings_1359-774.jpg", imageAlt: "luxury barber shop interior night"},
|
||||
items: [
|
||||
{
|
||||
icon: Clock,
|
||||
text: "Open 24/7",
|
||||
},
|
||||
text: "Open 24/7"},
|
||||
{
|
||||
icon: Calendar,
|
||||
text: "Anytime Booking",
|
||||
},
|
||||
text: "Anytime Booking"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg?_wi=2",
|
||||
imageAlt: "luxury barber shop interior night",
|
||||
},
|
||||
{
|
||||
title: "VIP Service",
|
||||
description: "Experience exclusive grooming tailored to your style preferences.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-leather-barber-shop-chair_23-2148242807.jpg?_wi=1",
|
||||
},
|
||||
title: "VIP Service", description: "Experience exclusive grooming tailored to your style preferences.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-leather-barber-shop-chair_23-2148242807.jpg", imageAlt: "barber fade haircut close up"},
|
||||
items: [
|
||||
{
|
||||
icon: Crown,
|
||||
text: "VIP Treatment",
|
||||
},
|
||||
text: "VIP Treatment"},
|
||||
{
|
||||
icon: User,
|
||||
text: "Custom Cuts",
|
||||
},
|
||||
text: "Custom Cuts"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-office-buildings_1359-774.jpg?_wi=2",
|
||||
imageAlt: "barber fade haircut close up",
|
||||
},
|
||||
{
|
||||
title: "NYC's Finest",
|
||||
description: "Master barbers delivering sharp lines and crisp fades every time.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6340.jpg",
|
||||
},
|
||||
title: "NYC's Finest", description: "Master barbers delivering sharp lines and crisp fades every time.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6340.jpg", imageAlt: "smartphone app booking interface salon"},
|
||||
items: [
|
||||
{
|
||||
icon: Scissors,
|
||||
text: "Precision Work",
|
||||
},
|
||||
text: "Precision Work"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Consistent Quality",
|
||||
},
|
||||
text: "Consistent Quality"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-leather-barber-shop-chair_23-2148242807.jpg?_wi=2",
|
||||
imageAlt: "smartphone app booking interface salon",
|
||||
},
|
||||
]}
|
||||
title="Precision Craftsmanship"
|
||||
@@ -197,23 +143,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marcus J.",
|
||||
role: "Master Barber",
|
||||
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: "1", name: "Marcus J.", role: "Master Barber", 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: "2",
|
||||
name: "Elena R.",
|
||||
role: "Senior Groomer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-beautiful-female-barber-uniform-holding-winner-cup-with-hair-clippers-showing-look-gesture-isolated-blue-wall_141793-105678.jpg",
|
||||
},
|
||||
id: "2", name: "Elena R.", role: "Senior Groomer", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-beautiful-female-barber-uniform-holding-winner-cup-with-hair-clippers-showing-look-gesture-isolated-blue-wall_141793-105678.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Julian S.",
|
||||
role: "Precision Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-with-scissors_23-2147839778.jpg",
|
||||
},
|
||||
id: "3", name: "Julian S.", role: "Precision Specialist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-with-scissors_23-2147839778.jpg"},
|
||||
]}
|
||||
title="Our Expert Barbers"
|
||||
description="Meet the precision experts behind every sharp fade and perfect lineup."
|
||||
@@ -227,40 +161,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivera",
|
||||
handle: "@nyc_pro",
|
||||
testimonial: "The only spot in the city where I can get a sharp fade at 3 AM. Truly premium.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exploring-new-ways-growth-business_329181-15255.jpg",
|
||||
},
|
||||
id: "1", name: "Alex Rivera", handle: "@nyc_pro", testimonial: "The only spot in the city where I can get a sharp fade at 3 AM. Truly premium.", imageSrc: "http://img.b2bpic.net/free-photo/exploring-new-ways-growth-business_329181-15255.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Chen",
|
||||
handle: "@sarahc_style",
|
||||
testimonial: "Absolute perfection every single time. My go-to for professional grooming.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-man-wearing-make-up_23-2148980290.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah Chen", handle: "@sarahc_style", testimonial: "Absolute perfection every single time. My go-to for professional grooming.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-man-wearing-make-up_23-2148980290.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Miller",
|
||||
handle: "@dmiller_nyc",
|
||||
testimonial: "24/7 service without compromising on the quality. These barbers are elite.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-model-posing-street_1303-14486.jpg",
|
||||
},
|
||||
id: "3", name: "David Miller", handle: "@dmiller_nyc", testimonial: "24/7 service without compromising on the quality. These barbers are elite.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-model-posing-street_1303-14486.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marcus Thorne",
|
||||
handle: "@mthorne",
|
||||
testimonial: "The atmosphere is unmatched. It feels like an exclusive lounge for sharp cuts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-giving-high-five-client_23-2147737095.jpg",
|
||||
},
|
||||
id: "4", name: "Marcus Thorne", handle: "@mthorne", testimonial: "The atmosphere is unmatched. It feels like an exclusive lounge for sharp cuts.", imageSrc: "http://img.b2bpic.net/free-photo/barber-giving-high-five-client_23-2147737095.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "John Doe",
|
||||
handle: "@johnd_nyc",
|
||||
testimonial: "Unbeatable convenience and skill. Highly recommended for busy New Yorkers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg",
|
||||
},
|
||||
id: "5", name: "John Doe", handle: "@johnd_nyc", testimonial: "Unbeatable convenience and skill. Highly recommended for busy New Yorkers.", imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear from the urban professionals who trust us with their look."
|
||||
@@ -272,20 +181,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Are you really open 24/7?",
|
||||
content: "Yes, we are open 24 hours a day, 7 days a week, including holidays.",
|
||||
},
|
||||
id: "1", title: "Are you really open 24/7?", content: "Yes, we are open 24 hours a day, 7 days a week, including holidays."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do I need to book an appointment?",
|
||||
content: "While we accept walk-ins, we highly recommend booking online for guaranteed service.",
|
||||
},
|
||||
id: "2", title: "Do I need to book an appointment?", content: "While we accept walk-ins, we highly recommend booking online for guaranteed service."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Where are you located in NYC?",
|
||||
content: "We are centrally located in the heart of Manhattan. Check the address below.",
|
||||
},
|
||||
id: "3", title: "Where are you located in NYC?", content: "We are centrally located in the heart of Manhattan. Check the address below."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -296,8 +196,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Booking"
|
||||
title="Book Your Cut Now"
|
||||
description="Secure your spot at NYC's premier 24-hour grooming destination. Sign up for updates."
|
||||
@@ -310,37 +209,23 @@ export default function LandingPage() {
|
||||
logoText="24h Barbers NYC"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Experience",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Experience", href: "#features"},
|
||||
{
|
||||
label: "Our Team",
|
||||
href: "#team",
|
||||
},
|
||||
label: "Our Team", href: "#team"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Reviews", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
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