Add src/app/contact/page.tsx

Merge version_3 into main

src/app/contact/page.tsx

@@ -0,0 +1,150 @@
+"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" }
+  ];
+  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: "TikTok", href: "https://www.tiktok.com/es-419/" }, { label: "YouTube", href: "https://www.youtube.com/" }] },
+    { items: [{ label: "Facebook", href: "https://www.facebook.com/ddsnidiaolivasandpabelsarabia/?locale=es_LA" }, { label: "Instagram", href: "https://www.instagram.com" }] }
+  ];
+
+  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" },
+              { 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" }
+            ]}
+          />
+        </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: "+1 928-387-3114", 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: "+1 928-387-3114", 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: "C. Tercera 168, Vicente Guerrero, 21970 Vicente Guerrero, 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: "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>
+  );
+}