Merge version_8 into main

Merge version_8 into main

src/app/about/page.tsx

@@ -53,12 +53,12 @@ export default function AboutPage() {
               { text: "Our Services", href: "/services" }
             ]}
             carouselItems={[
-              { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/dentist-with-patient_23-2149164286.jpg" },
-              { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/portrait-surgeons-standing-operation-room_1170-2215.jpg" },
-              { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-using-digital-tablet_107420-73929.jpg" },
-              { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/dentist-nurse-explaining-x-ray-scan-patient-with-toothache-stomatology-cabinet-team-specialists-doing-oral-care-consultation-treat-man-pain-with-denture-problem_482257-40449.jpg" },
-              { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1675.jpg" },
-              { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-dentist-with-patient_23-2149164286.jpg" }
+              { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/dentist-with-patient_23-2149164286.jpg?_wi=1" },
+              { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/portrait-surgeons-standing-operation-room_1170-2215.jpg?_wi=1" },
+              { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-using-digital-tablet_107420-73929.jpg?_wi=1" },
+              { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/dentist-nurse-explaining-x-ray-scan-patient-with-toothache-stomatology-cabinet-team-specialists-doing-oral-care-consultation-treat-man-pain-with-denture-problem_482257-40449.jpg?_wi=1" },
+              { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1675.jpg?_wi=1" },
+              { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-dentist-with-patient_23-2149164286.jpg?_wi=1" }
             ]}
           />
         </div>
@@ -73,7 +73,7 @@ export default function AboutPage() {
             useInvertedBackground={false}
             features={[
               { title: "Mission", description: "To bridge the gap between expensive US dental care and high-quality, affordable treatments in Mexico.", imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-doctor-applauding-while-attending-healthcare-seminar_637285-9160.jpg" },
-              { title: "Experience", description: "With a decade of specialized practice, our team has transformed thousands of smiles.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-doctor_23-2148480369.jpg" },
+              { title: "Experience", description: "With a decade of specialized practice, our team has transformed thousands of smiles.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-doctor_23-2148480369.jpg?_wi=1" },
               { title: "Promise", description: "Genuine care, transparent pricing, and results that stand the test of time.", imageSrc: "http://img.b2bpic.net/free-photo/doctor-holding-digital-tablet-while-talking-with-patient_107420-74007.jpg" }
             ]}
           />
@@ -91,7 +91,7 @@ export default function AboutPage() {
             features={[
                 { title: "Save Up To 70%", description: "Experience the same world-class quality at a fraction of the cost found in the United States.", imageSrc: "http://img.b2bpic.net/free-photo/dentist-checking-mid-adult-man-with-ultraviolet-light-dental-clinic_662251-2565.jpg" },
                 { title: "Minutes From The US Border", description: "Easy access and convenient for patients coming from Arizona, California, and beyond.", imageSrc: "http://img.b2bpic.net/free-photo/empty-hospital-reception-counter-hallway-waiting-room-seats-medical-examination-appointment-with-physician-registration-desk-with-waiting-area-help-patients-with-disease-diagnosis_482257-51632.jpg" },
-                { title: "World-Class Quality", description: "Our facilities meet the highest standards of international dental care.", imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1675.jpg" }
+                { title: "World-Class Quality", description: "Our facilities meet the highest standards of international dental care.", imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1675.jpg?_wi=2" }
             ]}
           />
         </div>
@@ -106,10 +106,10 @@ export default function AboutPage() {
             textboxLayout="default"
             useInvertedBackground={false}
             metrics={[
-              { id: "1", value: "3,000+", title: "Happy Patients", description: "Patients served since our founding.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-surprised-curly-haired-woman-keeps-mouth-widely-opened-reacts-awesome-surprise-has-overjoyed-expression-dressed-orange-knitted-sweater_273609-46781.jpg" },
+              { id: "1", value: "3,000+", title: "Happy Patients", description: "Patients served since our founding.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-surprised-curly-haired-woman-keeps-mouth-widely-opened-reacts-awesome-surprise-has-overjoyed-expression-dressed-orange-knitted-sweater_273609-46781.jpg?_wi=1" },
               { id: "2", value: "10+ Years", title: "Experience", description: "Dedicated to your dental health.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-dentist-room-with-medical-equipment-background_613910-15260.jpg" },
               { id: "3", value: "5.0★", title: "Google Rating", description: "Patient trust and satisfaction.", imageSrc: "http://img.b2bpic.net/free-photo/happy-joyful-woman-laughs-happily-keeps-arms-folded-expresses-positive-emotions-grins-from-happiness-dressed-casual-jumper-isolated-blue-wall-has-fun-hears-funny-joke_273609-44695.jpg" },
-              { id: "4", value: "24hrs", title: "Always Available", description: "Ready when you need us.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cool-young-black-man-with-curly-hair-has-cheerful-expression_273609-8605.jpg" }
+              { id: "4", value: "24hrs", title: "Always Available", description: "Ready when you need us.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cool-young-black-man-with-curly-hair-has-cheerful-expression_273609-8605.jpg?_wi=1" }
             ]}
           />
         </div>
@@ -125,12 +125,12 @@ export default function AboutPage() {
             textboxLayout="default"
             useInvertedBackground={false}
             members={[
-              { id: "1", name: "Dr. Nidia Olivas", role: "Lead Dentist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-doctor_23-2148480369.jpg" },
-              { id: "2", name: "Dr. Pablo Sarabia", role: "Specialist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-doctor_23-2148480369.jpg" },
-              { id: "3", name: "Jasmine Torres", role: "Dental Hygienist", imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-using-digital-tablet_107420-73929.jpg" },
-              { id: "4", name: "Eric Medina", role: "Coordinator", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cool-young-black-man-with-curly-hair-has-cheerful-expression_273609-8605.jpg" },
+              { id: "1", name: "Dr. Nidia Olivas", role: "Lead Dentist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-doctor_23-2148480369.jpg?_wi=2" },
+              { id: "2", name: "Dr. Pablo Sarabia", role: "Specialist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-doctor_23-2148480369.jpg?_wi=3" },
+              { id: "3", name: "Jasmine Torres", role: "Dental Hygienist", imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-using-digital-tablet_107420-73929.jpg?_wi=2" },
+              { id: "4", name: "Eric Medina", role: "Coordinator", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cool-young-black-man-with-curly-hair-has-cheerful-expression_273609-8605.jpg?_wi=2" },
               { id: "5", name: "Gema Ruiz", role: "Patient Care", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-sofa-smiling_329181-1264.jpg" },
-              { id: "6", name: "Adrian Flores", role: "Dental Assistant", imageSrc: "http://img.b2bpic.net/free-photo/portrait-surprised-curly-haired-woman-keeps-mouth-widely-opened-reacts-awesome-surprise-has-overjoyed-expression-dressed-orange-knitted-sweater_273609-46781.jpg" }
+              { id: "6", name: "Adrian Flores", role: "Dental Assistant", imageSrc: "http://img.b2bpic.net/free-photo/portrait-surprised-curly-haired-woman-keeps-mouth-widely-opened-reacts-awesome-surprise-has-overjoyed-expression-dressed-orange-knitted-sweater_273609-46781.jpg?_wi=2" }
             ]}
           />
         </div>
@@ -150,10 +150,10 @@ export default function AboutPage() {
           <FooterLogoEmphasis
             logoText="Nidia Olivas Dental"
             columns={[
-              { items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }] },
-              { items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
+              { items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }] },
+              { items: [{ label: "Services", href: "/services" }, { label: "Contact", href: "/contact" }] },
               { items: [{ label: "FAQ", href: "/faq" }] },
-              { items: [{ label: "Instagram", href: "/" }, { label: "Facebook", href: "/" }] }
+              { items: [{ label: "Facebook", href: "https://www.facebook.com/ddsnidiaolivasandpabelsarabia/?locale=es_LA" }, { label: "Instagram", href: "https://www.instagram.com" }, { label: "Tik Tok", href: "https://www.tiktok.com/es-419/" }] }
             ]}
           />
           <p className="text-center py-4">© 2026 Nidia Olivas Dental. All rights reserved.</p>
@@ -168,4 +168,4 @@ export default function AboutPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/contact/page.tsx

@@ -0,0 +1,151 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
+import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import { Sparkles, Phone, MessageSquare, MapPin, Clock } from 'lucide-react';
+
+export default function ContactPage() {
+  const commonNavItems = [
+    { name: "Home", id: "/" },
+    { name: "Services", id: "/services" },
+    { name: "About", id: "/about" },
+    { name: "Contact", id: "/contact" },
+    { name: "FAQ", id: "/faq" }
+  ];
+  const commonNavButton = { text: "Book Now", href: "tel:+19283873114" };
+
+  const commonFooterColumns = [
+    { items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }] },
+    { items: [{ label: "Services", href: "/services" }, { label: "Contact", href: "/contact" }] },
+    { items: [{ label: "FAQ", href: "/faq" }] },
+    { items: [{ label: "Facebook", href: "https://www.facebook.com/ddsnidiaolivasandpabelsarabia/?locale=es_LA" }, { label: "Instagram", href: "https://www.instagram.com" }, { label: "Tik Tok", href: "https://www.tiktok.com/es-419/" }] }
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="background-highlight"
+      borderRadius="rounded"
+      contentWidth="small"
+      sizing="mediumLargeSizeLargeTitles"
+      background="circleGradient"
+      cardStyle="layered-gradient"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            brandName="Nidia Olivas Dental"
+            navItems={commonNavItems}
+            button={commonNavButton}
+          />
+        </div>
+
+        <div id="hero" data-section="hero">
+          <HeroBillboardRotatedCarousel
+            title="We Are Ready When You Are"
+            description="Our bilingual team is available 24 hours a day. Call us, WhatsApp us, or visit us in Los Algodones — we are always here for you."
+            tag="Contact Us"
+            tagIcon={Sparkles}
+            background={{ variant: "plain" }}
+            buttons={[
+              { text: "Call Now", href: "tel:+19283873114" },
+              { text: "WhatsApp Us", href: "https://wa.me/19283873114" }
+            ]}
+            carouselItems={[
+              { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/dentist-with-patient_23-2149164286.jpg?_wi=2" },
+              { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/portrait-surgeons-standing-operation-room_1170-2215.jpg?_wi=2" },
+              { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-using-digital-tablet_107420-73929.jpg?_wi=3" },
+              { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/dentist-nurse-explaining-x-ray-scan-patient-with-toothache-stomatology-cabinet-team-specialists-doing-oral-care-consultation-treat-man-pain-with-denture-problem_482257-40449.jpg?_wi=2" },
+              { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1675.jpg?_wi=3" },
+              { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-dentist-with-patient_23-2149164286.jpg?_wi=2" }
+            ]}
+          />
+        </div>
+
+        <div id="contact-info" data-section="contact-info">
+          <FeatureCardSix
+            title="How To Reach Us"
+            description="Multiple ways to contact us — choose whatever is most comfortable for you."
+            tag="Get In Touch"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              {
+                title: "Phone",                description: "Call us anytime, day or night.",                buttons: [{ text: "Call Now", href: "tel:+19283873114" }],
+                imageSrc: "http://img.b2bpic.net/free-photo/mobile-phone-white-background-phone-screen-white-space_118943-348.jpg" // Placeholder
+              },
+              {
+                title: "WhatsApp",                description: "Send us a message anytime.",                buttons: [{ text: "Message Us", href: "https://wa.me/19283873114" }],
+                imageSrc: "http://img.b2bpic.net/free-photo/person-typing-phone-with-whatsapp-open_23-2150035032.jpg" // Placeholder
+              },
+              {
+                title: "Location",                description: "Come visit us in Los Algodones. C. Tercera 168, Vicente Guerrero, 21970 B.C.",                buttons: [{ text: "Visit Us", href: "https://maps.app.goo.gl/ph7RVn2udUSTbhae8" }],
+                imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-smartphone-using-navigation-app-city_23-2147879482.jpg" // Placeholder
+              },
+              {
+                title: "Hours",                description: "We never close. Open 24 Hours — 7 Days a Week",                buttons: [{ text: "Call Now", href: "tel:+19283873114" }],
+                imageSrc: "http://img.b2bpic.net/free-photo/clock-icon-button-set-white-background_134830-1014.jpg" // Placeholder
+              }
+            ]}
+          />
+        </div>
+
+        <div id="map-section" data-section="map-section">
+          <div className="container mx-auto px-4 py-16">
+            <h2 className="text-4xl md:text-5xl font-bold text-center mb-4">Find Us Here</h2>
+            <p className="text-center text-lg text-gray-600 mb-8">We are located in Los Algodones, Baja California — just minutes from the Arizona border.</p>
+            <div className="relative aspect-video w-full max-w-4xl mx-auto rounded-lg overflow-hidden shadow-xl">
+              <iframe
+                src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3409.809228564288!2d-114.7397960237748!3d32.70425318536838!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80d85908e27c1f19%3A0x6e788c1c4f5263a4!2sC.%20Tercera%20168%2C%20Vicente%20Guerrero%2C%2021970%20Vicente%20Guerrero%2C%20B.C.!5e0!3m2!1sen!2smx!4v1700000000000!5m2!1sen!2smx"
+                width="100%"
+                height="100%"
+                style={{ border: 0 }}
+                allowFullScreen={true}
+                loading="lazy"
+                referrerPolicy="no-referrer-when-downgrade"
+                title="Google Map of Nidia Olivas Dental location"
+              ></iframe>
+            </div>
+          </div>
+        </div>
+
+        <div id="cta-section" data-section="cta-section">
+          <ContactCTA
+            title="Ready To Transform Your Smile?"
+            description="Contact our bilingual team today and discover why thousands of American and Canadian patients choose Nidia Olivas Dental in Los Algodones."
+            tag="Book Now"
+            buttons={[
+              { text: "Call Now", href: "tel:+19283873114" },
+              { text: "WhatsApp Us", href: "https://wa.me/19283873114" }
+            ]}
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            logoText="Nidia Olivas Dental"
+            columns={commonFooterColumns}
+          />
+          <p className="text-center py-4">© 2026 Nidia Olivas Dental. All rights reserved.</p>
+        </div>
+
+        <a href="https://wa.me/19283873114" className="fixed bottom-6 right-6 z-50 p-4 bg-green-500 text-white rounded-full shadow-lg">
+          <MessageSquare />
+        </a>
+        <a href="tel:+19283873114" className="fixed bottom-24 right-6 z-50 p-4 bg-blue-600 text-white rounded-full shadow-lg">
+          <Phone />
+        </a>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000000;
-  --card: #0c0c0c;
-  --foreground: #ffffff;
-  --primary-cta: #106EFB;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #000000;
-  --secondary-cta-text: #ffffff;
-  --accent: #535353;
-  --background-accent: #106EFB;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #f8f5ffe6;
+  --primary-cta: #c89bff;
+  --primary-cta-text: #0a0a0a;
+  --secondary-cta: #1a1a1a;
+  --secondary-cta-text: #f8f5ffe6;
+  --accent: #737373;
+  --background-accent: #737373;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);