Update src/app/page.tsx

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,109 @@ 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?_wi=1"
+          />
+        </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." }
+            ]}
+            videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DAujAIezCBOXOzBvzkKotBZLkv/uploaded-1779346144466-xtecqivd.png?_wi=2"
+            useInvertedBackground={false}
+          />
+        </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?_wi=3" },
+              { 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" }
+            ]}
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+          />
+        </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"
+            useInvertedBackground={false}
+          />
+        </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?_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" }
+            ]}
+            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" }]}
+            useInvertedBackground={false}
+          />
+        </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>
   );
-}
+}