|
|
|
|
@@ -13,6 +13,15 @@ import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
|
|
|
|
import { Sparkles, Heart, Leaf } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
const updatedNavItems = [
|
|
|
|
|
{ name: "Home", id: "/" },
|
|
|
|
|
{ name: "Trattamenti", id: "/#products" },
|
|
|
|
|
{ name: "Chi Siamo", id: "/about" },
|
|
|
|
|
{ name: "Testimonianze", id: "/#testimonials" },
|
|
|
|
|
{ name: "Domande Frequenti", id: "/#faq" },
|
|
|
|
|
{ name: "Contatti", id: "/#contact" }
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<ThemeProvider
|
|
|
|
|
defaultButtonVariant="text-stagger"
|
|
|
|
|
@@ -31,29 +40,23 @@ export default function LandingPage() {
|
|
|
|
|
brandName="Beauty Elite"
|
|
|
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3F1l2ziUL9Ga3VghepYfdJllcYg/uploaded-1781250323692-gcrcq7n1.png"
|
|
|
|
|
logoAlt="Beauty Elite Logo"
|
|
|
|
|
navItems={[
|
|
|
|
|
{ name: "Home", id: "hero" },
|
|
|
|
|
{ name: "Treatments", id: "products" },
|
|
|
|
|
{ name: "About Us", id: "about" },
|
|
|
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
|
|
|
{ name: "FAQ", id: "faq" },
|
|
|
|
|
{ name: "Contact", id: "contact" }
|
|
|
|
|
]}
|
|
|
|
|
navItems={updatedNavItems}
|
|
|
|
|
logoImageClassName="h-16 w-auto"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroBillboardGallery
|
|
|
|
|
title="Unleash Your Inner Radiance"
|
|
|
|
|
description="At Beauty Elite, we blend art and science to reveal your most beautiful self. Discover a sanctuary where luxury treatments meet personalized care for a truly transformative experience."
|
|
|
|
|
title="Scatena la Tua Luminosità Interiore"
|
|
|
|
|
description="A Beauty Elite, uniamo arte e scienza per rivelare la tua bellezza più autentica. Scopri un santuario dove trattamenti di lusso incontrano cure personalizzate per un'esperienza davvero trasformativa."
|
|
|
|
|
background={{ variant: "radial-gradient" }}
|
|
|
|
|
buttons={[{ text: "Explore Treatments", href: "#products" }]}
|
|
|
|
|
buttons={[{ text: "Esplora i Trattamenti", href: "/#products" }]}
|
|
|
|
|
mediaItems={[
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-standing-bathroom_1157-20467.jpg", imageAlt: "Serene spa room with soft lighting" },
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-salon_176420-7518.jpg", imageAlt: "Woman receiving a luxurious facial treatment" },
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/assortment-beauty-products-displayed-shelf_23-2150718017.jpg", imageAlt: "Elegant display of luxury beauty products" },
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/spa-accessories-dark-wet-background_1220-3730.jpg", imageAlt: "Aromatherapy essential oils in a spa setting" },
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-spa-skin-treatment_23-2148825326.jpg", imageAlt: "Aesthetic facial procedure close-up" }
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-standing-bathroom_1157-20467.jpg", imageAlt: "Ambiente spa sereno con luci soffuse" },
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-salon_176420-7518.jpg", imageAlt: "Donna che riceve un lussuoso trattamento viso" },
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/assortment-beauty-products-displayed-shelf_23-2150718017.jpg", imageAlt: "Esposizione elegante di prodotti di bellezza di lusso" },
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/spa-accessories-dark-wet-background_1220-3730.jpg", imageAlt: "Oli essenziali per aromaterapia in un ambiente spa" },
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-spa-skin-treatment_23-2148825326.jpg", imageAlt: "Primo piano di una procedura estetica facciale" }
|
|
|
|
|
]}
|
|
|
|
|
mediaAnimation="opacity"
|
|
|
|
|
/>
|
|
|
|
|
@@ -61,8 +64,8 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
|
<InlineImageSplitTextAbout
|
|
|
|
|
heading={[{ type: "text", content: "Our Philosophy: " }, { type: "text", content: "Beauty, Elegance, Wellness" }]}
|
|
|
|
|
buttons={[{ text: "Learn More" }]}
|
|
|
|
|
heading={[{ type: "text", content: "La Nostra Filosofia: " }, { type: "text", content: "Bellezza, Eleganza, Benessere" }]}
|
|
|
|
|
buttons={[{ text: "Scopri di Più", href: "/about" }]}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -70,13 +73,13 @@ export default function LandingPage() {
|
|
|
|
|
<div id="features" data-section="features">
|
|
|
|
|
<FeatureHoverPattern
|
|
|
|
|
features={[
|
|
|
|
|
{ icon: Sparkles, title: "Radiant Skin", description: "Achieve a luminous complexion with our signature treatments, designed to nourish and revitalize." },
|
|
|
|
|
{ icon: Heart, title: "Deep Relaxation", description: "Immerse yourself in tranquility with therapies that soothe your mind, body, and spirit." },
|
|
|
|
|
{ icon: Leaf, title: "Natural Rejuvenation", description: "Experience the power of natural ingredients and advanced techniques for lasting youthfulness." }
|
|
|
|
|
{ icon: Sparkles, title: "Pelle Radiosa", description: "Ottieni un incarnato luminoso con i nostri trattamenti esclusivi, pensati per nutrire e rivitalizzare." },
|
|
|
|
|
{ icon: Heart, title: "Relax Profondo", description: "Immergiti nella tranquillità con terapie che leniscono mente, corpo e spirito." },
|
|
|
|
|
{ icon: Leaf, title: "Ringiovanimento Naturale", description: "Sperimenta il potere degli ingredienti naturali e delle tecniche avanzate per una giovinezza duratura." }
|
|
|
|
|
]}
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
title="Experience the Elite Difference"
|
|
|
|
|
description="We are dedicated to providing unparalleled beauty and wellness experiences tailored to your unique needs."
|
|
|
|
|
title="Scopri la Differenza Elite"
|
|
|
|
|
description="Ci dedichiamo a offrire esperienze di bellezza e benessere impareggiabili, su misura per le tue esigenze uniche."
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
@@ -85,17 +88,17 @@ export default function LandingPage() {
|
|
|
|
|
<div id="products" data-section="products">
|
|
|
|
|
<ProductCardFour
|
|
|
|
|
products={[
|
|
|
|
|
{ id: "prod-1", name: "Anti-Aging Facial", price: "€120", variant: "90 min", imageSrc: "http://img.b2bpic.net/free-photo/woman-beauty-clinic-treatment_23-2148878895.jpg", imageAlt: "Anti-aging facial treatment" },
|
|
|
|
|
{ id: "prod-2", name: "Deep Cleansing Facial", price: "€95", variant: "60 min", imageSrc: "http://img.b2bpic.net/free-photo/top-view-young-beautiful-woman-getting-face-skin-treatment_23-2148825377.jpg", imageAlt: "Deep cleansing facial treatment" },
|
|
|
|
|
{ id: "prod-3", name: "Hydrating Booster", price: "€85", variant: "60 min", imageSrc: "http://img.b2bpic.net/free-photo/girl-receiving-facial-treatment-beauty-salon_23-2148194226.jpg", imageAlt: "Hydrating facial treatment" },
|
|
|
|
|
{ id: "prod-4", name: "Relaxing Body Massage", price: "€110", variant: "75 min", imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-spa_329181-13165.jpg", imageAlt: "Relaxing body massage" },
|
|
|
|
|
{ id: "prod-5", name: "Luxury Manicure & Pedicure", price: "€70", variant: "90 min", imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-beautiful-rose_23-2151914716.jpg", imageAlt: "Luxury manicure and pedicure" },
|
|
|
|
|
{ id: "prod-6", name: "Gentle Waxing", price: "€45", variant: "30 min", imageSrc: "http://img.b2bpic.net/free-photo/laser-epilation-hair-removal-therapy_1303-23675.jpg", imageAlt: "Gentle waxing service" }
|
|
|
|
|
{ id: "prod-1", name: "Trattamento Viso Anti-Età", price: "€120", variant: "90 min", imageSrc: "http://img.b2bpic.net/free-photo/woman-beauty-clinic-treatment_23-2148878895.jpg", imageAlt: "Trattamento viso anti-età" },
|
|
|
|
|
{ id: "prod-2", name: "Pulizia Viso Profonda", price: "€95", variant: "60 min", imageSrc: "http://img.b2bpic.net/free-photo/top-view-young-beautiful-woman-getting-face-skin-treatment_23-2148825377.jpg", imageAlt: "Trattamento viso di pulizia profonda" },
|
|
|
|
|
{ id: "prod-3", name: "Booster Idratante", price: "€85", variant: "60 min", imageSrc: "http://img.b2bpic.net/free-photo/girl-receiving-facial-treatment-beauty-salon_23-2148194226.jpg", imageAlt: "Trattamento viso idratante" },
|
|
|
|
|
{ id: "prod-4", name: "Massaggio Corpo Rilassante", price: "€110", variant: "75 min", imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-spa_329181-13165.jpg", imageAlt: "Massaggio corpo rilassante" },
|
|
|
|
|
{ id: "prod-5", name: "Manicure & Pedicure di Lusso", price: "€70", variant: "90 min", imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-beautiful-rose_23-2151914716.jpg", imageAlt: "Manicure e pedicure di lusso" },
|
|
|
|
|
{ id: "prod-6", name: "Ceretta Delicata", price: "€45", variant: "30 min", imageSrc: "http://img.b2bpic.net/free-photo/laser-epilation-hair-removal-therapy_1303-23675.jpg", imageAlt: "Servizio di ceretta delicata" }
|
|
|
|
|
]}
|
|
|
|
|
gridVariant="uniform-all-items-equal"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
title="Our Signature Treatments"
|
|
|
|
|
description="Discover a range of personalized facial and body treatments designed to cater to your every need and desire."
|
|
|
|
|
title="I Nostri Trattamenti Esclusivi"
|
|
|
|
|
description="Scopri una gamma di trattamenti viso e corpo personalizzati, pensati per soddisfare ogni tua esigenza e desiderio."
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
@@ -104,14 +107,14 @@ export default function LandingPage() {
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardTen
|
|
|
|
|
testimonials={[
|
|
|
|
|
{ id: "1", title: "Absolutely Transformed My Skin!", quote: "The anti-aging facial left my skin feeling incredibly soft and looking visibly younger. Beauty Elite truly lives up to its name!", name: "Sophia R.", role: "Regular Client", imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-girl-showing-thumbs-up-looking-pleased-approve-smth-standing-white-background-copy-space_1258-98983.jpg", imageAlt: "Sophia R. profile picture" },
|
|
|
|
|
{ id: "2", title: "A Sanctuary of Serenity", quote: "Every visit is a peaceful escape. The deep cleansing facial was thorough, and the ambiance is simply divine. Highly recommend for relaxation.", name: "Isabella M.", role: "Spa Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-smiling-blonde-fashion-model-sits-white-suit-soft-armchair_8353-5476.jpg", imageAlt: "Isabella M. profile picture" },
|
|
|
|
|
{ id: "3", title: "Exceptional Service and Results", quote: "I've tried many places, but Beauty Elite's hydrating booster made the most significant difference to my dry skin. Professional and attentive staff.", name: "Liam K.", role: "First-time Visitor", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-laughing_23-2148911862.jpg", imageAlt: "Liam K. profile picture" },
|
|
|
|
|
{ id: "4", title: "My Go-To for Pampering", quote: "The luxury manicure and pedicure is a treat I always look forward to. The attention to detail is superb, and I leave feeling perfectly pampered.", name: "Olivia P.", role: "Loyal Customer", imageSrc: "http://img.b2bpic.net/free-photo/radiant-woman-portrait-soft-lighting_624325-1165.jpg", imageAlt: "Olivia P. profile picture" },
|
|
|
|
|
{ id: "5", title: "Flawless Experience Every Time", quote: "From the moment you walk in, you feel special. The waxing service was gentle and precise. Truly the best beauty salon I've found!", name: "Noah B.", role: "Beauty Aficionado", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-smartphone_23-2149079841.jpg", imageAlt: "Noah B. profile picture" }
|
|
|
|
|
{ id: "1", title: "Ha Trasformato Completamente la Mia Pelle!", quote: "Il trattamento viso anti-età ha reso la mia pelle incredibilmente morbida e visibilmente più giovane. Beauty Elite è davvero all'altezza del suo nome!", name: "Sofia R.", role: "Cliente Abituale", imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-girl-showing-thumbs-up-looking-pleased-approve-smth-standing-white-background-copy-space_1258-98983.jpg", imageAlt: "Immagine del profilo di Sofia R." },
|
|
|
|
|
{ id: "2", title: "Un Santuario di Serenità", quote: "Ogni visita è una fuga di pace. La pulizia viso profonda è stata impeccabile e l'ambiente è semplicemente divino. Altamente raccomandato per il relax.", name: "Isabella M.", role: "Appassionata di Spa", imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-smiling-blonde-fashion-model-sits-white-suit-soft-armchair_8353-5476.jpg", imageAlt: "Immagine del profilo di Isabella M." },
|
|
|
|
|
{ id: "3", title: "Servizio e Risultati Eccezionali", quote: "Ho provato molti posti, ma il booster idratante di Beauty Elite ha fatto la differenza più significativa per la mia pelle secca. Personale professionale e attento.", name: "Liam C.", role: "Visitatore per la Prima Volta", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-laughing_23-2148911862.jpg", imageAlt: "Immagine del profilo di Liam C." },
|
|
|
|
|
{ id: "4", title: "La Mia Scelta per il Coccolarsi", quote: "La manicure e pedicure di lusso è un trattamento che aspetto sempre con ansia. L'attenzione ai dettagli è superba, e me ne vado sentendomi perfettamente coccolata.", name: "Olivia P.", role: "Cliente Fedele", imageSrc: "http://img.b2bpic.net/free-photo/radiant-woman-portrait-soft-lighting_624325-1165.jpg", imageAlt: "Immagine del profilo di Olivia P." },
|
|
|
|
|
{ id: "5", title: "Esperienza Impeccabile Ogni Volta", quote: "Dal momento in cui entri, ti senti speciale. Il servizio di ceretta è stato delicato e preciso. Veramente il miglior salone di bellezza che abbia trovato!", name: "Noè B.", role: "Appassionato di Bellezza", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-smartphone_23-2149079841.jpg", imageAlt: "Immagine del profilo di Noè B." }
|
|
|
|
|
]}
|
|
|
|
|
title="What Our Clients Say"
|
|
|
|
|
description="Hear from those who have experienced the magic of Beauty Elite and discovered their true radiance."
|
|
|
|
|
title="Cosa Dicono i Nostri Clienti"
|
|
|
|
|
description="Ascolta chi ha sperimentato la magia di Beauty Elite e ha scoperto la propria vera luminosità."
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
@@ -120,14 +123,14 @@ export default function LandingPage() {
|
|
|
|
|
<div id="faq" data-section="faq">
|
|
|
|
|
<FaqBase
|
|
|
|
|
faqs={[
|
|
|
|
|
{ id: "faq-1", title: "What types of facial treatments do you offer?", content: "We offer a diverse range of facial treatments, including anti-aging, deep cleansing, hydrating, brightening, and sensitive skin facials. Each is tailored to your specific skin concerns." },
|
|
|
|
|
{ id: "faq-2", title: "How do I book an appointment?", content: "You can easily book an appointment through our website, by calling us directly, or by visiting our salon in person. We recommend booking in advance to secure your preferred time." },
|
|
|
|
|
{ id: "faq-3", title: "Do you use organic or natural products?", content: "Yes, we prioritize the use of high-quality, professional-grade products, many of which contain organic and natural ingredients. We are committed to gentle yet effective skincare." },
|
|
|
|
|
{ id: "faq-4", title: "What is your cancellation policy?", content: "We kindly request at least 24 hours' notice for cancellations or rescheduling. This allows us to offer the slot to other clients and maintain our scheduling efficiency." },
|
|
|
|
|
{ id: "faq-5", title: "Are gift vouchers available?", content: "Absolutely! Gift vouchers for various treatments or a specific value are available for purchase at our salon or through our website, making them a perfect gift for loved ones." }
|
|
|
|
|
{ id: "faq-1", title: "Che tipi di trattamenti viso offrite?", content: "Offriamo una vasta gamma di trattamenti viso, inclusi anti-età, pulizia profonda, idratanti, illuminanti e per pelli sensibili. Ciascuno è personalizzato per le tue specifiche esigenze cutanee." },
|
|
|
|
|
{ id: "faq-2", title: "Come posso prenotare un appuntamento?", content: "Puoi facilmente prenotare un appuntamento tramite il nostro sito web, chiamandoci direttamente o visitando il nostro salone di persona. Consigliamo di prenotare in anticipo per assicurarti l'orario preferito." },
|
|
|
|
|
{ id: "faq-3", title: "Utilizzate prodotti biologici o naturali?", content: "Sì, diamo priorità all'uso di prodotti di alta qualità e professionali, molti dei quali contengono ingredienti biologici e naturali. Ci impegniamo per una cura della pelle delicata ma efficace." },
|
|
|
|
|
{ id: "faq-4", title: "Qual è la vostra politica di cancellazione?", content: "Chiediamo gentilmente un preavviso di almeno 24 ore per cancellazioni o riprogrammazioni. Questo ci consente di offrire la fascia oraria ad altri clienti e mantenere l'efficienza della nostra pianificazione." },
|
|
|
|
|
{ id: "faq-5", title: "Sono disponibili buoni regalo?", content: "Assolutamente! I buoni regalo per vari trattamenti o per un valore specifico sono disponibili per l'acquisto presso il nostro salone o tramite il nostro sito web, rendendoli un regalo perfetto per i tuoi cari." }
|
|
|
|
|
]}
|
|
|
|
|
title="Frequently Asked Questions"
|
|
|
|
|
description="Find answers to common inquiries about our services, booking, and policies."
|
|
|
|
|
title="Domande Frequenti"
|
|
|
|
|
description="Trova le risposte alle domande più comuni sui nostri servizi, prenotazioni e politiche."
|
|
|
|
|
faqsAnimation="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
@@ -136,14 +139,14 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactCenter
|
|
|
|
|
tag="Connect"
|
|
|
|
|
title="Ready for Your Transformation?"
|
|
|
|
|
description="Book your appointment today and embark on a journey to radiant beauty and serene wellness."
|
|
|
|
|
tag="Connettiti"
|
|
|
|
|
title="Pronta per la Tua Trasformazione?"
|
|
|
|
|
description="Prenota il tuo appuntamento oggi e intraprendi un viaggio verso una bellezza radiosa e un benessere sereno."
|
|
|
|
|
background={{ variant: "radial-gradient" }}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
inputPlaceholder="Enter your email"
|
|
|
|
|
buttonText="Book Now"
|
|
|
|
|
termsText="By clicking 'Book Now' you're confirming that you agree with our Privacy Policy and Terms of Service."
|
|
|
|
|
inputPlaceholder="Inserisci la tua email"
|
|
|
|
|
buttonText="Prenota Ora"
|
|
|
|
|
termsText="Cliccando 'Prenota Ora' confermi di accettare la nostra Informativa sulla Privacy e i Termini di Servizio."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -152,10 +155,10 @@ export default function LandingPage() {
|
|
|
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3F1l2ziUL9Ga3VghepYfdJllcYg/uploaded-1781250323692-gcrcq7n1.png"
|
|
|
|
|
logoAlt="Beauty Elite Logo"
|
|
|
|
|
logoText="Beauty Elite"
|
|
|
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
|
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
|
|
|
leftLink={{ text: "Informativa sulla Privacy", href: "#" }}
|
|
|
|
|
rightLink={{ text: "Termini di Servizio", href: "#" }}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
