Merge version_2 into main #1
410
src/app/page.tsx
410
src/app/page.tsx
@@ -2,15 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -27,316 +27,104 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "servicios",
|
||||
},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "nosotros",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contacto",
|
||||
},
|
||||
]}
|
||||
brandName="Dynasty EMS"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Dynasty EMS"
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Nosotros", id: "nosotros" },
|
||||
{ name: "Servicios", id: "servicios" },
|
||||
{ name: "Contacto", id: "contacto" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Bienvenidos a DYNASTY EMERGENCY"
|
||||
description="Ofrecemos servicios de ambulancia 24/7. Nuestro enfoque se centra en la excelencia y la atención al cliente en Trujillo Alto."
|
||||
buttons={[
|
||||
{
|
||||
text: "Nuestros Servicios",
|
||||
href: "#servicios",
|
||||
},
|
||||
{
|
||||
text: "Contáctenos",
|
||||
href: "#contacto",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-dentist-nurse-holding-tablet-with-digital-radiography-while-doctor-is-working-with-patient-background-examining-teeth-problem-sitting-stomatological-chair-dental-clinic_482257-13467.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/engineer-data-center-using-tablet-prevent-system-overload-close-up-employee-server-room-ensuring-there-is-enough-network-connectivity-smooth-operations-blurry-background_482257-72822.jpg",
|
||||
alt: "Doctor profile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-chemist-checking-bottle-pills-chemistry-tools-working-late-medical-researching_482257-541.jpg",
|
||||
alt: "Medic profile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pediatrician-nurse-with-protective-face-mask-against-covid19-holding-tablet-computer-with-bones-radiography-screen-african-american-doctor-explaining-medical-expertise-hospital-office_482257-30351.jpg",
|
||||
alt: "Nurse profile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-patient-with-neck-collar-explaining-symptoms-physician-doctor-asking-painkillers-hospital-waiting-area-injured-man-with-cervical-foam-waiting-attend-checkup-visit-consultation_482257-61796.jpg",
|
||||
alt: "Expert profile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/paramedics-examining-injured-boy_107420-63746.jpg",
|
||||
alt: "Staff profile",
|
||||
},
|
||||
]}
|
||||
avatarText="Equipo médico certificado"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Atención 24/7",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Unidades Cat 3",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Respuesta Inmediata",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tecnología Avanzada",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Calidad Humana",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
logoText="DYNASTY EMERGENCY MEDICAL SERVICES"
|
||||
description="Servicios de emergencia médica de élite y traslados certificados 24/7 en Trujillo Alto. Excelencia en medicina pre-hospitalaria."
|
||||
buttons={[{ text: "Nuestros Servicios", href: "#servicios" }, { text: "Contáctenos", href: "#contacto" }]}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DAujAIezCBOXOzBvzkKotBZLkv/uploaded-1779346144466-xtecqivd.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="nosotros" data-section="nosotros">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Compromiso Médico"
|
||||
description="En Dynasty EMS, nuestra prioridad es la respuesta rápida y la atención humana certificada."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Respuesta 24/7",
|
||||
description: "Disponibilidad total en Trujillo Alto.",
|
||||
},
|
||||
{
|
||||
title: "Categoría 3",
|
||||
description: "Unidades equipadas con última tecnología.",
|
||||
},
|
||||
{
|
||||
title: "Personal Certificado",
|
||||
description: "Profesionales altamente capacitados.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/doctor-talking-paramedic-corridor_107420-63728.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="nosotros" data-section="nosotros">
|
||||
<TextSplitAbout
|
||||
title="Compromiso con su bienestar"
|
||||
description={["Dynasty EMS surge de la necesidad de ofrecer un servicio de emergencias médicas confiable, rápido y con trato humano en Trujillo Alto.", "Contamos con equipo médico de vanguardia y personal certificado bajo las normativas más estrictas de salud pre-hospitalaria."]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="servicios" data-section="servicios">
|
||||
<FeatureCardSixteen
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Servicios básicos",
|
||||
"Esperas largas",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Medicina pre hospitalaria",
|
||||
"Traslados médicos",
|
||||
"Cobertura de eventos",
|
||||
"Alta hospitalaria",
|
||||
],
|
||||
}}
|
||||
title="SERVICIOS"
|
||||
description="Contamos con unidades especializadas para emergencias."
|
||||
/>
|
||||
</div>
|
||||
<div id="servicios" data-section="servicios">
|
||||
<FeatureCardTwentyOne
|
||||
title="Nuestras Capacidades"
|
||||
description="Unidades especializadas categoría 3 para una respuesta rápida y segura."
|
||||
accordionItems={[
|
||||
{ id: "s1", title: "Medicina Pre-hospitalaria", content: "Atención inmediata y estabilización en el lugar de la emergencia." },
|
||||
{ id: "s2", title: "Traslados Médicos", content: "Traslados inter-hospitalarios seguros con monitoreo continuo." },
|
||||
{ id: "s3", title: "Cobertura de Eventos", content: "Seguridad médica profesional para eventos públicos y privados." }
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DAujAIezCBOXOzBvzkKotBZLkv/uploaded-1779346144466-xtecqivd.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="stats" data-section="stats">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "3+",
|
||||
description: "Unidades Cat. 3",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
description: "Disponibilidad",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Compromiso",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "1+",
|
||||
description: "Años de servicio",
|
||||
},
|
||||
]}
|
||||
title="Nuestra Trayectoria"
|
||||
description="Resultados que respaldan nuestro compromiso."
|
||||
/>
|
||||
</div>
|
||||
<div id="stats" data-section="stats">
|
||||
<MetricCardEleven
|
||||
title="Resultados en acción"
|
||||
description="Nuestra eficacia es el pilar de la confianza de nuestra comunidad."
|
||||
metrics={[
|
||||
{ id: "met1", value: "24/7", title: "Operatividad", description: "Siempre disponibles para usted.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DAujAIezCBOXOzBvzkKotBZLkv/uploaded-1779346144466-xtecqivd.png" },
|
||||
{ id: "met2", value: "Cat 3", title: "Equipamiento", description: "Unidades avanzadas.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DAujAIezCBOXOzBvzkKotBZLkv/uploaded-1779346144466-xtecqivd.png" }
|
||||
]}
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "¿Operan 24/7?",
|
||||
content: "Sí, Dynasty EMS opera las 24 horas, los 7 días de la semana.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "¿Qué áreas cubren?",
|
||||
content: "Nuestra base central está en Trujillo Alto.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "¿Qué tipo de unidades tienen?",
|
||||
content: "Contamos con ambulancias categoría 3 totalmente equipadas.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Preguntas Frecuentes"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="Preguntas frecuentes"
|
||||
description="Aquí aclaramos dudas comunes sobre nuestros servicios médicos."
|
||||
faqs={[
|
||||
{ id: "faq1", title: "¿Qué servicios de emergencia realizan?", content: "Atención de emergencias pre-hospitalarias, traslados y cubiertas." },
|
||||
{ id: "faq2", title: "¿Cuál es su área de cobertura principal?", content: "Servicio enfocado en Trujillo Alto y áreas circundantes." }
|
||||
]}
|
||||
faqsAnimation="blur-reveal"
|
||||
textboxLayout="split"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Juan Pérez",
|
||||
role: "Paciente",
|
||||
company: "Trujillo Alto",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paramedics-examining-injured-boy_107420-63746.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Maria García",
|
||||
role: "Familiar",
|
||||
company: "San Juan",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paramedics-work-with-ambulance-paramedic-nurse-emergency-doctor-ambulance-with-kit_657921-1425.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Carlos Ruiz",
|
||||
role: "Paciente",
|
||||
company: "Trujillo Alto",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-paramedics-taking-break-ambulance-outdoor-waiting-call_657921-1467.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Ana López",
|
||||
role: "Paciente",
|
||||
company: "Carolina",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-paramedics-moving-ambulance-stretcher-from-car-paramedics-uniform-taking-stretcher-out-ambulance-car_657921-1479.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Pedro Díaz",
|
||||
role: "Paciente",
|
||||
company: "Trujillo Alto",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-patient-with-neck-collar-explaining-symptoms-physician-doctor-asking-painkillers-hospital-waiting-area-injured-man-with-cervical-foam-waiting-attend-checkup-visit-consultation_482257-61796.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "98%",
|
||||
label: "Satisfacción",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Respuesta",
|
||||
},
|
||||
{
|
||||
value: "100+",
|
||||
label: "Atenciones",
|
||||
},
|
||||
]}
|
||||
title="Testimonios"
|
||||
description="La confianza de nuestros pacientes nos motiva a seguir mejorando."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
cardTitle="Lo que dicen nuestros pacientes"
|
||||
cardTag="Confianza"
|
||||
testimonials={[
|
||||
{ id: "test1", name: "Juan Pérez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DAujAIezCBOXOzBvzkKotBZLkv/uploaded-1779346144466-xtecqivd.png" },
|
||||
{ id: "test2", name: "María García", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DAujAIezCBOXOzBvzkKotBZLkv/uploaded-1779346144466-xtecqivd.png" }
|
||||
]}
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contacto" data-section="contacto">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Contacto"
|
||||
title="Estamos aquí para ayudarle"
|
||||
description="Llámenos al +1-787-400-8018 o visítenos en Trujillo Alto."
|
||||
/>
|
||||
</div>
|
||||
<div id="contacto" data-section="contacto">
|
||||
<ContactText
|
||||
text="¿Necesita asistencia médica o información sobre nuestros servicios? Contáctenos ahora."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
buttons={[{ text: "Llamar Ahora", href: "tel:+17874008018" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="DYNASTY EMS"
|
||||
columns={[
|
||||
{
|
||||
title: "Contacto",
|
||||
items: [
|
||||
{
|
||||
label: "+1-787-400-8018",
|
||||
href: "tel:+17874008018",
|
||||
},
|
||||
{
|
||||
label: "info@dynastyemspr.com",
|
||||
href: "mailto:info@dynastyemspr.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Información",
|
||||
items: [
|
||||
{
|
||||
label: "Trujillo Alto, PR 00977",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Política de Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="DYNASTY EMS"
|
||||
columns={[
|
||||
{ items: [{ label: "Trujillo Alto, PR", href: "#" }, { label: "+1-787-400-8018", href: "tel:+17874008018" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user