Merge version_1 into main #3
129
src/app/page.tsx
129
src/app/page.tsx
@@ -8,7 +8,6 @@ import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonia
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,14 +27,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="FADE LV"
|
||||
/>
|
||||
@@ -43,59 +38,36 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ 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", 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", 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", 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", 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", imageAlt: "Professional customer with a clean beard trim, modern style."},
|
||||
{ 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." },
|
||||
{ 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." },
|
||||
{ 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", 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", imageAlt: "Professional customer with a clean beard trim, modern style." }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now", href: "#contact"},
|
||||
{
|
||||
text: "Call Now", href: "tel:+17029271473"},
|
||||
{ text: "Book Now", href: "#contact" },
|
||||
{ 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"
|
||||
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/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/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/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/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/portrait-of-a-master-barber-professional-1774868436557-97ec581f.png", alt: "Client 5" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "24/7 SERVICE"},
|
||||
{
|
||||
type: "text", text: "MOBILE BARBER"},
|
||||
{
|
||||
type: "text", text: "STRIP-WIDE DELIVERY"},
|
||||
{
|
||||
type: "text", text: "PREMIUM FADES"},
|
||||
{
|
||||
type: "text", text: "MASTER GROOMING"},
|
||||
{ type: "text", text: "24/7 SERVICE" },
|
||||
{ type: "text", text: "MOBILE BARBER" },
|
||||
{ type: "text", text: "STRIP-WIDE DELIVERY" },
|
||||
{ type: "text", text: "PREMIUM FADES" },
|
||||
{ type: "text", text: "MASTER GROOMING" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -116,21 +88,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
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"},
|
||||
{
|
||||
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"},
|
||||
{
|
||||
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"},
|
||||
{ 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" },
|
||||
{ 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: "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"
|
||||
@@ -141,36 +103,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ 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: "Open Map", href: "https://maps.google.com/?q=3200+S+Las+Vegas+Blvd,+Las+Vegas,+NV+89109"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardSixteen
|
||||
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
|
||||
}
|
||||
{ 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" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -178,10 +115,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="FADE LV BARBERSHOP"
|
||||
leftLink={{
|
||||
text: "Available 24/7", href: "#hero"}}
|
||||
rightLink={{
|
||||
text: "+1 702-927-1473", href: "tel:+17029271473"}}
|
||||
leftLink={{ text: "Available 24/7", href: "#hero" }}
|
||||
rightLink={{ text: "+1 702-927-1473", href: "tel:+17029271473" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user