From b86d794d086e9a7f3dcfc29b32a578f9da26e498 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 27 Mar 2026 10:28:12 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 189 +++++++++++++---------------------------------- 1 file changed, 51 insertions(+), 138 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index a72bb13..1c9d0c3 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -10,55 +10,25 @@ import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCar import FaqSplitText from "@/components/sections/faq/FaqSplitText"; import ContactSplitForm from "@/components/sections/contact/ContactSplitForm"; import FooterSimple from "@/components/sections/footer/FooterSimple"; -import { Award, Sparkles, Zap } from "lucide-react"; +import { Award, Sparkles, Zap, MessageCircle } from "lucide-react"; export default function LandingPage() { const galleryImages = [ - { - id: "1", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery-1.jpg", alt: "Elegante barbershop interior - luxury seating" - }, - { - id: "2", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery-2.jpg", alt: "Master barber at work - precision cutting" - }, - { - id: "3", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery-3.jpg", alt: "Traditional hot shave service" - }, - { - id: "4", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery-4.jpg", alt: "Premium grooming products display" - }, - { - id: "5", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery-5.jpg", alt: "Elegant waiting area with leather seating" - }, - { - id: "6", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery-6.jpg", alt: "Barber mirrors and station setup" - }, - { - id: "7", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery-7.jpg", alt: "Client receiving beard grooming" - }, - { - id: "8", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery-8.jpg", alt: "Professional barber tools collection" - }, - { - id: "9", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery-9.jpg", alt: "Luxurious haircut service" - }, - { - id: "10", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery-10.jpg", alt: "Barbershop exterior storefront" - }, - { - id: "11", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery-11.jpg", alt: "Master barber consultation with client" - }, - { - id: "12", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery-12.jpg", alt: "Premium aftershave product application" - }, - { - id: "13", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery-13.jpg", alt: "Classical barbershop ambiance" - }, - { - id: "14", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery-14.jpg", alt: "Client satisfaction moment" - }, - { - id: "15", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery-15.jpg", alt: "Elegante signature style showcase" - } + { id: "1", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery-1.jpg", alt: "Elegante barbershop interior - luxury seating" }, + { id: "2", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery-2.jpg", alt: "Master barber at work - precision cutting" }, + { id: "3", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery-3.jpg", alt: "Traditional hot shave service" }, + { id: "4", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery-4.jpg", alt: "Premium grooming products display" }, + { id: "5", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery-5.jpg", alt: "Elegant waiting area with leather seating" }, + { id: "6", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery-6.jpg", alt: "Barber mirrors and station setup" }, + { id: "7", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery-7.jpg", alt: "Client receiving beard grooming" }, + { id: "8", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery-8.jpg", alt: "Professional barber tools collection" }, + { id: "9", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery-9.jpg", alt: "Luxurious haircut service" }, + { id: "10", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery-10.jpg", alt: "Barbershop exterior storefront" }, + { id: "11", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery-11.jpg", alt: "Master barber consultation with client" }, + { id: "12", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery-12.jpg", alt: "Premium aftershave product application" }, + { id: "13", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery-13.jpg", alt: "Classical barbershop ambiance" }, + { id: "14", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery-14.jpg", alt: "Client satisfaction moment" }, + { id: "15", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery-15.jpg", alt: "Elegante signature style showcase" } ]; return ( @@ -89,6 +59,16 @@ export default function LandingPage() { /> + + + +
@@ -169,11 +134,7 @@ export default function LandingPage() {
{galleryImages.map((image) => (
- {image.alt} + {image.alt}
))}
@@ -189,15 +150,9 @@ export default function LandingPage() { useInvertedBackground={false} membersAnimation="slide-up" members={[ - { - id: "1", name: "Marcus Valentino", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/marcus-valentino.jpg", imageAlt: "Marcus Valentino" - }, - { - id: "2", name: "Antonio Silva", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/antonio-silva.jpg", imageAlt: "Antonio Silva" - }, - { - id: "3", name: "Giovanni Rossi", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/giovanni-rossi.jpg", imageAlt: "Giovanni Rossi" - } + { id: "1", name: "Marcus Valentino", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/marcus-valentino.jpg", imageAlt: "Marcus Valentino" }, + { id: "2", name: "Antonio Silva", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/antonio-silva.jpg", imageAlt: "Antonio Silva" }, + { id: "3", name: "Giovanni Rossi", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/giovanni-rossi.jpg", imageAlt: "Giovanni Rossi" } ]} /> @@ -210,18 +165,10 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={true} testimonials={[ - { - id: "1", title: "Excellence in Every Detail", quote: "The precision and attention to detail at Elegante is unmatched. My haircuts are always perfect, and the service is incredibly welcoming.", name: "David Chen", role: "Executive Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/david-chen.jpg", imageAlt: "David Chen" - }, - { - id: "2", title: "A True Grooming Experience", quote: "Finally found a barber shop that respects tradition while embracing modern style. The hot shave experience is absolutely luxurious.", name: "James Mitchell", role: "Entrepreneur", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/james-mitchell.jpg", imageAlt: "James Mitchell" - }, - { - id: "3", title: "Exceptional Craftsmanship", quote: "The barbers here are true artists. They understand what you want and deliver beyond expectations every single time.", name: "Robert Thompson", role: "Business Owner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/robert-thompson.jpg", imageAlt: "Robert Thompson" - }, - { - id: "4", title: "Worth Every Penny", quote: "Premium pricing for premium service. The atmosphere, expertise, and results make Elegante the only barber shop I visit.", name: "Michael Anderson", role: "Professional", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/michael-anderson.jpg", imageAlt: "Michael Anderson" - } + { id: "1", title: "Excellence in Every Detail", quote: "The precision and attention to detail at Elegante is unmatched. My haircuts are always perfect, and the service is incredibly welcoming.", name: "David Chen", role: "Executive Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/david-chen.jpg", imageAlt: "David Chen" }, + { id: "2", title: "A True Grooming Experience", quote: "Finally found a barber shop that respects tradition while embracing modern style. The hot shave experience is absolutely luxurious.", name: "James Mitchell", role: "Entrepreneur", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/james-mitchell.jpg", imageAlt: "James Mitchell" }, + { id: "3", title: "Exceptional Craftsmanship", quote: "The barbers here are true artists. They understand what you want and deliver beyond expectations every single time.", name: "Robert Thompson", role: "Business Owner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/robert-thompson.jpg", imageAlt: "Robert Thompson" }, + { id: "4", title: "Worth Every Penny", quote: "Premium pricing for premium service. The atmosphere, expertise, and results make Elegante the only barber shop I visit.", name: "Michael Anderson", role: "Professional", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/michael-anderson.jpg", imageAlt: "Michael Anderson" } ]} /> @@ -235,24 +182,12 @@ export default function LandingPage() { animationType="smooth" faqsAnimation="slide-up" faqs={[ - { - id: "1", title: "How do I book an appointment?", content: "You can book an appointment through our Square booking system or call us directly. We recommend booking in advance, especially for weekends, as our master barbers maintain a full schedule." - }, - { - id: "2", title: "What is the average appointment duration?", content: "Classic haircuts take 45 minutes, beard grooming 30 minutes, and traditional hot shaves 35 minutes. We never rush to ensure perfection in every service." - }, - { - id: "3", title: "Do you offer walk-in services?", content: "While we accommodate walk-ins when possible, we strongly encourage appointments to guarantee your preferred time slot and barber." - }, - { - id: "4", title: "What products do you use?", content: "We exclusively use premium grooming products from prestigious international brands to ensure the best results for your hair and skin." - }, - { - id: "5", title: "Are you suitable for first-time clients?", content: "Absolutely! We welcome gentlemen of all grooming experience levels. Our barbers will consult with you to understand your style preferences and deliver exactly what you envision." - }, - { - id: "6", title: "What is your cancellation policy?", content: "We require 24 hours notice for cancellations. Late cancellations may incur a fee. We appreciate your understanding as we keep slots reserved for our valued clients." - } + { id: "1", title: "How do I book an appointment?", content: "You can book an appointment through our Square booking system or call us directly. We recommend booking in advance, especially for weekends, as our master barbers maintain a full schedule." }, + { id: "2", title: "What is the average appointment duration?", content: "Classic haircuts take 45 minutes, beard grooming 30 minutes, and traditional hot shaves 35 minutes. We never rush to ensure perfection in every service." }, + { id: "3", title: "Do you offer walk-in services?", content: "While we accommodate walk-ins when possible, we strongly encourage appointments to guarantee your preferred time slot and barber." }, + { id: "4", title: "What products do you use?", content: "We exclusively use premium grooming products from prestigious international brands to ensure the best results for your hair and skin." }, + { id: "5", title: "Are you suitable for first-time clients?", content: "Absolutely! We welcome gentlemen of all grooming experience levels. Our barbers will consult with you to understand your style preferences and deliver exactly what you envision." }, + { id: "6", title: "What is your cancellation policy?", content: "We require 24 hours notice for cancellations. Late cancellations may incur a fee. We appreciate your understanding as we keep slots reserved for our valued clients." } ]} /> @@ -280,31 +215,9 @@ export default function LandingPage() {