diff --git a/src/app/page.tsx b/src/app/page.tsx
index fbca452..58ca41e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,7 +29,7 @@ export default function HvacPage() {
       headingFontWeight="semibold"
     >
       <ReactLenis root>
-        <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav" className="bg-[#E7DFD1]">
           <NavbarLayoutFloatingInline
             brandName="Cartagena Pet Delivery"
             navItems={[
@@ -42,7 +42,7 @@ export default function HvacPage() {
           />
         </div>
 
-        <div id="hero" data-section="hero">
+        <div id="hero" data-section="hero" className="bg-[#E7DFD1]">
           <HeroOverlay
             title="Recordamos por ti."
             description="Nos encargamos de lo que tu mascota necesita, antes que lo necesite."
@@ -56,7 +56,7 @@ export default function HvacPage() {
           />
         </div>
 
-        <div id="features-comparison" data-section="features-comparison">
+        <div id="features-comparison" data-section="features-comparison" className="bg-[#0D1B2A] py-16">
           <FeatureCardSixteen
             title="Cuidar de tu mascota no debería sentirse como otra tarea más "
             description="Nosotros resolvemos esto: "
@@ -72,11 +72,11 @@ export default function HvacPage() {
                 "Entrega puntual", "Domicilio sin costo", "Seguimiento inteligente ", "Atención humana real", "Prioridad operativa"
               ]
             }}
-            useInvertedBackground={false}
+            useInvertedBackground={true}
           />
         </div>
 
-        <div id="services" data-section="services">
+        <div id="services" data-section="services" className="bg-[#E7DFD1] py-16">
           <FeatureCardOne
             title="Así debería sentirse cuidar de tu mascota "
             description="Sin urgencias, sin olvidos, sin interrupciones. Solo tranquilidad, sabiendo que todo siempre estará resuelto. "
@@ -94,13 +94,13 @@ export default function HvacPage() {
           />
         </div>
 
-        <div id="pricing" data-section="pricing">
+        <div id="pricing" data-section="pricing" className="bg-[#0D1B2A] py-16">
           <PricingCardNine
             title="Acceso "
             description="No todos necesitan lo mismo. Todos merecen tranquilidad. "
             animationType="slide-up"
             textboxLayout="default"
-            useInvertedBackground={false}
+            useInvertedBackground={true}
             plans={[
               { id: "p1", title: "Member ", price: "", period: "", features: ["Reposición de alimento ", "Entrega priorizada", "Historial de consumo ", "Atención directa"], button: { text: "WhatsApp", href: "https://wa.me/573011471991?text=Hola+quiero+aplicar+para+ser+Member" }, videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Czms1yk2v46cvWKFNhilmrsB4C/uploaded-1778468433990-xfk6xl78.mp4" },
               { id: "p2", title: "Pack Member", price: "", period: "", features: ["Seguimiento continuo ", "Prioridad en escasez ", "Kits anuales sorpresa ", "Mayor flexibilidad logistica ", "Atención preferente", "Relación personalizada", "( Disponibilidad limitada para mantener el estándar de servicio. ) "], button: { text: "WhatsApp", href: "https://wa.me/573011471991?text=Hola+quiero+aplicar+para+ser+Pack+Member" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Czms1yk2v46cvWKFNhilmrsB4C/uploaded-1778468481808-axoug16r.png" }
@@ -108,7 +108,7 @@ export default function HvacPage() {
           />
         </div>
 
-        <div id="testimonials" data-section="testimonials">
+        <div id="testimonials" data-section="testimonials" className="bg-[#E7DFD1] py-16">
           <TestimonialCardThirteen
             title="Lo que dicen nuestros clientes"
             description="La tranquilidad de saber que sus mascotas están bien nutridas"
@@ -124,7 +124,7 @@ export default function HvacPage() {
           />
         </div>
 
-        <div id="hero-carousel" data-section="hero-carousel">
+        <div id="hero-carousel" data-section="hero-carousel" className="bg-[#0D1B2A] py-16">
           <HeroBillboardCarousel
             title="Así se vive con nosotros "
             description="Momentos felices con nuestros miembros"
@@ -140,7 +140,7 @@ export default function HvacPage() {
           />
         </div>
         
-        <div id="faq" data-section="faq">
+        <div id="faq" data-section="faq" className="bg-[#E7DFD1] py-16">
           <FaqDouble
             title="Preguntas Frecuentes "
             description="Todo lo que necesitas saber sobre nuestro servicio "
@@ -157,7 +157,7 @@ export default function HvacPage() {
           />
         </div>
 
-        <div id="contact" data-section="contact">
+        <div id="contact" data-section="contact" className="bg-[#0D1B2A] py-16">
           <ContactCTA
             tag="Contacto "
             tagIcon={Phone}
@@ -168,11 +168,11 @@ export default function HvacPage() {
               { text: "Llamar 301 147 1991", href: "tel:3011471991" },
             ]}
             background={{ variant: "plain" }}
-            useInvertedBackground={false}
+            useInvertedBackground={true}
           />
         </div>
 
-        <div id="footer" data-section="footer">
+        <div id="footer" data-section="footer" className="bg-[#E7DFD1] py-8">
           <FooterMedia
             logoText="Cartagena Pet Delivery "
             imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-10.jpg?_wi=2"