diff --git a/src/app/page.tsx b/src/app/page.tsx
index dfae19c..5657dac 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,13 +1,12 @@
 "use client";
-import { ThemeProvider } from "@/components/providers/ThemeProvider";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
 import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
 import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
 import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
-import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
-import { Quote, Sparkles, Mail } from "lucide-react";
+import { Quote, Mail } from "lucide-react";
 
 export default function Home() {
   return (
@@ -23,16 +22,18 @@ export default function Home() {
       secondaryButtonStyle="glass"
       headingFontWeight="semibold"
     >
-      <NavbarStyleCentered
-        navItems={[
-          { name: "Inicio", id: "home" },
-          { name: "Servicios", id: "servicios" },
-          { name: "Equipo", id: "equipo" },
-          { name: "Contacto", id: "contacto" },
-        ]}
-        button={{ text: "Agendar Cita", href: "contacto" }}
-        brandName="Diagnomed"
-      />
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          navItems={[
+            { name: "Inicio", id: "home" },
+            { name: "Servicios", id: "servicios" },
+            { name: "Equipo", id: "equipo" },
+            { name: "Contacto", id: "contacto" },
+          ]}
+          button={{ text: "Agendar Cita", href: "contacto" }}
+          brandName="Diagnomed"
+        />
+      </div>
 
       <div id="home" data-section="home">
         <HeroBillboardCarousel
@@ -42,15 +43,20 @@ export default function Home() {
           background={{ variant: "plain" }}
           mediaItems={[
             {
-              imageSrc: "/images/clinic-interior-1.jpg",              imageAlt: "Interior de la clínica Diagnomed"},
+              imageSrc: "/images/clinic-interior-1.jpg",              imageAlt: "Interior de la clínica Diagnomed"
+            },
             {
-              imageSrc: "/images/clinic-interior-2.jpg",              imageAlt: "Área de espera de la clínica"},
+              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/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-staff-1.jpg",              imageAlt: "Personal médico de Diagnomed"
+            },
             {
-              imageSrc: "/images/clinic-exterior.jpg",              imageAlt: "Fachada de la clínica Diagnomed"},
+              imageSrc: "/images/clinic-exterior.jpg",              imageAlt: "Fachada de la clínica Diagnomed"
+            },
           ]}
           buttons={[
             { text: "Agendar Cita", href: "contacto" },
@@ -67,16 +73,20 @@ export default function Home() {
           features={[
             {
               title: "Diagnóstico por Imágenes",              description:
-                "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"},
+                "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"
+            },
             {
               title: "Atención Médica General",              description:
-                "Consultas médicas generales con profesionales experimentados y atención ágil",              imageSrc: "/images/medical-consultation.jpg",              imageAlt: "Consulta médica"},
+                "Consultas médicas generales con profesionales experimentados y atención ágil",              imageSrc: "/images/medical-consultation.jpg",              imageAlt: "Consulta médica"
+            },
             {
               title: "Especialidades Médicas",              description:
-                "Acceso a diversos especialistas para diagnóstico y tratamiento integral",              imageSrc: "/images/medical-specialties.jpg",              imageAlt: "Especialidades médicas"},
+                "Acceso a diversos especialistas para diagnóstico y tratamiento integral",              imageSrc: "/images/medical-specialties.jpg",              imageAlt: "Especialidades médicas"
+            },
             {
               title: "Cobertura IOMA",              description:
-                "Atención con cobertura de IOMA y otras obras sociales del estado",              imageSrc: "/images/insurance-coverage.jpg",              imageAlt: "Cobertura de seguros médicos"},
+                "Atención con cobertura de IOMA y otras obras sociales del estado",              imageSrc: "/images/insurance-coverage.jpg",              imageAlt: "Cobertura de seguros médicos"
+            },
           ]}
           textboxLayout="default"
           animationType="slide-up"