Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 619ce026e0 | |||
| c71f9000ef | |||
| 2c17c8a713 | |||
| 4450d6c382 | |||
| 613052c22e | |||
| a42683246b |
345
src/app/page.tsx
345
src/app/page.tsx
@@ -1,284 +1,157 @@
|
|||||||
"use client";
|
"use client";
|
||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||||
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
|
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
||||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
||||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
|
||||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
import { Quote, Mail } from "lucide-react";
|
||||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
||||||
import { Star, Shield, Heart, Activity, Microscope, CheckCircle, Clock, Users, Award, Zap, Building2, Stethoscope, MessageCircle } from 'lucide-react';
|
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function Home() {
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="icon-arrow"
|
defaultButtonVariant="hover-magnetic"
|
||||||
defaultTextAnimation="background-highlight"
|
defaultTextAnimation="entrance-slide"
|
||||||
borderRadius="rounded"
|
borderRadius="rounded"
|
||||||
contentWidth="small"
|
contentWidth="medium"
|
||||||
sizing="mediumLarge"
|
sizing="medium"
|
||||||
background="blurBottom"
|
background="none"
|
||||||
cardStyle="glass-elevated"
|
cardStyle="solid"
|
||||||
primaryButtonStyle="flat"
|
primaryButtonStyle="gradient"
|
||||||
secondaryButtonStyle="solid"
|
secondaryButtonStyle="glass"
|
||||||
headingFontWeight="semibold"
|
headingFontWeight="semibold"
|
||||||
>
|
>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Inicio", id: "hero" },
|
{ name: "Inicio", id: "home" },
|
||||||
{ name: "Sobre Nosotros", id: "about" },
|
{ name: "Servicios", id: "servicios" },
|
||||||
{ name: "Servicios", id: "services" },
|
{ name: "Equipo", id: "equipo" },
|
||||||
{ name: "Contacto", id: "contact" },
|
{ name: "Contacto", id: "contacto" },
|
||||||
{ name: "Preguntas Frecuentes", id: "faq" }
|
|
||||||
]}
|
]}
|
||||||
|
button={{ text: "Agendar Cita", href: "contacto" }}
|
||||||
brandName="Diagnomed"
|
brandName="Diagnomed"
|
||||||
bottomLeftText="Las Heras 16, Ramos Mejía"
|
|
||||||
bottomRightText="📲 11 4914-9441"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="home" data-section="home">
|
||||||
<HeroBillboardDashboard
|
<HeroBillboardCarousel
|
||||||
title="Centro Médico y Diagnóstico por Imágenes en Ramos Mejía"
|
title="Centro Médico Diagnomed"
|
||||||
description="Más de 20 años de trayectoria brindando atención médica con trato humano y turnos ágiles. Especialistas en cardiología, traumatología, ecografías y más."
|
description="Más de 20 años brindando servicios de diagnóstico por imágenes y atención médica especializada en Ramos Mejía"
|
||||||
tag="⭐ ATENCIÓN IOMA 100%"
|
tag="Centro Médico"
|
||||||
tagIcon={Star}
|
background={{ variant: "plain" }}
|
||||||
tagAnimation="slide-up"
|
mediaItems={[
|
||||||
buttons={[
|
{
|
||||||
{ text: "📲 Pedir turno por WhatsApp", href: "https://wa.me/541149149441" },
|
imageSrc: "/images/clinic-interior-1.jpg", imageAlt: "Interior de la clínica Diagnomed"
|
||||||
{ text: "📞 Llamar ahora", href: "tel:4654-2801" }
|
},
|
||||||
|
{
|
||||||
|
imageSrc: "/images/clinic-interior-2.jpg", imageAlt: "Área de espera de la clínica"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
imageSrc: "/images/medical-equipment-1.jpg", imageAlt: "Equipo médico de diagnóstico"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
imageSrc: "/images/clinic-staff-1.jpg", imageAlt: "Personal médico de Diagnomed"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
imageSrc: "/images/clinic-exterior.jpg", imageAlt: "Fachada de la clínica Diagnomed"
|
||||||
|
},
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
|
||||||
background={{ variant: "radial-gradient" }}
|
|
||||||
dashboard={{
|
|
||||||
title: "Cobertura Médica", logoIcon: Shield,
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiqUXkDWYvQTAM7qN2rZTTXChS/uploaded-1773086860494-l4ns4b3o.jpg", buttons: [
|
|
||||||
{ text: "IOMA", href: "#" },
|
|
||||||
{ text: "OSPIT", href: "#" }
|
|
||||||
],
|
|
||||||
sidebarItems: [
|
|
||||||
{ icon: Heart },
|
|
||||||
{ icon: Activity },
|
|
||||||
{ icon: Microscope }
|
|
||||||
],
|
|
||||||
stats: [
|
|
||||||
{
|
|
||||||
title: "Años de Experiencia", values: [20, 20, 20],
|
|
||||||
description: "Brindando atención confiable"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Especialidades", values: [10, 10, 10],
|
|
||||||
description: "Profesionales especializados"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Turnos Ágiles", values: [95, 98, 97],
|
|
||||||
description: "Disponibles en pocos días"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
chartTitle: "Pacientes Satisfechos", chartData: [
|
|
||||||
{ value: 95 },
|
|
||||||
{ value: 98 },
|
|
||||||
{ value: 97 },
|
|
||||||
{ value: 99 },
|
|
||||||
{ value: 96 }
|
|
||||||
],
|
|
||||||
listTitle: "Coberturas", listItems: [
|
|
||||||
{ icon: CheckCircle, title: "IOMA", status: "Atención 100%" },
|
|
||||||
{ icon: CheckCircle, title: "OSPIT", status: "Atención completa" },
|
|
||||||
{ icon: CheckCircle, title: "PAMI", status: "Cobertura vigente" }
|
|
||||||
],
|
|
||||||
searchPlaceholder: "Buscar especialidad"
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
|
||||||
<MediaAbout
|
|
||||||
title="Diagnomed S.A. - Centro Médico de Confianza"
|
|
||||||
description="Centro médico y diagnóstico por imágenes ubicado en Ramos Mejía, Zona Oeste. Con más de 20 años de experiencia, brindamos estudios médicos y consultas con profesionales especializados, con atención rápida y trato humano.\n\n📍 Las Heras 16, Ramos Mejía – Provincia de Buenos Aires\n🕘 Abre a las 9:00 AM"
|
|
||||||
tag="Sobre Nosotros"
|
|
||||||
tagIcon={Building2}
|
|
||||||
tagAnimation="slide-up"
|
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "📍 Cómo llegar", href: "#" }
|
{ text: "Agendar Cita", href: "contacto" },
|
||||||
|
{ text: "Servicios", href: "servicios" },
|
||||||
]}
|
]}
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiqUXkDWYvQTAM7qN2rZTTXChS/uploaded-1773086860494-atnqj66e.jpg"
|
|
||||||
imageAlt="Equipo profesional de Diagnomed"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="services" data-section="services">
|
<div id="servicios" data-section="servicios">
|
||||||
<FeatureCardTwentyThree
|
<FeatureCardOne
|
||||||
title="Nuestros Servicios y Especialidades"
|
title="Nuestros Servicios"
|
||||||
description="Especialidades médicas y estudios de diagnóstico con profesionales de experiencia y turnos ágiles"
|
description="Contamos con equipos de última tecnología y profesionales especializados"
|
||||||
tag="Servicios Médicos"
|
tag="Servicios"
|
||||||
tagIcon={Stethoscope}
|
|
||||||
tagAnimation="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
animationType="slide-up"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "1", title: "Ecografías Especializadas", tags: ["Ginecológica", "Mamaria", "Abdominal"],
|
title: "Diagnóstico por Imágenes", description:
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/indian-medic-consulting-her-patient-medical-facility-copy-space_482257-118298.jpg?_wi=1", imageAlt: "Ecografías especializadas"
|
"Resonancia magnética, tomografía computada, radiografía digital y ecografía con tecnología de punta", imageSrc: "/images/diagnostic-imaging.jpg", imageAlt: "Equipos de diagnóstico por imágenes"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "2", title: "Servicios Cardiológicos", tags: ["Doppler Cardíaco", "Holter", "MAPA"],
|
title: "Atención Médica General", description:
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-office-equipped-with-diagnostic-tools-blood-pressure-monitor_482257-117002.jpg", imageAlt: "Servicios cardiológicos"
|
"Consultas médicas generales con profesionales experimentados y atención ágil", imageSrc: "/images/medical-consultation.jpg", imageAlt: "Consulta médica"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "3", title: "Diagnóstico por Imagen", tags: ["Radiografías", "Tecnología Moderna", "Rápidos"],
|
title: "Especialidades Médicas", description:
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-doctor-giving-ct-scan-patient_23-2149341505.jpg", imageAlt: "Diagnóstico por imagen"
|
"Acceso a diversos especialistas para diagnóstico y tratamiento integral", imageSrc: "/images/medical-specialties.jpg", imageAlt: "Especialidades médicas"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "4", title: "Especialidades Médicas", tags: ["Clínica Médica", "Traumatología", "Pediatría"],
|
title: "Cobertura IOMA", description:
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/indian-medic-consulting-her-patient-medical-facility-copy-space_482257-118298.jpg?_wi=2", imageAlt: "Especialidades médicas"
|
"Atención con cobertura de IOMA y otras obras sociales del estado", imageSrc: "/images/insurance-coverage.jpg", imageAlt: "Cobertura de seguros médicos"
|
||||||
}
|
},
|
||||||
]}
|
]}
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="why-us" data-section="why-us">
|
|
||||||
<MetricCardOne
|
|
||||||
title="Por Qué Elegir Diagnomed"
|
|
||||||
description="Razones por las que somos la opción de confianza para tu salud"
|
|
||||||
tag="Diferenciales"
|
|
||||||
tagIcon={Award}
|
|
||||||
tagAnimation="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
gridVariant="uniform-all-items-equal"
|
|
||||||
animationType="slide-up"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
metrics={[
|
|
||||||
{
|
|
||||||
id: "1", value: "20", title: "Años", description: "De trayectoria comprobada", icon: Clock
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2", value: "10", title: "Especialidades", description: "Profesionales con experiencia", icon: Users
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3", value: "100", title: "IOMA", description: "Atención certificada", icon: CheckCircle
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4", value: "95", title: "Turnos", description: "Disponibles en pocos días", icon: Zap
|
|
||||||
}
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
|
||||||
<TestimonialCardSixteen
|
|
||||||
title="Opiniones de Nuestros Pacientes"
|
|
||||||
description="Lo que dicen nuestros pacientes sobre la atención recibida"
|
|
||||||
tag="Testimonios"
|
|
||||||
tagIcon={Star}
|
|
||||||
tagAnimation="slide-up"
|
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
|
gridVariant="two-columns-alternating-heights"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
|
||||||
{
|
|
||||||
id: "1", name: "María González", role: "Paciente", company: "IOMA", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-work_23-2149622870.jpg"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2", name: "Carlos Rodríguez", role: "Paciente", company: "OSPIT", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3", name: "Ana Martínez", role: "Paciente", company: "Particular", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businesswoman-office_329181-19228.jpg"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4", name: "Roberto López", role: "Paciente", company: "PAMI", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-black-doctor-using-touchpad-nursing-home-looking-camera_637285-11401.jpg"
|
|
||||||
}
|
|
||||||
]}
|
|
||||||
kpiItems={[
|
|
||||||
{ value: "1000+", label: "Pacientes satisfechos" },
|
|
||||||
{ value: "98%", label: "Tasa de satisfacción" },
|
|
||||||
{ value: "20+", label: "Años de experiencia" }
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
<div id="equipo" data-section="equipo">
|
||||||
<ContactFaq
|
<TestimonialAboutCard
|
||||||
ctaTitle="Solicita Tu Turno Hoy"
|
tag="Sobre Nosotros"
|
||||||
ctaDescription="Conecta con nuestro equipo y reserva tu cita de forma rápida y segura"
|
title="Más de 20 años de experiencia y confianza en Ramos Mejía"
|
||||||
ctaButton={{ text: "📲 Pedir Turno por WhatsApp", href: "https://wa.me/541149149441" }}
|
description="Dr. Testimonio - Médico Radiólogo"
|
||||||
ctaIcon={MessageCircle}
|
subdescription="Diagnomed Centro Médico"
|
||||||
|
icon={Quote}
|
||||||
|
imageSrc="/images/about-diagnomed.jpg"
|
||||||
|
imageAlt="Centro Médico Diagnomed"
|
||||||
|
mediaAnimation="blur-reveal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
animationType="slide-up"
|
|
||||||
faqs={[
|
|
||||||
{
|
|
||||||
id: "1", title: "¿Atienden con IOMA?", content: "Sí, contamos con <strong>ATENCIÓN IOMA 100%</strong>. Somos un centro acreditado para brindar servicios a pacientes con cobertura IOMA."
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2", title: "¿Atienden PAMI, OSPIT y otros?", content: "Sí, atendemos <strong>PAMI</strong>, <strong>OSPIT</strong> y pacientes particulares. Contamos con múltiples coberturas para tu tranquilidad."
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3", title: "¿Cómo pido turno?", content: "Podés pedir turno de las siguientes formas:\n<ul style=\"margin-top: 8px; margin-left: 16px;\">\n<li>📞 Llamando al <strong>4654-2801</strong></li>\n<li>📲 Por WhatsApp al <strong>11 4914-9441</strong></li>\n<li>📝 Completando nuestro formulario de contacto</li>\n</ul>"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4", title: "¿Dónde están ubicados?", content: "<strong>Las Heras 16</strong>\nRamos Mejía – Provincia de Buenos Aires\n\nEstamos ubicados en la Zona Oeste, de fácil acceso desde toda la región."
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5", title: "¿La atención es con turno?", content: "Sí, la atención es con <strong>turno previo</strong>. Esto nos permite garantizar que recibas la mejor calidad de atención personalizada."
|
|
||||||
}
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="cta-final" data-section="cta-final">
|
<div id="contacto" data-section="contacto">
|
||||||
<MediaAbout
|
<ContactCTA
|
||||||
title="Tu Salud en Manos de Profesionales con Experiencia"
|
tag="Agendar Cita"
|
||||||
description="Solicitá tu turno hoy mismo y comienza tu camino hacia una mejor salud. En Diagnomed, tu bienestar es nuestra prioridad."
|
tagIcon={Mail}
|
||||||
|
title="¿Necesitas Atención Médica?"
|
||||||
|
description="Contáctanos ahora para agendar tu cita. Estamos aquí para cuidar tu salud con la mejor tecnología y profesionales especializados."
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "📲 Contactar por WhatsApp", href: "https://wa.me/541149149441" },
|
{ text: "Agendar Cita", href: "tel:+541234567890" },
|
||||||
{ text: "📞 Llamar Ahora", href: "tel:4654-2801" }
|
{ text: "Contactar", href: "mailto:info@diagnomed.com" },
|
||||||
]}
|
]}
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiqUXkDWYvQTAM7qN2rZTTXChS/uploaded-1773086860494-g9bzxhtu.png"
|
background={{ variant: "plain" }}
|
||||||
imageAlt="Equipo médico profesional"
|
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<FooterSimple
|
||||||
<FooterMedia
|
columns={[
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiqUXkDWYvQTAM7qN2rZTTXChS/uploaded-1773086860494-lo0pcmzn.png"
|
{
|
||||||
imageAlt="Mapa de ubicación Diagnomed"
|
title: "Información", items: [
|
||||||
logoText="Diagnomed S.A."
|
{ label: "Inicio", href: "#home" },
|
||||||
copyrightText="© 2025 Diagnomed S.A. | Todos los derechos reservados"
|
{ label: "Servicios", href: "#servicios" },
|
||||||
columns={[
|
{ label: "Equipo", href: "#equipo" },
|
||||||
{
|
{ label: "Contacto", href: "#contacto" },
|
||||||
title: "Centro Médico", items: [
|
],
|
||||||
{ label: "Contacto Rápido", href: "tel:4654-2801" },
|
},
|
||||||
{ label: "WhatsApp", href: "https://wa.me/541149149441" },
|
{
|
||||||
{ label: "Ubicación", href: "#about" }
|
title: "Legal", items: [
|
||||||
]
|
{ label: "Privacidad", href: "#" },
|
||||||
},
|
{ label: "Términos", href: "#" },
|
||||||
{
|
{ label: "IOMA", href: "#" },
|
||||||
title: "Servicios", items: [
|
],
|
||||||
{ label: "Especialidades", href: "#services" },
|
},
|
||||||
{ label: "Ecografías", href: "#services" },
|
{
|
||||||
{ label: "Cardiología", href: "#services" }
|
title: "Contacto", items: [
|
||||||
]
|
{ label: "Teléfono: (11) 1234-5678", href: "tel:+541234567890" },
|
||||||
},
|
{ label: "Email: info@diagnomed.com", href: "mailto:info@diagnomed.com" },
|
||||||
{
|
{ label: "Ramos Mejía, Buenos Aires", href: "#" },
|
||||||
title: "Legal", items: [
|
],
|
||||||
{ label: "Política de Privacidad", href: "#" },
|
},
|
||||||
{ label: "Términos de Servicio", href: "#" },
|
]}
|
||||||
{ label: "Preguntas Frecuentes", href: "#faq" }
|
bottomLeftText="© 2025 Diagnomed. Todos los derechos reservados."
|
||||||
]
|
bottomRightText="Centro Médico en Ramos Mejía"
|
||||||
}
|
/>
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user