Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 7f32c0bab1 | |||
| b778b42c5e | |||
| 0c56d0823c |
413
src/app/page.tsx
413
src/app/page.tsx
@@ -2,15 +2,15 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
import ContactText from '@/components/sections/contact/ContactText';
|
||||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -27,315 +27,108 @@ export default function LandingPage() {
|
|||||||
headingFontWeight="semibold"
|
headingFontWeight="semibold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingOverlay
|
<NavbarStyleApple
|
||||||
navItems={[
|
brandName="Dynasty EMS"
|
||||||
{
|
navItems={[
|
||||||
name: "Inicio",
|
{ name: "Inicio", id: "hero" },
|
||||||
id: "hero",
|
{ name: "Nosotros", id: "nosotros" },
|
||||||
},
|
{ name: "Servicios", id: "servicios" },
|
||||||
{
|
{ name: "Contacto", id: "contacto" },
|
||||||
name: "Servicios",
|
]}
|
||||||
id: "servicios",
|
/>
|
||||||
},
|
</div>
|
||||||
{
|
|
||||||
name: "Nosotros",
|
|
||||||
id: "nosotros",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contacto",
|
|
||||||
id: "contacto",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
brandName="Dynasty EMS"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplit
|
<HeroLogoBillboard
|
||||||
background={{
|
logoText="DYNASTY EMERGENCY MEDICAL SERVICES"
|
||||||
variant: "gradient-bars",
|
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" }]}
|
||||||
title="Bienvenidos a DYNASTY EMERGENCY"
|
background={{ variant: "gradient-bars" }}
|
||||||
description="Ofrecemos servicios de ambulancia 24/7. Nuestro enfoque se centra en la excelencia y la atención al cliente en Trujillo Alto."
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DAujAIezCBOXOzBvzkKotBZLkv/uploaded-1779346144466-xtecqivd.png?_wi=1"
|
||||||
buttons={[
|
/>
|
||||||
{
|
</div>
|
||||||
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="nosotros" data-section="nosotros">
|
<div id="nosotros" data-section="nosotros">
|
||||||
<SplitAbout
|
<TextSplitAbout
|
||||||
textboxLayout="split"
|
title="Compromiso con su bienestar"
|
||||||
useInvertedBackground={false}
|
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."]}
|
||||||
title="Compromiso Médico"
|
useInvertedBackground={false}
|
||||||
description="En Dynasty EMS, nuestra prioridad es la respuesta rápida y la atención humana certificada."
|
/>
|
||||||
bulletPoints={[
|
</div>
|
||||||
{
|
|
||||||
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="servicios" data-section="servicios">
|
<div id="servicios" data-section="servicios">
|
||||||
<FeatureCardSixteen
|
<FeatureCardTwentyOne
|
||||||
animationType="depth-3d"
|
title="Nuestras Capacidades"
|
||||||
textboxLayout="default"
|
description="Unidades especializadas categoría 3 para una respuesta rápida y segura."
|
||||||
useInvertedBackground={true}
|
accordionItems={[
|
||||||
negativeCard={{
|
{ id: "s1", title: "Medicina Pre-hospitalaria", content: "Atención inmediata y estabilización en el lugar de la emergencia." },
|
||||||
items: [
|
{ id: "s2", title: "Traslados Médicos", content: "Traslados inter-hospitalarios seguros con monitoreo continuo." },
|
||||||
"Servicios básicos",
|
{ id: "s3", title: "Cobertura de Eventos", content: "Seguridad médica profesional para eventos públicos y privados." }
|
||||||
"Esperas largas",
|
]}
|
||||||
],
|
videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DAujAIezCBOXOzBvzkKotBZLkv/uploaded-1779346144466-xtecqivd.png?_wi=2"
|
||||||
}}
|
useInvertedBackground={false}
|
||||||
positiveCard={{
|
/>
|
||||||
items: [
|
</div>
|
||||||
"Medicina pre hospitalaria",
|
|
||||||
"Traslados médicos",
|
|
||||||
"Cobertura de eventos",
|
|
||||||
"Alta hospitalaria",
|
|
||||||
],
|
|
||||||
}}
|
|
||||||
title="SERVICIOS"
|
|
||||||
description="Contamos con unidades especializadas para emergencias."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="stats" data-section="stats">
|
<div id="stats" data-section="stats">
|
||||||
<MetricCardTwo
|
<MetricCardEleven
|
||||||
animationType="slide-up"
|
title="Resultados en acción"
|
||||||
textboxLayout="split"
|
description="Nuestra eficacia es el pilar de la confianza de nuestra comunidad."
|
||||||
gridVariant="bento-grid"
|
metrics={[
|
||||||
useInvertedBackground={false}
|
{ 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?_wi=3" },
|
||||||
metrics={[
|
{ 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?_wi=4" }
|
||||||
{
|
]}
|
||||||
id: "m1",
|
animationType="slide-up"
|
||||||
value: "3+",
|
textboxLayout="default"
|
||||||
description: "Unidades Cat. 3",
|
useInvertedBackground={false}
|
||||||
},
|
/>
|
||||||
{
|
</div>
|
||||||
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="faq" data-section="faq">
|
<div id="faq" data-section="faq">
|
||||||
<FaqSplitText
|
<FaqDouble
|
||||||
useInvertedBackground={true}
|
title="Preguntas frecuentes"
|
||||||
faqs={[
|
description="Aquí aclaramos dudas comunes sobre nuestros servicios médicos."
|
||||||
{
|
faqs={[
|
||||||
id: "f1",
|
{ id: "faq1", title: "¿Qué servicios de emergencia realizan?", content: "Atención de emergencias pre-hospitalarias, traslados y cubiertas." },
|
||||||
title: "¿Operan 24/7?",
|
{ id: "faq2", title: "¿Cuál es su área de cobertura principal?", content: "Servicio enfocado en Trujillo Alto y áreas circundantes." }
|
||||||
content: "Sí, Dynasty EMS opera las 24 horas, los 7 días de la semana.",
|
]}
|
||||||
},
|
faqsAnimation="blur-reveal"
|
||||||
{
|
textboxLayout="split"
|
||||||
id: "f2",
|
useInvertedBackground={false}
|
||||||
title: "¿Qué áreas cubren?",
|
/>
|
||||||
content: "Nuestra base central está en Trujillo Alto.",
|
</div>
|
||||||
},
|
|
||||||
{
|
|
||||||
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="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardSixteen
|
<TestimonialCardTwelve
|
||||||
animationType="slide-up"
|
cardTitle="Lo que dicen nuestros pacientes"
|
||||||
textboxLayout="split"
|
cardTag="Confianza"
|
||||||
useInvertedBackground={false}
|
testimonials={[
|
||||||
testimonials={[
|
{ id: "test1", name: "Juan Pérez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DAujAIezCBOXOzBvzkKotBZLkv/uploaded-1779346144466-xtecqivd.png?_wi=5" },
|
||||||
{
|
{ id: "test2", name: "María García", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DAujAIezCBOXOzBvzkKotBZLkv/uploaded-1779346144466-xtecqivd.png?_wi=6" }
|
||||||
id: "t1",
|
]}
|
||||||
name: "Juan Pérez",
|
cardAnimation="slide-up"
|
||||||
role: "Paciente",
|
useInvertedBackground={true}
|
||||||
company: "Trujillo Alto",
|
/>
|
||||||
rating: 5,
|
</div>
|
||||||
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="contacto" data-section="contacto">
|
<div id="contacto" data-section="contacto">
|
||||||
<ContactCenter
|
<ContactText
|
||||||
useInvertedBackground={true}
|
text="¿Necesita asistencia médica o información sobre nuestros servicios? Contáctenos ahora."
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars",
|
buttons={[{ text: "Llamar Ahora", href: "tel:+17874008018" }]}
|
||||||
}}
|
useInvertedBackground={false}
|
||||||
tag="Contacto"
|
/>
|
||||||
title="Estamos aquí para ayudarle"
|
</div>
|
||||||
description="Llámenos al +1-787-400-8018 o visítenos en Trujillo Alto."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBaseCard
|
<FooterLogoEmphasis
|
||||||
logoText="DYNASTY EMS"
|
logoText="DYNASTY EMS"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ items: [{ label: "Trujillo Alto, PR", href: "#" }, { label: "+1-787-400-8018", href: "tel:+17874008018" }] }
|
||||||
title: "Contacto",
|
]}
|
||||||
items: [
|
/>
|
||||||
{
|
</div>
|
||||||
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>
|
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user