bender/f49d05b0-c8a2-4c77-adcd-205823679e2f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-30 11:01:32 +00:00
parent 2462a99299
commit a6aa2fccd1
1 changed files with 59 additions and 137 deletions
Download Patch File Download Diff File Expand all files Collapse all files

196
src/app/page.tsx
View File

@@ -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>