bender/51d51e46-49fa-4757-9e87-4b4412a8eee1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 5 commits from version_1 into main 2026-03-12 16:02:21 +00:00
Conversation 0 Commits 5 Files Changed 5 +115 -305
5 changed files with 115 additions and 305 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/app/contacto/page.tsx
View File

@@ -9,8 +9,7 @@ import FooterSimple from "@/components/sections/footer/FooterSimple";
export default function ContactPage() {
const footerColumns = [
{
title: "Navegación",
items: [
title: "Navegación", items: [
{ label: "Inicio", href: "/" },
{ label: "Nosotros", href: "/nosotros" },
{ label: "Servicios", href: "/servicios" },
@@ -18,8 +17,7 @@ export default function ContactPage() {
],
},
{
title: "Servicios",
items: [
title: "Servicios", items: [
{ label: "Examen Completo", href: "/servicios" },
{ label: "Cataratas", href: "/servicios" },
{ label: "Glaucoma", href: "/servicios" },
@@ -27,8 +25,7 @@ export default function ContactPage() {
],
},
{
title: "Contacto",
items: [
title: "Contacto", items: [
{ label: "Agendar Cita", href: "/contacto" },
{ label: "Correo", href: "mailto:info@fundacionocularis.org" },
{ label: "Teléfono", href: "tel:+528111234567" },
@@ -36,8 +33,7 @@ export default function ContactPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Política de Privacidad", href: "#" },
{ label: "Términos de Servicio", href: "#" },
{ label: "Aviso de Privacidad", href: "#" },
@@ -52,7 +48,7 @@ export default function ContactPage() {
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="mediumLarge"
background="noise"
background="circleGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="radial-glow"
@@ -76,47 +72,29 @@ export default function ContactPage() {
<FaqSplitMedia
faqs={[
{
id: "1",
title: "¿Cuánto cuesta una consulta?",
content: "Todas nuestras consultas oftalmológicas son completamente gratuitas. Somos una fundación sin fines de lucro que brinda cuidado visual especializado como labor social a la comunidad del sur de Nuevo León.",
},
id: "1", title: "¿Cuánto cuesta una consulta?", content: "Todas nuestras consultas oftalmológicas son completamente gratuitas. Somos una fundación sin fines de lucro que brinda cuidado visual especializado como labor social a la comunidad del sur de Nuevo León."},
{
id: "2",
title: "¿Cuál es el proceso para agendar una cita?",
content: "Puedes agendar tu cita a través de nuestro formulario de contacto en línea o llamando directamente a nuestras oficinas. Nos esforzamos por brindarte una cita lo antes posible. El tiempo de espera depende de la disponibilidad de nuestros especialistas.",
},
id: "2", title: "¿Cuál es el proceso para agendar una cita?", content: "Puedes agendar tu cita a través de nuestro formulario de contacto en línea o llamando directamente a nuestras oficinas. Nos esforzamos por brindarte una cita lo antes posible. El tiempo de espera depende de la disponibilidad de nuestros especialistas."},
{
id: "3",
title: "¿Qué incluye el examen oftalmológico?",
content: "Nuestro examen oftalmológico completo incluye revisión visual, medición de presión ocular, evaluación del fondo del ojo, y diagnóstico preciso de cualquier condición ocular. En la mayoría de casos, también proporcionamos medicamento gratuito.",
},
id: "3", title: "¿Qué incluye el examen oftalmológico?", content: "Nuestro examen oftalmológico completo incluye revisión visual, medición de presión ocular, evaluación del fondo del ojo, y diagnóstico preciso de cualquier condición ocular. En la mayoría de casos, también proporcionamos medicamento gratuito."},
{
id: "4",
title: "¿Son recetas para lentes?",
content: "Sí, nuestros especialistas pueden proporcionarte una receta para lentes correctivos si es necesario. Recomendamos que busques un óptico de confianza para la confección de tus lentes con la receta que te proporcionaremos.",
},
id: "4", title: "¿Son recetas para lentes?", content: "Sí, nuestros especialistas pueden proporcionarte una receta para lentes correctivos si es necesario. Recomendamos que busques un óptico de confianza para la confección de tus lentes con la receta que te proporcionaremos."},
{
id: "5",
title: "¿Qué debo traer a mi consulta?",
content: "Te recomendamos traer tu cédula de identidad o algún documento de identificación. Si tienes exámenes oftalmológicos previos, trae esa información también. No requieres preparación especial para tu cita.",
},
id: "5", title: "¿Qué debo traer a mi consulta?", content: "Te recomendamos traer tu cédula de identidad o algún documento de identificación. Si tienes exámenes oftalmológicos previos, trae esa información también. No requieres preparación especial para tu cita."},
{
id: "6",
title: "¿Atienden emergencias oftalmológicas?",
content: "Te recomendamos llamar directamente a nuestras oficinas para informar sobre emergencias. Haremos nuestro mejor esfuerzo para atenderte lo más rápido posible, dependiendo de la disponibilidad de nuestros especialistas.",
},
id: "6", title: "¿Atienden emergencias oftalmológicas?", content: "Te recomendamos llamar directamente a nuestras oficinas para informar sobre emergencias. Haremos nuestro mejor esfuerzo para atenderte lo más rápido posible, dependiendo de la disponibilidad de nuestros especialistas."},
]}
imageSrc="http://img.b2bpic.net/free-photo/doctor-patient-ophthalmologist-s-office_23-2150923330.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/doctor-patient-ophthalmologist-s-office_23-2150923330.jpg"
imageAlt="eye consultation patient doctor professional"
title="Preguntas Frecuentes"
description="Todo lo que necesitas saber sobre nuestros servicios y cómo acceder a ellos."
tag="Ayuda"
textboxLayout="default"
useInvertedBackground={false}
mediaAnimation="slide-up"
faqsAnimation="entrance-slide"
mediaAnimation="none"
faqsAnimation="none"
mediaPosition="left"
animationType="smooth"
animationType="instant"
/>
</div>
@@ -129,9 +107,9 @@ export default function ContactPage() {
{ text: "Agendar Ahora", href: "#contact-form" },
{ text: "Llamar a Oficinas", href: "tel:+528111234567" },
]}
background={{ variant: "noise" }}
background={{ variant: "plain" }}
useInvertedBackground={true}
buttonAnimation="entrance-slide"
buttonAnimation="none"
/>
</div>

52
src/app/nosotros/page.tsx
View File

@@ -19,8 +19,7 @@ export default function AboutPage() {
const footerColumns = [
{
title: "Navegación",
items: [
title: "Navegación", items: [
{ label: "Inicio", href: "/" },
{ label: "Nosotros", href: "/nosotros" },
{ label: "Servicios", href: "/#services" },
@@ -28,8 +27,7 @@ export default function AboutPage() {
],
},
{
title: "Servicios",
items: [
title: "Servicios", items: [
{ label: "Examen Completo", href: "/#services" },
{ label: "Cataratas", href: "/#services" },
{ label: "Glaucoma", href: "/#services" },
@@ -37,8 +35,7 @@ export default function AboutPage() {
],
},
{
title: "Contacto",
items: [
title: "Contacto", items: [
{ label: "Agendar Cita", href: "/nosotros#contact-cta" },
{ label: "Correo", href: "mailto:info@fundacionocularis.org" },
{ label: "Teléfono", href: "tel:+528111234567" },
@@ -46,8 +43,7 @@ export default function AboutPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Política de Privacidad", href: "#" },
{ label: "Términos de Servicio", href: "#" },
{ label: "Aviso de Privacidad", href: "#" },
@@ -62,7 +58,7 @@ export default function AboutPage() {
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="mediumLarge"
background="noise"
background="circleGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="radial-glow"
@@ -85,7 +81,7 @@ export default function AboutPage() {
title="Comprometidos con la Salud Visual de la Comunidad"
description="Fundación Ocularis nace de la visión compartida de un grupo de oftalmólogos subespecialistas que reconocen la necesidad urgente de cuidado oftalmológico accesible en el sur de Nuevo León. Voluntariamente dedicamos nuestro tiempo, conocimiento y recursos para combatir la ceguera prevenible y proporcionar diagnóstico experto a quienes más lo necesitan. Cada consulta es una oportunidad para cambiar vidas."
buttons={[{ text: "Conocer Nuestros Servicios", href: "/#services" }]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-with-glasses-posing-studio_23-2150169330.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-with-glasses-posing-studio_23-2150169330.jpg"
imageAlt="Equipo de oftalmólogos especializados de Fundación Ocularis"
useInvertedBackground={false}
/>
@@ -102,37 +98,13 @@ export default function AboutPage() {
gridVariant="three-columns-all-equal-width"
members={[
{
id: "1",
name: "Dr. Carlos Mendoza",
role: "Oftalmólogo Subespecialista",
description: "Especialista en cirugía de cataratas y correción refractiva. Graduado del Instituto de Oftalmología Nacional con amplia experiencia quirúrgica.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-specialist-with-medical-disposable-gloves-examining-patient-cabinet_482257-101358.jpg?_wi=2",
imageAlt: "Dr. Carlos Mendoza",
},
id: "1", name: "Dr. Carlos Mendoza", role: "Oftalmólogo Subespecialista", description: "Especialista en cirugía de cataratas y correción refractiva. Graduado del Instituto de Oftalmología Nacional con amplia experiencia quirúrgica.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-specialist-with-medical-disposable-gloves-examining-patient-cabinet_482257-101358.jpg", imageAlt: "Dr. Carlos Mendoza"},
{
id: "2",
name: "Dra. María García",
role: "Especialista en Retina",
description: "Experta en retinopatía diabética y enfermedades de retina. Formación internacional en hospitales de prestigio europeos.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-away-with-crossed-arms-white-t-shirt-glasses_176474-12506.jpg?_wi=2",
imageAlt: "Dra. María García",
},
id: "2", name: "Dra. María García", role: "Especialista en Retina", description: "Experta en retinopatía diabética y enfermedades de retina. Formación internacional en hospitales de prestigio europeos.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-away-with-crossed-arms-white-t-shirt-glasses_176474-12506.jpg", imageAlt: "Dra. María García"},
{
id: "3",
name: "Dr. Roberto Flores",
role: "Especialista en Glaucoma",
description: "Dedicado al diagnóstico y tratamiento del glaucoma. Investigador activo y educador en oftalmología clínica.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-eye-specialist-posing-with-glasses_23-2148429590.jpg?_wi=2",
imageAlt: "Dr. Roberto Flores",
},
id: "3", name: "Dr. Roberto Flores", role: "Especialista en Glaucoma", description: "Dedicado al diagnóstico y tratamiento del glaucoma. Investigador activo y educador en oftalmología clínica.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-eye-specialist-posing-with-glasses_23-2148429590.jpg", imageAlt: "Dr. Roberto Flores"},
{
id: "4",
name: "Dra. Ana Rodríguez",
role: "Oftalmóloga General",
description: "Especialista en exámenes oftalmológicos completos y diagnóstico de patologías oculares. Enfoque en atención preventiva.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-mask-dentistry-concept-dental-treatment_169016-67113.jpg?_wi=2",
imageAlt: "Dra. Ana Rodríguez",
},
id: "4", name: "Dra. Ana Rodríguez", role: "Oftalmóloga General", description: "Especialista en exámenes oftalmológicos completos y diagnóstico de patologías oculares. Enfoque en atención preventiva.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-mask-dentistry-concept-dental-treatment_169016-67113.jpg", imageAlt: "Dra. Ana Rodríguez"},
]}
/>
</div>
@@ -146,9 +118,9 @@ export default function AboutPage() {
{ text: "Agendar Consulta", href: "mailto:info@fundacionocularis.org" },
{ text: "Regresar al Inicio", href: "/" },
]}
background={{ variant: "noise" }}
background={{ variant: "plain" }}
useInvertedBackground={true}
buttonAnimation="entrance-slide"
buttonAnimation="none"
/>
</div>

186
src/app/page.tsx
View File

@@ -23,8 +23,7 @@ export default function HomePage() {
const footerColumns = [
{
title: "Navegación",
items: [
title: "Navegación", items: [
{ label: "Inicio", href: "/" },
{ label: "Nosotros", href: "/nosotros" },
{ label: "Servicios", href: "/#services" },
@@ -32,8 +31,7 @@ export default function HomePage() {
],
},
{
title: "Servicios",
items: [
title: "Servicios", items: [
{ label: "Examen Completo", href: "/#services" },
{ label: "Cataratas", href: "/#services" },
{ label: "Glaucoma", href: "/#services" },
@@ -41,8 +39,7 @@ export default function HomePage() {
],
},
{
title: "Contacto",
items: [
title: "Contacto", items: [
{ label: "Agendar Cita", href: "/#contact-cta" },
{ label: "Correo", href: "mailto:info@fundacionocularis.org" },
{ label: "Teléfono", href: "tel:+528111234567" },
@@ -50,8 +47,7 @@ export default function HomePage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Política de Privacidad", href: "#" },
{ label: "Términos de Servicio", href: "#" },
{ label: "Aviso de Privacidad", href: "#" },
@@ -66,7 +62,7 @@ export default function HomePage() {
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="mediumLarge"
background="noise"
background="circleGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="radial-glow"
@@ -91,12 +87,12 @@ export default function HomePage() {
{ text: "Agendar Cita Gratuita", href: "#contact-cta" },
{ text: "Conocer Servicios", href: "#services" },
]}
background={{ variant: "noise" }}
background={{ variant: "plain" }}
imageSrc="http://img.b2bpic.net/free-photo/ophthalmologist-doctor-consulting-patient_23-2150923352.jpg"
imageAlt="Consulta oftalmológica profesional"
mediaAnimation="slide-up"
mediaAnimation="none"
frameStyle="card"
buttonAnimation="entrance-slide"
buttonAnimation="none"
/>
</div>
@@ -106,7 +102,7 @@ export default function HomePage() {
title="Cuidado Oftalmológico Especializado al Servicio de la Comunidad"
description="Fundación Ocularis está integrada por oftalmólogos subespecialistas que voluntariamente ponen al servicio de la comunidad su tiempo y conocimiento. Cada consulta incluye un diagnóstico preciso, recomendaciones de cuidado y, en la mayoría de casos, medicamento gratuito para el paciente. Nuestra misión: combatir la ceguera en el norte de México."
buttons={[{ text: "Agendar Consulta", href: "#contact-cta" }]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-with-glasses-posing-studio_23-2150169330.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-with-glasses-posing-studio_23-2150169330.jpg"
imageAlt="Equipo de oftalmólogos especializados"
useInvertedBackground={false}
/>
@@ -119,53 +115,29 @@ export default function HomePage() {
tag="Servicios Especializados"
features={[
{
id: "1",
title: "Examen Oftalmológico Completo",
tags: ["Totalmente Gratuito", "Diagnóstico Preciso"],
imageSrc: "http://img.b2bpic.net/free-photo/doctor-patient-ophthalmologist-s-office_23-2150917646.jpg?_wi=1",
imageAlt: "Examen oftalmológico completo",
},
id: "1", title: "Examen Oftalmológico Completo", tags: ["Totalmente Gratuito", "Diagnóstico Preciso"],
imageSrc: "http://img.b2bpic.net/free-photo/doctor-patient-ophthalmologist-s-office_23-2150917646.jpg", imageAlt: "Examen oftalmológico completo"},
{
id: "2",
title: "Evaluación de Cataratas",
tags: ["Especializado", "Subespecialista"],
imageSrc: "http://img.b2bpic.net/free-photo/side-view-hand-holding-lens_23-2150758546.jpg?_wi=1",
imageAlt: "Evaluación de cataratas",
},
id: "2", title: "Evaluación de Cataratas", tags: ["Especializado", "Subespecialista"],
imageSrc: "http://img.b2bpic.net/free-photo/side-view-hand-holding-lens_23-2150758546.jpg", imageAlt: "Evaluación de cataratas"},
{
id: "3",
title: "Diagnóstico de Glaucoma",
tags: ["Detección Temprana", "Prevención"],
imageSrc: "http://img.b2bpic.net/free-photo/man-having-eye-sight-check-ophthalmology-clinic_23-2149082464.jpg?_wi=1",
imageAlt: "Diagnóstico de glaucoma",
},
id: "3", title: "Diagnóstico de Glaucoma", tags: ["Detección Temprana", "Prevención"],
imageSrc: "http://img.b2bpic.net/free-photo/man-having-eye-sight-check-ophthalmology-clinic_23-2149082464.jpg", imageAlt: "Diagnóstico de glaucoma"},
{
id: "4",
title: "Atención de Retinopatía Diabética",
tags: ["Cuidado Especializado", "Complicaciones Diabéticas"],
imageSrc: "http://img.b2bpic.net/free-photo/man-having-eye-sight-check_23-2149082436.jpg?_wi=1",
imageAlt: "Atención de retinopatía diabética",
},
id: "4", title: "Atención de Retinopatía Diabética", tags: ["Cuidado Especializado", "Complicaciones Diabéticas"],
imageSrc: "http://img.b2bpic.net/free-photo/man-having-eye-sight-check_23-2149082436.jpg", imageAlt: "Atención de retinopatía diabética"},
{
id: "5",
title: "Corrección de Errores Refractivos",
tags: ["Miopía, Hipermetropía", "Astigmatismo"],
imageSrc: "http://img.b2bpic.net/free-photo/cute-brunette-woman-taking-photo-herself_1301-5817.jpg?_wi=1",
imageAlt: "Corrección de errores refractivos",
},
id: "5", title: "Corrección de Errores Refractivos", tags: ["Miopía, Hipermetropía", "Astigmatismo"],
imageSrc: "http://img.b2bpic.net/free-photo/cute-brunette-woman-taking-photo-herself_1301-5817.jpg", imageAlt: "Corrección de errores refractivos"},
{
id: "6",
title: "Medicamentos Oftalmológicos Gratuitos",
tags: ["Disponible en Consulta", "Acceso Garantizado"],
imageSrc: "http://img.b2bpic.net/free-photo/contact-lenses-eyes-with-lens-liquid_185193-162015.jpg?_wi=1",
imageAlt: "Medicamentos oftalmológicos gratuitos",
},
id: "6", title: "Medicamentos Oftalmológicos Gratuitos", tags: ["Disponible en Consulta", "Acceso Garantizado"],
imageSrc: "http://img.b2bpic.net/free-photo/contact-lenses-eyes-with-lens-liquid_185193-162015.jpg", imageAlt: "Medicamentos oftalmológicos gratuitos"},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
buttons={[{ text: "Agendar Ahora", href: "#contact-cta" }]}
buttonAnimation="entrance-slide"
buttonAnimation="none"
/>
</div>
@@ -180,37 +152,13 @@ export default function HomePage() {
gridVariant="three-columns-all-equal-width"
members={[
{
id: "1",
name: "Dr. Carlos Mendoza",
role: "Oftalmólogo Subespecialista",
description: "Especialista en cirugía de cataratas y correción refractiva. Graduado del Instituto de Oftalmología Nacional.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-specialist-with-medical-disposable-gloves-examining-patient-cabinet_482257-101358.jpg?_wi=1",
imageAlt: "Dr. Carlos Mendoza",
},
id: "1", name: "Dr. Carlos Mendoza", role: "Oftalmólogo Subespecialista", description: "Especialista en cirugía de cataratas y correción refractiva. Graduado del Instituto de Oftalmología Nacional.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-specialist-with-medical-disposable-gloves-examining-patient-cabinet_482257-101358.jpg", imageAlt: "Dr. Carlos Mendoza"},
{
id: "2",
name: "Dra. María García",
role: "Especialista en Retina",
description: "Experta en retinopatía diabética y enfermedades de retina. Formación internacional en hospitales de prestigio.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-away-with-crossed-arms-white-t-shirt-glasses_176474-12506.jpg?_wi=1",
imageAlt: "Dra. María García",
},
id: "2", name: "Dra. María García", role: "Especialista en Retina", description: "Experta en retinopatía diabética y enfermedades de retina. Formación internacional en hospitales de prestigio.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-away-with-crossed-arms-white-t-shirt-glasses_176474-12506.jpg", imageAlt: "Dra. María García"},
{
id: "3",
name: "Dr. Roberto Flores",
role: "Especialista en Glaucoma",
description: "Dedicado al diagnóstico y tratamiento del glaucoma. Investigador y educador en oftalmología.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-eye-specialist-posing-with-glasses_23-2148429590.jpg?_wi=1",
imageAlt: "Dr. Roberto Flores",
},
id: "3", name: "Dr. Roberto Flores", role: "Especialista en Glaucoma", description: "Dedicado al diagnóstico y tratamiento del glaucoma. Investigador y educador en oftalmología.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-eye-specialist-posing-with-glasses_23-2148429590.jpg", imageAlt: "Dr. Roberto Flores"},
{
id: "4",
name: "Dra. Ana Rodríguez",
role: "Oftalmóloga General",
description: "Especialista en exámenes oftalmológicos completos y diagnóstico de patologías oculares comunes.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-mask-dentistry-concept-dental-treatment_169016-67113.jpg?_wi=1",
imageAlt: "Dra. Ana Rodríguez",
},
id: "4", name: "Dra. Ana Rodríguez", role: "Oftalmóloga General", description: "Especialista en exámenes oftalmológicos completos y diagnóstico de patologías oculares comunes.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-mask-dentistry-concept-dental-treatment_169016-67113.jpg", imageAlt: "Dra. Ana Rodríguez"},
]}
/>
</div>
@@ -225,41 +173,17 @@ export default function HomePage() {
animationType="slide-up"
testimonials={[
{
id: "1",
name: "Rosa María Sánchez",
role: "Jubilada",
company: "Monterrey",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-doctor-communicating-with-female-patient-supporting-her-before-ct-scan-examination-hospital_637285-363.jpg",
imageAlt: "Rosa María Sánchez",
},
id: "1", name: "Rosa María Sánchez", role: "Jubilada", company: "Monterrey", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-doctor-communicating-with-female-patient-supporting-her-before-ct-scan-examination-hospital_637285-363.jpg", imageAlt: "Rosa María Sánchez"},
{
id: "2",
name: "Juan Carlos López",
role: "Agricultor",
company: "Sur de Nuevo León",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-male-doctor-shaking-hands-with-senior-man-who-came-medical-appointment-with-his-wife_637285-1501.jpg",
imageAlt: "Juan Carlos López",
},
id: "2", name: "Juan Carlos López", role: "Agricultor", company: "Sur de Nuevo León", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-male-doctor-shaking-hands-with-senior-man-who-came-medical-appointment-with-his-wife_637285-1501.jpg", imageAlt: "Juan Carlos López"},
{
id: "3",
name: "María del Carmen Ruiz",
role: "Madre de Familia",
company: "Linares",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pharmacist-work_23-2150600111.jpg",
imageAlt: "María del Carmen Ruiz",
},
id: "3", name: "María del Carmen Ruiz", role: "Madre de Familia", company: "Linares", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pharmacist-work_23-2150600111.jpg", imageAlt: "María del Carmen Ruiz"},
{
id: "4",
name: "Pedro Iglesias",
role: "Profesor",
company: "Saltillo",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/this-is-my-way-relax_329181-1143.jpg",
imageAlt: "Pedro Iglesias",
},
id: "4", name: "Pedro Iglesias", role: "Profesor", company: "Saltillo", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/this-is-my-way-relax_329181-1143.jpg", imageAlt: "Pedro Iglesias"},
]}
kpiItems={[
{ value: "2,500+", label: "Pacientes Atendidos" },
@@ -276,43 +200,25 @@ export default function HomePage() {
tag="Ayuda"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
animationType="instant"
mediaPosition="left"
imageSrc="http://img.b2bpic.net/free-photo/doctor-patient-ophthalmologist-s-office_23-2150923330.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/doctor-patient-ophthalmologist-s-office_23-2150923330.jpg"
imageAlt="Consulta oftalmológica en Fundación Ocularis"
mediaAnimation="slide-up"
faqsAnimation="entrance-slide"
mediaAnimation="none"
faqsAnimation="none"
faqs={[
{
id: "1",
title: "¿Cuánto cuesta una consulta?",
content: "Todas nuestras consultas oftalmológicas son completamente gratuitas. Somos una fundación sin fines de lucro que brinda cuidado visual especializado como labor social a la comunidad del sur de Nuevo León.",
},
id: "1", title: "¿Cuánto cuesta una consulta?", content: "Todas nuestras consultas oftalmológicas son completamente gratuitas. Somos una fundación sin fines de lucro que brinda cuidado visual especializado como labor social a la comunidad del sur de Nuevo León."},
{
id: "2",
title: "¿Cuál es el proceso para agendar una cita?",
content: "Puedes agendar tu cita a través de nuestro formulario de contacto en línea o llamando directamente a nuestras oficinas. Nos esforzamos por brindarte una cita lo antes posible. El tiempo de espera depende de la disponibilidad de nuestros especialistas.",
},
id: "2", title: "¿Cuál es el proceso para agendar una cita?", content: "Puedes agendar tu cita a través de nuestro formulario de contacto en línea o llamando directamente a nuestras oficinas. Nos esforzamos por brindarte una cita lo antes posible. El tiempo de espera depende de la disponibilidad de nuestros especialistas."},
{
id: "3",
title: "¿Qué incluye el examen oftalmológico?",
content: "Nuestro examen oftalmológico completo incluye revisión visual, medición de presión ocular, evaluación del fondo del ojo, y diagnóstico preciso de cualquier condición ocular. En la mayoría de casos, también proporcionamos medicamento gratuito.",
},
id: "3", title: "¿Qué incluye el examen oftalmológico?", content: "Nuestro examen oftalmológico completo incluye revisión visual, medición de presión ocular, evaluación del fondo del ojo, y diagnóstico preciso de cualquier condición ocular. En la mayoría de casos, también proporcionamos medicamento gratuito."},
{
id: "4",
title: "¿Son recetas para lentes?",
content: "Sí, nuestros especialistas pueden proporcionarte una receta para lentes correctivos si es necesario. Recomendamos que busques un óptico de confianza para la confección de tus lentes con la receta que te proporcionaremos.",
},
id: "4", title: "¿Son recetas para lentes?", content: "Sí, nuestros especialistas pueden proporcionarte una receta para lentes correctivos si es necesario. Recomendamos que busques un óptico de confianza para la confección de tus lentes con la receta que te proporcionaremos."},
{
id: "5",
title: "¿Qué debo traer a mi consulta?",
content: "Te recomendamos traer tu cédula de identidad o algún documento de identificación. Si tienes exámenes oftalmológicos previos, trae esa información también. No requieres preparación especial para tu cita.",
},
id: "5", title: "¿Qué debo traer a mi consulta?", content: "Te recomendamos traer tu cédula de identidad o algún documento de identificación. Si tienes exámenes oftalmológicos previos, trae esa información también. No requieres preparación especial para tu cita."},
{
id: "6",
title: "¿Atienden emergencias oftalmológicas?",
content: "Te recomendamos llamar directamente a nuestras oficinas para informar sobre emergencias. Haremos nuestro mejor esfuerzo para atenderte lo más rápido posible, dependiendo de la disponibilidad de nuestros especialistas.",
},
id: "6", title: "¿Atienden emergencias oftalmológicas?", content: "Te recomendamos llamar directamente a nuestras oficinas para informar sobre emergencias. Haremos nuestro mejor esfuerzo para atenderte lo más rápido posible, dependiendo de la disponibilidad de nuestros especialistas."},
]}
/>
</div>
@@ -326,9 +232,9 @@ export default function HomePage() {
{ text: "Agendar Ahora", href: "mailto:info@fundacionocularis.org" },
{ text: "Llamar a Oficinas", href: "tel:+528111234567" },
]}
background={{ variant: "noise" }}
background={{ variant: "plain" }}
useInvertedBackground={true}
buttonAnimation="entrance-slide"
buttonAnimation="none"
/>
</div>

68
src/app/servicios/page.tsx
View File

@@ -18,8 +18,7 @@ export default function ServicesPage() {
const footerColumns = [
{
title: "Navegación",
items: [
title: "Navegación", items: [
{ label: "Inicio", href: "/" },
{ label: "Nosotros", href: "/nosotros" },
{ label: "Servicios", href: "/servicios" },
@@ -27,8 +26,7 @@ export default function ServicesPage() {
],
},
{
title: "Servicios",
items: [
title: "Servicios", items: [
{ label: "Examen Completo", href: "/servicios" },
{ label: "Cataratas", href: "/servicios" },
{ label: "Glaucoma", href: "/servicios" },
@@ -36,8 +34,7 @@ export default function ServicesPage() {
],
},
{
title: "Contacto",
items: [
title: "Contacto", items: [
{ label: "Agendar Cita", href: "/contacto" },
{ label: "Correo", href: "mailto:info@fundacionocularis.org" },
{ label: "Teléfono", href: "tel:+528111234567" },
@@ -45,8 +42,7 @@ export default function ServicesPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Política de Privacidad", href: "#" },
{ label: "Términos de Servicio", href: "#" },
{ label: "Aviso de Privacidad", href: "#" },
@@ -61,7 +57,7 @@ export default function ServicesPage() {
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="mediumLarge"
background="noise"
background="circleGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="radial-glow"
@@ -85,47 +81,23 @@ export default function ServicesPage() {
<FeatureCardTwentyThree
features={[
{
id: "1",
title: "Examen Oftalmológico Completo",
tags: ["Totalmente Gratuito", "Diagnóstico Preciso"],
imageSrc: "http://img.b2bpic.net/free-photo/doctor-patient-ophthalmologist-s-office_23-2150917646.jpg?_wi=2",
imageAlt: "eye exam examination testing machine",
},
id: "1", title: "Examen Oftalmológico Completo", tags: ["Totalmente Gratuito", "Diagnóstico Preciso"],
imageSrc: "http://img.b2bpic.net/free-photo/doctor-patient-ophthalmologist-s-office_23-2150917646.jpg", imageAlt: "eye exam examination testing machine"},
{
id: "2",
title: "Evaluación de Cataratas",
tags: ["Especializado", "Subespecialista"],
imageSrc: "http://img.b2bpic.net/free-photo/side-view-hand-holding-lens_23-2150758546.jpg?_wi=2",
imageAlt: "cataract surgery equipment modern",
},
id: "2", title: "Evaluación de Cataratas", tags: ["Especializado", "Subespecialista"],
imageSrc: "http://img.b2bpic.net/free-photo/side-view-hand-holding-lens_23-2150758546.jpg", imageAlt: "cataract surgery equipment modern"},
{
id: "3",
title: "Diagnóstico de Glaucoma",
tags: ["Detección Temprana", "Prevención"],
imageSrc: "http://img.b2bpic.net/free-photo/man-having-eye-sight-check-ophthalmology-clinic_23-2149082464.jpg?_wi=2",
imageAlt: "glaucoma eye pressure testing measurement",
},
id: "3", title: "Diagnóstico de Glaucoma", tags: ["Detección Temprana", "Prevención"],
imageSrc: "http://img.b2bpic.net/free-photo/man-having-eye-sight-check-ophthalmology-clinic_23-2149082464.jpg", imageAlt: "glaucoma eye pressure testing measurement"},
{
id: "4",
title: "Atención de Retinopatía Diabética",
tags: ["Cuidado Especializado", "Complicaciones Diabéticas"],
imageSrc: "http://img.b2bpic.net/free-photo/man-having-eye-sight-check_23-2149082436.jpg?_wi=2",
imageAlt: "retinal examination fundus imaging",
},
id: "4", title: "Atención de Retinopatía Diabética", tags: ["Cuidado Especializado", "Complicaciones Diabéticas"],
imageSrc: "http://img.b2bpic.net/free-photo/man-having-eye-sight-check_23-2149082436.jpg", imageAlt: "retinal examination fundus imaging"},
{
id: "5",
title: "Corrección de Errores Refractivos",
tags: ["Miopía, Hipermetropía", "Astigmatismo"],
imageSrc: "http://img.b2bpic.net/free-photo/cute-brunette-woman-taking-photo-herself_1301-5817.jpg?_wi=2",
imageAlt: "refraction testing eyeglasses prescription",
},
id: "5", title: "Corrección de Errores Refractivos", tags: ["Miopía, Hipermetropía", "Astigmatismo"],
imageSrc: "http://img.b2bpic.net/free-photo/cute-brunette-woman-taking-photo-herself_1301-5817.jpg", imageAlt: "refraction testing eyeglasses prescription"},
{
id: "6",
title: "Medicamentos Oftalmológicos Gratuitos",
tags: ["Disponible en Consulta", "Acceso Garantizado"],
imageSrc: "http://img.b2bpic.net/free-photo/contact-lenses-eyes-with-lens-liquid_185193-162015.jpg?_wi=2",
imageAlt: "eye drops medications pharmaceutical",
},
id: "6", title: "Medicamentos Oftalmológicos Gratuitos", tags: ["Disponible en Consulta", "Acceso Garantizado"],
imageSrc: "http://img.b2bpic.net/free-photo/contact-lenses-eyes-with-lens-liquid_185193-162015.jpg", imageAlt: "eye drops medications pharmaceutical"},
]}
animationType="slide-up"
title="Nuestros Servicios"
@@ -134,7 +106,7 @@ export default function ServicesPage() {
textboxLayout="default"
useInvertedBackground={true}
buttons={[{ text: "Agendar Ahora", href: "/contacto" }]}
buttonAnimation="entrance-slide"
buttonAnimation="none"
/>
</div>
@@ -147,9 +119,9 @@ export default function ServicesPage() {
{ text: "Agendar Ahora", href: "/contacto" },
{ text: "Llamar a Oficinas", href: "tel:+528111234567" },
]}
background={{ variant: "noise" }}
background={{ variant: "plain" }}
useInvertedBackground={true}
buttonAnimation="entrance-slide"
buttonAnimation="none"
/>
</div>

58
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,33 @@
"use client";
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
import React from "react";
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
text: string;
size?: number;
className?: string;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
export default function SvgTextLogo({
text,
size = 100,
className = ""}: SvgTextLogoProps) {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
viewBox={`0 0 ${text.length * 60} 120`}
width={size}
height={size * 0.5}
className={className}
>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
x="50%"
y="50%"
dominantBaseline="middle"
textAnchor="middle"
fontSize="72"
fontWeight="bold"
fill="currentColor"
>
{logoText}
{text}
</text>
</svg>
);
});
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
}