Update src/app/page.tsx
This commit is contained in:
318
src/app/page.tsx
318
src/app/page.tsx
@@ -33,37 +33,21 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "#team",
|
||||
},
|
||||
name: "Equipo", id: "#team"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "Preguntas Frecuentes", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contacto", id: "#contact"},
|
||||
]}
|
||||
brandName="Baransu Centro de Masajes"
|
||||
/>
|
||||
@@ -72,41 +56,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Professional Massage Therapy That Heals Fast"
|
||||
description="Trusted by Valladolid's athletes and professionals. Expert treatment for back pain, injuries, and postural tension. Book your appointment today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Your Session",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Schedule Your Session", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-palm-massage-bright-spa-warm-caring-touch_169016-69721.jpg",
|
||||
imageAlt: "Professional massage therapy session in a serene environment",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-palm-massage-bright-spa-warm-caring-touch_169016-69721.jpg", imageAlt: "Professional massage therapy session in a serene environment"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-positioning-patient-legs_23-2149047505.jpg",
|
||||
imageAlt: "Athlete receiving a sports massage for recovery",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-positioning-patient-legs_23-2149047505.jpg", imageAlt: "Athlete receiving a sports massage for recovery"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-young-woman-getting-deep-tissue-massage-by-female-therapist-health-clinic-seen-up-close_662251-1866.jpg",
|
||||
imageAlt: "Woman receiving a back massage for pain relief",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-young-woman-getting-deep-tissue-massage-by-female-therapist-health-clinic-seen-up-close_662251-1866.jpg", imageAlt: "Woman receiving a back massage for pain relief"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-salon-focus-candles_176420-7491.jpg",
|
||||
imageAlt: "Modern and clean massage room interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-salon-focus-candles_176420-7491.jpg", imageAlt: "Modern and clean massage room interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-bed-wearing-bathrobes_23-2148389929.jpg",
|
||||
imageAlt: "Couple relaxing during a wellness massage session",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-bed-wearing-bathrobes_23-2148389929.jpg", imageAlt: "Couple relaxing during a wellness massage session"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-humidifier-sea-salt-health-concept_169016-21100.jpg",
|
||||
imageAlt: "Essential oils and warm stones for massage therapy",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-humidifier-sea-salt-health-concept_169016-21100.jpg", imageAlt: "Essential oils and warm stones for massage therapy"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -118,17 +87,11 @@ export default function LandingPage() {
|
||||
description="At Baransu, we combine ancient techniques with modern understanding to offer therapeutic massage tailored to your unique needs. Our highly trained therapists specialize in deep tissue, sports massage, and pain relief, ensuring you get back to your best, faster."
|
||||
metrics={[
|
||||
{
|
||||
value: "4.7",
|
||||
title: "Star Rating",
|
||||
},
|
||||
value: "4.7", title: "Star Rating"},
|
||||
{
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "10+", title: "Years Experience"},
|
||||
{
|
||||
value: "98%",
|
||||
title: "Client Satisfaction",
|
||||
},
|
||||
value: "98%", title: "Client Satisfaction"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/confidential-session-teenage-girl-her-mother-discuss-personal-troubles_482257-121528.jpg"
|
||||
imageAlt="Therapist discussing treatment options with a client"
|
||||
@@ -145,24 +108,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Star,
|
||||
title: "Deep Tissue Massage",
|
||||
description: "Target chronic muscle tension and knots with focused pressure, ideal for deep-seated aches and postural issues.",
|
||||
},
|
||||
title: "Deep Tissue Massage", description: "Target chronic muscle tension and knots with focused pressure, ideal for deep-seated aches and postural issues."},
|
||||
{
|
||||
icon: Star,
|
||||
title: "Sports Massage",
|
||||
description: "Accelerate recovery, prevent injuries, and enhance athletic performance with treatments designed for active individuals.",
|
||||
},
|
||||
title: "Sports Massage", description: "Accelerate recovery, prevent injuries, and enhance athletic performance with treatments designed for active individuals."},
|
||||
{
|
||||
icon: Sun,
|
||||
title: "Relaxation Massage",
|
||||
description: "Reduce stress and promote overall well-being with gentle, flowing strokes that calm the mind and body.",
|
||||
},
|
||||
title: "Relaxation Massage", description: "Reduce stress and promote overall well-being with gentle, flowing strokes that calm the mind and body."},
|
||||
{
|
||||
icon: Star,
|
||||
title: "Postural Correction",
|
||||
description: "Address imbalances and improve posture with specific techniques that realign the body and alleviate strain.",
|
||||
},
|
||||
title: "Postural Correction", description: "Address imbalances and improve posture with specific techniques that realign the body and alleviate strain."},
|
||||
]}
|
||||
title="Our Specialized Therapeutic Services"
|
||||
description="From chronic pain relief to performance enhancement, our tailored treatments address your specific concerns with expert care and proven methods."
|
||||
@@ -176,67 +131,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Maria G.",
|
||||
role: "Marketing Director",
|
||||
company: "Valladolid Corp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-study-session-learning-smiling_23-2149265833.jpg",
|
||||
},
|
||||
id: "1", name: "Maria G.", role: "Marketing Director", company: "Valladolid Corp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-study-session-learning-smiling_23-2149265833.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Javier L.",
|
||||
role: "Semi-Pro Cyclist",
|
||||
company: "Local Cycling Club",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-couple-confident-man-impressed-woman-both-showing-thumbs-up-looking_141793-57854.jpg",
|
||||
},
|
||||
id: "2", name: "Javier L.", role: "Semi-Pro Cyclist", company: "Local Cycling Club", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-couple-confident-man-impressed-woman-both-showing-thumbs-up-looking_141793-57854.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
role: "Architect",
|
||||
company: "Urban Design Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trendy-indoor-portrait-pretyy-stylish-blogger-influencer-woman-spring-time-minimalistic-interior_291049-2793.jpg",
|
||||
},
|
||||
id: "3", name: "Elena R.", role: "Architect", company: "Urban Design Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trendy-indoor-portrait-pretyy-stylish-blogger-influencer-woman-spring-time-minimalistic-interior_291049-2793.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Carlos M.",
|
||||
role: "Software Engineer",
|
||||
company: "Tech Solutions",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/candid-happy-old-man-with-long-stylish-beard-laughing-smiling-looking-happy-wearing-modern-orange-hoodie-standing-white-wall_176420-38762.jpg",
|
||||
},
|
||||
id: "4", name: "Carlos M.", role: "Software Engineer", company: "Tech Solutions", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/candid-happy-old-man-with-long-stylish-beard-laughing-smiling-looking-happy-wearing-modern-orange-hoodie-standing-white-wall_176420-38762.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Laura P.",
|
||||
role: "Yoga Instructor",
|
||||
company: "Mindful Movement",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-girl-posing_273609-12919.jpg",
|
||||
},
|
||||
id: "5", name: "Laura P.", role: "Yoga Instructor", company: "Mindful Movement", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-girl-posing_273609-12919.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "David S.",
|
||||
role: "Lawyer",
|
||||
company: "Legal Associates",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-bright-smile_23-2148563438.jpg",
|
||||
},
|
||||
id: "6", name: "David S.", role: "Lawyer", company: "Legal Associates", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-bright-smile_23-2148563438.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "98%",
|
||||
label: "Pain Relief",
|
||||
},
|
||||
value: "98%", label: "Pain Relief"},
|
||||
{
|
||||
value: "Fast",
|
||||
label: "Appointment",
|
||||
},
|
||||
value: "Fast", label: "Appointment"},
|
||||
{
|
||||
value: "5-Star",
|
||||
label: "Rated",
|
||||
},
|
||||
value: "5-Star", label: "Rated"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear from athletes and professionals who trust Baransu for their wellness and recovery needs."
|
||||
@@ -250,59 +169,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "single",
|
||||
badge: "Introductory",
|
||||
badgeIcon: Sparkles,
|
||||
price: "€60",
|
||||
subtitle: "Single 60-min Session",
|
||||
buttons: [
|
||||
id: "single", badge: "Introductory", badgeIcon: Sparkles,
|
||||
price: "€60", subtitle: "Single 60-min Session", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Personalized consultation",
|
||||
"Targeted pain relief",
|
||||
"Post-session advice",
|
||||
],
|
||||
"Personalized consultation", "Targeted pain relief", "Post-session advice"],
|
||||
},
|
||||
{
|
||||
id: "flexi",
|
||||
badge: "Most Popular",
|
||||
badgeIcon: Star,
|
||||
price: "€165",
|
||||
subtitle: "3-Session Flexi-Pass",
|
||||
buttons: [
|
||||
id: "flexi", badge: "Most Popular", badgeIcon: Star,
|
||||
price: "€165", subtitle: "3-Session Flexi-Pass", buttons: [
|
||||
{
|
||||
text: "Buy Package",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Buy Package", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"3x 60-min sessions",
|
||||
"Valid for 3 months",
|
||||
"Priority scheduling",
|
||||
],
|
||||
"3x 60-min sessions", "Valid for 3 months", "Priority scheduling"],
|
||||
},
|
||||
{
|
||||
id: "elite",
|
||||
badge: "Premium Care",
|
||||
badgeIcon: Award,
|
||||
price: "€300",
|
||||
subtitle: "6-Session Elite Package",
|
||||
buttons: [
|
||||
id: "elite", badge: "Premium Care", badgeIcon: Award,
|
||||
price: "€300", subtitle: "6-Session Elite Package", buttons: [
|
||||
{
|
||||
text: "Get Elite",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Elite", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"6x 60-min sessions",
|
||||
"Valid for 6 months",
|
||||
"Exclusive therapist access",
|
||||
"Complimentary hot stones",
|
||||
],
|
||||
"6x 60-min sessions", "Valid for 6 months", "Exclusive therapist access", "Complimentary hot stones"],
|
||||
},
|
||||
]}
|
||||
title="Flexible Plans for Your Wellness Journey"
|
||||
@@ -318,29 +209,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Dr. Ana Sofia",
|
||||
role: "Lead Therapist, Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-nurse-with-arms-crossed_23-2148501022.jpg",
|
||||
imageAlt: "Dr. Ana Sofia, Lead Therapist",
|
||||
},
|
||||
id: "1", name: "Dr. Ana Sofia", role: "Terapeuta Principal, Fundadora", imageSrc: "http://img.b2bpic.net/free-photo/male-nurse-with-arms-crossed_23-2148501022.jpg", imageAlt: "Dr. Ana Sofia, Lead Therapist"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Miguel Ramirez",
|
||||
role: "Sports Massage Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nurse-portrait-hospital_23-2150780368.jpg",
|
||||
imageAlt: "Miguel Ramirez, Sports Massage Specialist",
|
||||
},
|
||||
id: "2", name: "Miguel Ramirez", role: "Especialista en Masaje Deportivo", imageSrc: "http://img.b2bpic.net/free-photo/nurse-portrait-hospital_23-2150780368.jpg", imageAlt: "Miguel Ramirez, Sports Massage Specialist"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Garcia",
|
||||
role: "Wellness & Relaxation Therapist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-senior-man-working-his-laptop_23-2148404379.jpg",
|
||||
imageAlt: "Elena Garcia, Wellness & Relaxation Therapist",
|
||||
},
|
||||
id: "3", name: "Elena Garcia", role: "Terapeuta de Bienestar y Relajación", imageSrc: "http://img.b2bpic.net/free-photo/smiley-senior-man-working-his-laptop_23-2148404379.jpg", imageAlt: "Elena Garcia, Wellness & Relaxation Therapist"},
|
||||
]}
|
||||
title="Meet Our Expert Therapists"
|
||||
description="Our certified professionals are dedicated to your well-being, bringing extensive experience and a personalized approach to every session."
|
||||
title="Conoce a Nuestros Terapeutas Expertos"
|
||||
description="Nuestros profesionales certificados se dedican a tu bienestar, aportando una amplia experiencia y un enfoque personalizado a cada sesión."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -350,31 +226,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What types of massage therapy do you offer?",
|
||||
content: "We offer a range of therapeutic massages including deep tissue, sports massage, relaxation, and postural correction. Each session is customized to your specific needs.",
|
||||
},
|
||||
id: "1", title: "¿Qué tipos de terapia de masaje ofrecen?", content: "Ofrecemos una variedad de masajes terapéuticos que incluyen tejido profundo, masaje deportivo, relajación y corrección postural. Cada sesión se personaliza según tus necesidades específicas."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How long is a typical session?",
|
||||
content: "Most of our sessions are 60 minutes long, which includes a brief consultation to discuss your concerns and a few minutes for post-session recommendations. Longer sessions are available upon request.",
|
||||
},
|
||||
id: "2", title: "¿Cuánto dura una sesión típica?", content: "La mayoría de nuestras sesiones duran 60 minutos, lo que incluye una breve consulta para discutir tus preocupaciones y unos minutos para recomendaciones post-sesión. Sesiones más largas están disponibles bajo petición."},
|
||||
{
|
||||
id: "3",
|
||||
title: "How do I book an appointment?",
|
||||
content: "You can easily book an appointment through our website's 'Schedule Your Session' button, or by calling us directly. We offer flexible scheduling to accommodate your busy life.",
|
||||
},
|
||||
id: "3", title: "¿Cómo reservo una cita?", content: "Puedes reservar una cita fácilmente a través del botón 'Programa Tu Sesión' en nuestro sitio web, o llamándonos directamente. Ofrecemos horarios flexibles para adaptarnos a tu ajetreada vida."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Do you accept insurance?",
|
||||
content: "While we do not directly bill insurance, we can provide you with a detailed receipt that you may submit to your insurance provider for reimbursement, depending on your plan.",
|
||||
},
|
||||
id: "4", title: "¿Aceptan seguros?", content: "Aunque no facturamos directamente a las aseguradoras, podemos proporcionarte un recibo detallado que puedes presentar a tu compañía de seguros para el reembolso, dependiendo de tu plan."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-composition-spa-objects_23-2148099265.jpg"
|
||||
imageAlt="Serene spa setting with essential oils and towels"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about our services, booking, and what to expect during your visit."
|
||||
title="Preguntas Frecuentes"
|
||||
description="Encuentra respuestas rápidas a preguntas comunes sobre nuestros servicios, reservas y qué esperar durante tu visita."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -383,14 +247,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
text="Don't let pain hold you back. Schedule your personalized therapeutic massage at Baransu Centro de Masajes in Valladolid. Fast relief and lasting wellness are just an appointment away."
|
||||
variant: "radial-gradient"}}
|
||||
text="No dejes que el dolor te detenga. Programa tu masaje terapéutico personalizado en Baransu Centro de Masajes en Valladolid. Alivio rápido y bienestar duradero están a solo una cita de distancia."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Appointment",
|
||||
href: "#",
|
||||
},
|
||||
text: "Programar Cita", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -399,65 +260,42 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Servicios", items: [
|
||||
{
|
||||
label: "Deep Tissue",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Tejido Profundo", href: "#services"},
|
||||
{
|
||||
label: "Sports Massage",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Masaje Deportivo", href: "#services"},
|
||||
{
|
||||
label: "Relaxation",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Relajación", href: "#services"},
|
||||
{
|
||||
label: "Postural Correction",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Corrección Postural", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Empresa", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Sobre Nosotros", href: "#about"},
|
||||
{
|
||||
label: "Our Team",
|
||||
href: "#team",
|
||||
},
|
||||
label: "Nuestro Equipo", href: "#team"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonios", href: "#testimonials"},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "Preguntas Frecuentes", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Política de Privacidad", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Términos de Servicio", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/nature-logo-templates-collection_1346-33.jpg"
|
||||
logoAlt="Baransu Centro de Masajes Logo"
|
||||
logoText="Baransu Centro de Masajes"
|
||||
copyrightText="© 2024 Baransu Centro de Masajes. All rights reserved."
|
||||
copyrightText="© 2024 Baransu Centro de Masajes. Todos los derechos reservados."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user