bender/93384000-e7f2-4bfd-8622-bfadc92e282d
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/radiofrequency-facial/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-12 11:56:10 +00:00
parent 8c10131256
commit e121981eef
1 changed files with 48 additions and 176 deletions
Download Patch File Download Diff File Expand all files Collapse all files

224
src/app/radiofrequency-facial/page.tsx
View File

@@ -3,14 +3,9 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Zap, Sparkles, Clock, Shield } from 'lucide-react';
export default function RadiofrequencyFacialPage() {
return (
@@ -20,7 +15,7 @@ export default function RadiofrequencyFacialPage() {
borderRadius="rounded"
contentWidth="small"
sizing="largeSmallSizeLargeTitles"
background="aurora"
background="circleGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
@@ -29,10 +24,10 @@ export default function RadiofrequencyFacialPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Inicio", id: "/" },
{ name: "Radiofrecuencia", id: "/radiofrequency-facial" },
{ name: "Masaje Facial", id: "/facial-massage" },
{ name: "Testimonios", id: "testimonials" },
{ name: "Servicios", id: "/" },
{ name: "Productos", id: "#products" },
{ name: "Nosotros", id: "#about" },
{ name: "Testimonios", id: "#testimonials" },
{ name: "Contacto", id: "contact" }
]}
button={{ text: "Reservar Cita", href: "contact" }}
@@ -42,197 +37,65 @@ export default function RadiofrequencyFacialPage() {
<div id="hero" data-section="hero">
<HeroLogoBillboard
logoText="Radiofrecuencia Facial"
description="Rejuvenecimiento facial de última generación. Tecnología radiofrecuencia para tensar la piel, reducir arrugas y mejorar la textura. Resultados visibles desde la primera sesión."
logoText="Facial de Radiofrecuencia Avanzada"
description="Tratamiento no invasivo con tecnología de radiofrecuencia. Reafirma la piel, reduce arrugas y flacidez. Resultados visibles en firmeza, elasticidad y juventud de la piel."
buttons={[
{ text: "Reservar Cita", href: "contact" },
{ text: "Conoce el Servicio", href: "#benefits" }
{ text: "Ver Más Servicios", href: "/" }
]}
background={{ variant: "aurora" }}
imageSrc="http://img.b2bpic.net/free-photo/dermatologist-performing-laser-hair-removal-patient_107420-65627.jpg"
imageAlt="Tratamiento de radiofrecuencia facial"
background={{ variant: "sparkles-gradient" }}
imageSrc="http://img.b2bpic.net/free-photo/radiofrequency-facial-treatment-technology_273609-4899.jpg"
imageAlt="Tratamiento facial con radiofrecuencia"
frameStyle="card"
mediaAnimation="blur-reveal"
buttonAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
heading={[
{ type: "text", content: "La radiofrecuencia facial es la solución" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/process-removing-jellied-alginate-mask-from-face-woman-facial-rejuvenation-procedure-skin-care-beauty-salon_158595-7719.jpg", alt: "Tratamiento radiofrecuencia" },
{ type: "text", content: "no invasiva para tu juventud y belleza" }
]}
buttons={[{ text: "Ver Precios", href: "#pricing" }]}
useInvertedBackground={false}
/>
</div>
<div id="benefits" data-section="benefits">
<FeatureBento
title="Beneficios de la Radiofrecuencia Facial"
description="Experimenta los resultados transformadores de esta tecnología de vanguardia en el cuidado facial."
tag="Tecnología Premium"
features={[
{
title: "Lifting y Tensión de la Piel", description: "Estimula la producción de colágeno para un lifting natural sin cirugía.", bentoComponent: "reveal-icon", icon: Zap
},
{
title: "Reducción de Arrugas", description: "Minimiza líneas de expresión y arrugas profundas de manera progresiva.", bentoComponent: "reveal-icon", icon: Sparkles
},
{
title: "Mejora de Textura", description: "Refina poros, suaviza la piel y mejora la uniformidad del tono.", bentoComponent: "reveal-icon", icon: Shield
},
{
title: "Resultados Inmediatos", description: "Notas cambios visibles desde la primera sesión, mejorando con cada tratamiento.", bentoComponent: "reveal-icon", icon: Clock
},
{
title: "Tratamiento No Invasivo", description: "Sin agujas, sin incisiones, sin tiempo de recuperación. Seguro y cómodo.", bentoComponent: "reveal-icon", icon: Shield
},
{
title: "Apto para Todo Tipo de Piel", description: "Efectivo en pieles sensibles, grasas, secas o mixtas. Adaptable a tus necesidades.", bentoComponent: "reveal-icon", icon: Sparkles
}
]}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
carouselMode="buttons"
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardNine
title="Planes de Radiofrecuencia Facial"
description="Elige el plan que se adapte a tus objetivos de belleza y bienestar."
tag="Precios y Planes"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "single", title: "Sesión Individual", price: "$120.000", period: "por sesión", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-receiving-spa-treatment_107420-33967.jpg", imageAlt: "Sesión individual de radiofrecuencia", button: { text: "Reservar Ahora", href: "contact" },
features: [
"Sesión de 60 minutos", "Evaluación personalizada", "Tratamiento facial completo", "Mascarilla post-tratamiento", "Productos premium de cuidado"
]
},
{
id: "package3", title: "Paquete de 3 Sesiones", price: "$310.000", period: "total", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-facial-treatment-beauty-salon_1163-3931.jpg", imageAlt: "Paquete 3 sesiones radiofrecuencia", button: { text: "Comprar Paquete", href: "contact" },
features: [
"3 sesiones de 60 minutos", "Descuento de $50.000", "Plan personalizado", "Seguimiento profesional", "Resultados garantizados", "Productos de mantenimiento incluidos"
]
},
{
id: "package6", title: "Plan Integral 6 Sesiones", price: "$600.000", period: "total", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-woman-face-with-perfect-skin_1163-3937.jpg", imageAlt: "Plan completo 6 sesiones", button: { text: "Contratar Plan", href: "contact" },
features: [
"6 sesiones de 60 minutos", "Descuento de $120.000", "Programa de mantenimiento", "Seguimiento completo", "Rutina personalizada de cuidado", "Productos premium exclusivos", "Prioridad en citas"
]
}
]}
/>
</div>
<div id="process" data-section="process">
<FeatureBento
title="¿Cómo funciona el tratamiento?"
description="Un proceso paso a paso diseñado para tu comodidad y resultados óptimos."
tag="Proceso"
features={[
{
title: "Consulta Inicial", description: "Evaluamos tu tipo de piel, necesidades y objetivos para personalizar el tratamiento.", bentoComponent: "reveal-icon", icon: Shield
},
{
title: "Limpieza Profunda", description: "Preparamos tu piel con una limpieza profesional y exfoliación suave.", bentoComponent: "reveal-icon", icon: Sparkles
},
{
title: "Aplicación de Radiofrecuencia", description: "Aplicamos la tecnología RF con movimientos controlados durante 45 minutos.", bentoComponent: "reveal-icon", icon: Zap
},
{
title: "Mascarilla Reparadora", description: "Aplicamos una mascarilla premium para potenciar resultados y calmar la piel.", bentoComponent: "reveal-icon", icon: Sparkles
},
{
title: "Rutina Post-Tratamiento", description: "Te enseñamos el cuidado específico para mantener y potenciar los resultados.", bentoComponent: "reveal-icon", icon: Shield
},
{
title: "Seguimiento Profesional", description: "Realizamos seguimiento de tu progreso y ajustamos el plan según sea necesario.", bentoComponent: "reveal-icon", icon: Clock
}
]}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
carouselMode="buttons"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
testimonial="El tratamiento de radiofrecuencia facial me sorprendió. Después de tres sesiones mi piel está más firme, las líneas de expresión son mucho menos visibles y tengo un brillo natural. El equipo de Cloud Studio es profesional y atento. Totalmente recomendado."
rating={5}
author="Sofía Martínez, Empresaria"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/attractive-young-woman-standing-looking-mirror_7502-7379.jpg", alt: "Sofía Martínez" },
{ src: "http://img.b2bpic.net/free-photo/blonde-woman-floral-dress-cafe_273609-4288.jpg", alt: "Cliente radiofrecuencia" },
{ src: "http://img.b2bpic.net/free-photo/beauty-face-young-woman-skin-care-concept-closeup-portrait-isolated-white_1258-104364.jpg", alt: "Resultados radiofrecuencia" },
{ src: "http://img.b2bpic.net/free-photo/positive-enterprising-young-woman-making-remark-holding-forefinger-up_1262-14330.jpg", alt: "Cliente satisfecho" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg", alt: "Testimonio radiofrecuencia" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133185.jpg", alt: "Cliente Cloud Studio" }
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="faq" data-section="faq">
<div id="service-details" data-section="service-details">
<FaqSplitMedia
title="Preguntas Frecuentes - Radiofrecuencia Facial"
description="Resuelve todas tus dudas sobre este tratamiento revolucionario."
title="Servicio de Facial con Radiofrecuencia"
description="Todo lo que necesitas saber sobre nuestro tratamiento avanzado de radiofrecuencia."
faqs={[
{
id: "1", title: "¿Es segura la radiofrecuencia facial?", content: "Sí, es completamente segura. La radiofrecuencia ha sido utilizada en dermatología durante años. Nuestro equipo está certificado y utiliza tecnología de última generación con protocolos de seguridad establecidos."
id: "1", title: "¿Qué es la radiofrecuencia facial?", content: "La radiofrecuencia es una tecnología no invasiva que utiliza ondas electromagnéticas para calentar las capas profundas de la piel. Este calor estimula la producción de colágeno y elastina, resultando en piel más firme, joven y radiante sin procedimientos quirúrgicos."
},
{
id: "2", title: "¿Cuántas sesiones necesito para ver resultados?", content: "Muchas personas ven resultados después de la primera sesión. Sin embargo, los mejores resultados se obtienen con 3 a 6 sesiones espaciadas cada 2-3 semanas. El protocolo se personaliza según tu tipo de piel y objetivos."
id: "2", title: "¿Cuáles son los beneficios del tratamiento?", content: "Mejora la firmeza y elasticidad de la piel, reduce líneas de expresión y arrugas profundas, disminuye la flacidez facial y del cuello, estimula la producción de colágeno, mejora la textura general, y deja la piel más joven, radiante y rejuvenecida."
},
{
id: "3", title: "¿Hay tiempo de recuperación?", content: "No. La radiofrecuencia es un tratamiento no invasivo sin tiempo de recuperación. Tu piel puede estar ligeramente enrojecida durante 1-2 horas. Puedes retomar tus actividades normales inmediatamente."
id: "3", title: "¿Duele el tratamiento de radiofrecuencia?", content: "Es mínimamente incómodo. Sientes calor controlado en la piel, pero no hay dolor. El tratamiento es bien tolerado por la mayoría de los pacientes. Muchas personas lo describen como una sensación agradable de calor terapéutico similar a un masaje facial caliente."
},
{
id: "4", title: "¿Es doloroso el tratamiento?", content: "No es doloroso. Puedes sentir calor agradable durante la sesión. Es un tratamiento cómodo y relajante. Si tienes piel sensible, lo comunicamos antes para ajustar la intensidad."
id: "4", title: "¿Cuánto tiempo dura una sesión?", content: "Una sesión típica dura entre 30 a 45 minutos. El tiempo puede variar según el área tratada y el protocolo específico. No requiere tiempo de recuperación y puedes retomar tus actividades inmediatamente después del tratamiento."
},
{
id: "5", title: "¿Cuánto duran los resultados?", content: "Los resultados son progresivos y duraderos. La producción de colágeno continúa hasta 6 meses después de completar el tratamiento. Recomendamos mantenimiento cada 3-4 meses para resultados óptimos."
id: "5", title: "¿Con qué frecuencia debo hacer radiofrecuencia?", content: "Se recomienda una sesión cada 2 a 4 semanas para resultados óptimos. Muchas personas ven resultados después de 1 a 2 sesiones. Para mantenimiento a largo plazo, sesiones cada 4 a 6 semanas son ideales. Tu especialista personalizará el plan según tu piel."
},
{
id: "6", title: "¿Puede combinarse con otros tratamientos?", content: "Sí. La radiofrecuencia combina bien con otros tratamientos como faciales, peelings y cuidado con productos profesionales. Consultamos contigo para crear un plan integral personalizado."
},
{
id: "7", title: "¿A partir de qué edad se recomienda?", content: "Es ideal desde los 30 años en adelante para prevención. También es efectiva a cualquier edad para tratamientos correctivos. Realizamos una consulta gratuita para determinar si es adecuada para ti."
},
{
id: "8", title: "¿Puedo hacerme radiofrecuencia si tengo acné o cicatrices?", content: "La radiofrecuencia puede mejorar la apariencia de cicatrices de acné. Sin embargo, si tienes acné activo, recomendamos esperar a que esté controlado. Consultamos contigo en profundidad para el mejor enfoque."
id: "6", title: "¿Es seguro el tratamiento para toda la piel?", content: "Sí, es seguro para la mayoría de los tipos de piel. Adaptamos la intensidad según tu tipo y sensibilidad. Evitamos ciertas condiciones como implantes metálicos o marcapasos. Siempre realizamos una consulta inicial para garantizar que seas candidato ideal para el tratamiento."
}
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-receiving-facial-spa-treatment-beauty-salon_1163-3933.jpg"
imageAlt="Tratamiento radiofrecuencia facial en Cloud Studio"
videoSrc="http://img.b2bpic.net/free-video/radiofrequency-facial-treatment_9234.mp4"
videoAriaLabel="Video del tratamiento facial con radiofrecuencia"
mediaAnimation="slide-up"
faqsAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
mediaPosition="left"
mediaPosition="right"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Contáctanos"
title="Reserva tu sesión de Radiofrecuencia Facial"
description="Suscríbete a nuestro newsletter para recibir consejos de cuidado facial, promociones exclusivas en radiofrecuencia y actualizaciones sobre nuevos tratamientos."
background={{ variant: "aurora" }}
tag="Reserva Ahora"
title="Rejuvenece tu piel con radiofrecuencia"
description="Experimenta la transformación no invasiva. Nuestra tecnología avanzada te ayudará a lograr una piel más firme, joven y radiante."
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
inputPlaceholder="tu@email.com"
buttonText="Suscribirse"
termsText="Al suscribirte aceptas recibir comunicaciones de Cloud Studio. Respetamos tu privacidad."
buttonText="Reservar Cita"
termsText="Al reservar aceptas recibir confirmación y detalles de tu cita. Respetamos tu privacidad."
/>
</div>
@@ -242,32 +105,41 @@ export default function RadiofrequencyFacialPage() {
columns={[
{
title: "Servicios", items: [
{ label: "Radiofrecuencia Facial", href: "/radiofrequency-facial" },
{ label: "Masaje Facial", href: "/facial-massage" },
{ label: "Maquillaje Profesional", href: "/" },
{ label: "Tratamientos Faciales", href: "/" }
{ label: "Uñas Acrílicas", href: "/acrylic-nails" },
{ label: "Lash Lifting", href: "/lash-lifting" },
{ label: "Manicura Semi-Permanente", href: "/semi-permanent-manicure" },
{ label: "Masajes de Relajación", href: "/relaxation-massage" }
]
},
{
title: "Productos", items: [
{ label: "iS Clinical", href: "/" },
{ label: "Centella's", href: "/" },
{ label: "Skincare Premium", href: "/" },
{ label: "Consulta Personalizada", href: "contact" }
]
},
{
title: "Empresa", items: [
{ label: "Sobre Nosotros", href: "/" },
{ label: "Testimonios", href: "#testimonials" },
{ label: "Preguntas Frecuentes", href: "#faq" },
{ label: "Contacto", href: "#contact" }
{ label: "Testimonios", href: "/" },
{ label: "Preguntas Frecuentes", href: "/" },
{ label: "Contacto", href: "contact" }
]
},
{
title: "Información", items: [
title: "Legal", items: [
{ label: "Política de Privacidad", href: "#" },
{ label: "Términos de Servicio", href: "#" },
{ label: "Política de Cancelación", href: "#" },
{ label: "Política de Cookies", href: "#" },
{ label: "Política de Devoluciones", href: "#" }
]
}
]}
copyrightText="© 2025 Cloud Studio. Todos los derechos reservados. Radiofrecuencia Facial - Belleza y bienestar integral."
copyrightText="© 2025 Cloud Studio. Todos los derechos reservados. Belleza y bienestar integral."
/>
</div>
</ThemeProvider>
);
}
}