Merge version_1 into main #2
196
src/app/page.tsx
196
src/app/page.tsx
@@ -7,8 +7,8 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="FADE LV"
|
||||
/>
|
||||
@@ -52,108 +44,58 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Elite Grooming Delivered to Your Door."
|
||||
description="Professional fades, beard trims, and hot towel shaves at your home, office, or Las Vegas Strip hotel. 24/7 Mobile Service."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Anonymous",
|
||||
handle: "@traveler",
|
||||
testimonial: "Saul is an artist. I got a skin fade and a beard trim in my hotel room and it looked better than any shop I’ve been to in years.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7hXStzGAu42aJary4bqGHrBp/professional-barber-in-a-high-end-dark-m-1774868438206-01ba7288.png?_wi=1",
|
||||
imageAlt: "Professional barber in a high-end, dark-mode environment, focused on a fresh haircut. Moody Las Vega",
|
||||
},
|
||||
name: "Anonymous", handle: "@traveler", testimonial: "Saul is an artist. I got a skin fade and a beard trim in my hotel room and it looked better than any shop I’ve been to in years.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7hXStzGAu42aJary4bqGHrBp/professional-barber-in-a-high-end-dark-m-1774868438206-01ba7288.png", imageAlt: "Professional barber in a high-end, dark-mode environment, focused on a fresh haircut. Moody Las Vega"},
|
||||
{
|
||||
name: "Wedding Guest",
|
||||
handle: "@visitor",
|
||||
testimonial: "I needed a last-minute cut for a wedding. Saul came right to my room at the Venetian, was perfectly on time... It saved me so much time.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7hXStzGAu42aJary4bqGHrBp/portrait-of-a-master-barber-professional-1774868436557-97ec581f.png?_wi=1",
|
||||
imageAlt: "Portrait of a master barber, professional and clean look, dark luxury lighting, high-contrast, gold ",
|
||||
},
|
||||
name: "Wedding Guest", handle: "@visitor", testimonial: "I needed a last-minute cut for a wedding. Saul came right to my room at the Venetian, was perfectly on time... It saved me so much time.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7hXStzGAu42aJary4bqGHrBp/portrait-of-a-master-barber-professional-1774868436557-97ec581f.png", imageAlt: "Portrait of a master barber, professional and clean look, dark luxury lighting, high-contrast, gold "},
|
||||
{
|
||||
name: "Regular Client",
|
||||
handle: "@striplocal",
|
||||
testimonial: "Unbelievably fast but precise. He finished a full fade and shave in about 30 minutes... Best mobile service in Vegas.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7hXStzGAu42aJary4bqGHrBp/customer-after-a-fresh-haircut-looking-s-1774868436875-14fe7aea.png?_wi=1",
|
||||
imageAlt: "Customer after a fresh haircut, looking sharp, upscale hotel room setting.",
|
||||
},
|
||||
name: "Regular Client", handle: "@striplocal", testimonial: "Unbelievably fast but precise. He finished a full fade and shave in about 30 minutes... Best mobile service in Vegas.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7hXStzGAu42aJary4bqGHrBp/customer-after-a-fresh-haircut-looking-s-1774868436875-14fe7aea.png", imageAlt: "Customer after a fresh haircut, looking sharp, upscale hotel room setting."},
|
||||
{
|
||||
name: "Business Traveler",
|
||||
handle: "@ceo-life",
|
||||
testimonial: "Efficient, professional, and world-class quality. My go-to in Las Vegas.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7hXStzGAu42aJary4bqGHrBp/happy-customer-at-a-luxury-hotel-fresh-f-1774868445278-82410009.png?_wi=1",
|
||||
imageAlt: "Happy customer at a luxury hotel, fresh fade, professional quality.",
|
||||
},
|
||||
name: "Business Traveler", handle: "@ceo-life", testimonial: "Efficient, professional, and world-class quality. My go-to in Las Vegas.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7hXStzGAu42aJary4bqGHrBp/happy-customer-at-a-luxury-hotel-fresh-f-1774868445278-82410009.png", imageAlt: "Happy customer at a luxury hotel, fresh fade, professional quality."},
|
||||
{
|
||||
name: "Strip Performer",
|
||||
handle: "@vegas-pro",
|
||||
testimonial: "Best fade on the strip. Hands down.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7hXStzGAu42aJary4bqGHrBp/professional-customer-with-a-clean-beard-1774868438777-ec470e87.png?_wi=1",
|
||||
imageAlt: "Professional customer with a clean beard trim, modern style.",
|
||||
},
|
||||
name: "Strip Performer", handle: "@vegas-pro", testimonial: "Best fade on the strip. Hands down.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7hXStzGAu42aJary4bqGHrBp/professional-customer-with-a-clean-beard-1774868438777-ec470e87.png", imageAlt: "Professional customer with a clean beard trim, modern style."},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+17029271473",
|
||||
},
|
||||
text: "Call Now", href: "tel:+17029271473"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7hXStzGAu42aJary4bqGHrBp/professional-barber-in-a-high-end-dark-m-1774868438206-01ba7288.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7hXStzGAu42aJary4bqGHrBp/professional-barber-in-a-high-end-dark-m-1774868438206-01ba7288.png"
|
||||
imageAlt="Master barber service"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7hXStzGAu42aJary4bqGHrBp/customer-after-a-fresh-haircut-looking-s-1774868436875-14fe7aea.png",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7hXStzGAu42aJary4bqGHrBp/customer-after-a-fresh-haircut-looking-s-1774868436875-14fe7aea.png", alt: "Client 1"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7hXStzGAu42aJary4bqGHrBp/happy-customer-at-a-luxury-hotel-fresh-f-1774868445278-82410009.png",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7hXStzGAu42aJary4bqGHrBp/happy-customer-at-a-luxury-hotel-fresh-f-1774868445278-82410009.png", alt: "Client 2"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7hXStzGAu42aJary4bqGHrBp/professional-customer-with-a-clean-beard-1774868438777-ec470e87.png",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7hXStzGAu42aJary4bqGHrBp/professional-customer-with-a-clean-beard-1774868438777-ec470e87.png", alt: "Client 3"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7hXStzGAu42aJary4bqGHrBp/sharp-fade-haircut-portrait-in-a-dark-lu-1774868441824-02bbe7ca.png",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7hXStzGAu42aJary4bqGHrBp/sharp-fade-haircut-portrait-in-a-dark-lu-1774868441824-02bbe7ca.png", alt: "Client 4"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7hXStzGAu42aJary4bqGHrBp/portrait-of-a-master-barber-professional-1774868436557-97ec581f.png",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7hXStzGAu42aJary4bqGHrBp/portrait-of-a-master-barber-professional-1774868436557-97ec581f.png", alt: "Client 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 SERVICE",
|
||||
},
|
||||
type: "text", text: "24/7 SERVICE"},
|
||||
{
|
||||
type: "text",
|
||||
text: "MOBILE BARBER",
|
||||
},
|
||||
type: "text", text: "MOBILE BARBER"},
|
||||
{
|
||||
type: "text",
|
||||
text: "STRIP-WIDE DELIVERY",
|
||||
},
|
||||
type: "text", text: "STRIP-WIDE DELIVERY"},
|
||||
{
|
||||
type: "text",
|
||||
text: "PREMIUM FADES",
|
||||
},
|
||||
type: "text", text: "PREMIUM FADES"},
|
||||
{
|
||||
type: "text",
|
||||
text: "MASTER GROOMING",
|
||||
},
|
||||
type: "text", text: "MASTER GROOMING"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -163,7 +105,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Master Barber, Delivered."
|
||||
description="Saul is a master barber providing a premium mobile experience. We are 100% accessible, featuring wheelchair-accessible entrance/mobile setup and priority parking. Whether you're a local or staying at The Venetian, Wynn, or Caesars Palace, we bring the luxury barbershop experience directly to you."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7hXStzGAu42aJary4bqGHrBp/portrait-of-a-master-barber-professional-1774868436557-97ec581f.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7hXStzGAu42aJary4bqGHrBp/portrait-of-a-master-barber-professional-1774868436557-97ec581f.png"
|
||||
imageAlt="Master barber Saul"
|
||||
/>
|
||||
</div>
|
||||
@@ -175,45 +117,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Client One",
|
||||
handle: "@lvvisitor",
|
||||
testimonial: "Saul is an artist. I got a skin fade and a beard trim in my hotel room and it looked better than any shop I’ve been to in years.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7hXStzGAu42aJary4bqGHrBp/customer-after-a-fresh-haircut-looking-s-1774868436875-14fe7aea.png?_wi=2",
|
||||
},
|
||||
id: "1", name: "Client One", handle: "@lvvisitor", testimonial: "Saul is an artist. I got a skin fade and a beard trim in my hotel room and it looked better than any shop I’ve been to in years.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7hXStzGAu42aJary4bqGHrBp/customer-after-a-fresh-haircut-looking-s-1774868436875-14fe7aea.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Client Two",
|
||||
handle: "@venetian-guest",
|
||||
testimonial: "I needed a last-minute cut for a wedding. Saul came right to my room at the Venetian, was perfectly on time... It saved me so much time.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7hXStzGAu42aJary4bqGHrBp/happy-customer-at-a-luxury-hotel-fresh-f-1774868445278-82410009.png?_wi=2",
|
||||
},
|
||||
id: "2", name: "Client Two", handle: "@venetian-guest", testimonial: "I needed a last-minute cut for a wedding. Saul came right to my room at the Venetian, was perfectly on time... It saved me so much time.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7hXStzGAu42aJary4bqGHrBp/happy-customer-at-a-luxury-hotel-fresh-f-1774868445278-82410009.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Client Three",
|
||||
handle: "@strip-regular",
|
||||
testimonial: "Unbelievably fast but precise. He finished a full fade and shave in about 30 minutes... Best mobile service in Vegas.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7hXStzGAu42aJary4bqGHrBp/professional-customer-with-a-clean-beard-1774868438777-ec470e87.png?_wi=2",
|
||||
},
|
||||
id: "3", name: "Client Three", handle: "@strip-regular", testimonial: "Unbelievably fast but precise. He finished a full fade and shave in about 30 minutes... Best mobile service in Vegas.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7hXStzGAu42aJary4bqGHrBp/professional-customer-with-a-clean-beard-1774868438777-ec470e87.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Client Four",
|
||||
handle: "@lasvegas-local",
|
||||
testimonial: "Exceptional service, true convenience. Saul is the only barber I trust when I'm in town.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7hXStzGAu42aJary4bqGHrBp/sharp-fade-haircut-portrait-in-a-dark-lu-1774868441824-02bbe7ca.png",
|
||||
},
|
||||
id: "4", name: "Client Four", handle: "@lasvegas-local", testimonial: "Exceptional service, true convenience. Saul is the only barber I trust when I'm in town.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7hXStzGAu42aJary4bqGHrBp/sharp-fade-haircut-portrait-in-a-dark-lu-1774868441824-02bbe7ca.png"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Client Five",
|
||||
handle: "@high-roller",
|
||||
testimonial: "The absolute pinnacle of luxury barber service. Impeccable.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7hXStzGAu42aJary4bqGHrBp/professional-barber-in-a-high-end-dark-m-1774868438206-01ba7288.png?_wi=3",
|
||||
},
|
||||
id: "5", name: "Client Five", handle: "@high-roller", testimonial: "The absolute pinnacle of luxury barber service. Impeccable.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7hXStzGAu42aJary4bqGHrBp/professional-barber-in-a-high-end-dark-m-1774868438206-01ba7288.png"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Reviews"
|
||||
@@ -225,18 +142,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Call us at +1 702-927-1473 | 3200 S Las Vegas Blvd, Las Vegas, NV 89109. Available 24/7."
|
||||
buttons={[
|
||||
{
|
||||
text: "Tap to Call",
|
||||
href: "tel:+17029271473",
|
||||
},
|
||||
text: "Tap to Call", href: "tel:+17029271473"},
|
||||
{
|
||||
text: "Open Map",
|
||||
href: "https://maps.google.com/?q=3200+S+Las+Vegas+Blvd,+Las+Vegas,+NV+89109",
|
||||
},
|
||||
text: "Open Map", href: "https://maps.google.com/?q=3200+S+Las+Vegas+Blvd,+Las+Vegas,+NV+89109"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -246,6 +158,20 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Featured Reviews"
|
||||
description="Real feedback from our premium clients."
|
||||
kpiItems={[
|
||||
{ value: "5.0", description: "Average Rating" },
|
||||
{ value: "100%", description: "Satisfaction" }
|
||||
]}
|
||||
testimonials={[
|
||||
{
|
||||
name: "Client One", handle: "@lvvisitor", testimonial: "Saul is an artist.", rating: 5
|
||||
},
|
||||
{
|
||||
name: "Client Two", handle: "@venetian-guest", testimonial: "Absolutely incredible.", rating: 5
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -253,13 +179,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="FADE LV BARBERSHOP"
|
||||
leftLink={{
|
||||
text: "Available 24/7",
|
||||
href: "#hero",
|
||||
}}
|
||||
text: "Available 24/7", href: "#hero"}}
|
||||
rightLink={{
|
||||
text: "+1 702-927-1473",
|
||||
href: "tel:+17029271473",
|
||||
}}
|
||||
text: "+1 702-927-1473", href: "tel:+17029271473"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user