Merge version_5 into main

Merge version_5 into main

src/app/page.tsx

@@ -6,7 +6,7 @@ import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
+import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import SplitAbout from '@/components/sections/about/SplitAbout';
@@ -47,7 +47,7 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
+      <HeroSplitDoubleCarousel
       background={{
         variant: "radial-gradient"}}
       title="Tu sonrisa merece el mejor cuidado"
@@ -60,13 +60,15 @@ export default function LandingPage() {
         {
           text: "Ver Instagram",          href: "https://www.instagram.com/drjackson.odontologia/"}
       ]}
-      mediaItems={[
+      leftCarouselItems={[
         {
           imageSrc: "http://img.b2bpic.net/free-photo/professional-dentist-tools-chair-dental-office_1204-394.jpg",          imageAlt: "Modern dental clinic interior"},
         {
           imageSrc: "http://img.b2bpic.net/free-photo/man-dentist-s-appointment_1321-4592.jpg",          imageAlt: "Dental tools on a tray"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-dental-clinic_107420-74179.jpg",          imageAlt: "Happy patient with a healthy smile"},
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-dental-clinic_107420-74179.jpg",          imageAlt: "Happy patient with a healthy smile"}
+      ]}
+      rightCarouselItems={[
         {
           imageSrc: "http://img.b2bpic.net/free-photo/male-dentist-explaining-teeth-x-ray-screen-female-patient-lying-dentist-chair_23-2147879120.jpg",          imageAlt: "Dentist explaining an x-ray to a patient"},
         {
@@ -249,4 +251,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #1a1a1a;
-  --primary-cta: #c9a84c;
-  --primary-cta-text: #0a4a4a;
-  --secondary-cta: #0a4a4a;
-  --secondary-cta-text: #ffffff;
-  --accent: #d4eaea;
-  --background-accent: #f7f5f0;
+  --background: #1a1a1a;
+  --card: #282828;
+  --foreground: #fffefe;
+  --primary-cta: #f7fbff;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #3a3a3a;
+  --secondary-cta-text: #e0e0e0;
+  --accent: #8c8c8c;
+  --background-accent: #3a3a3a;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);