Update src/app/about/page.tsx

Merge version_2 into main

src/app/about/page.tsx

@@ -0,0 +1,171 @@
+"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 FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import TeamCardSix from '@/components/sections/team/TeamCardSix';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import { Sparkles, Phone, MessageSquare, Users, MapPin, Target, Zap } from 'lucide-react';
+
+export default function AboutPage() {
+  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={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/services" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" },
+              { name: "FAQ", id: "/faq" }
+            ]}
+            button={{ text: "Book Now", href: "tel:+19283873114" }}
+          />
+        </div>
+
+        <div id="hero" data-section="hero">
+          <HeroBillboardRotatedCarousel
+            title="The Team Behind Your Perfect Smile"
+            description="For over 10 years we have been helping American and Canadian patients get the dental care they deserve — at prices that actually make sense."
+            tag="About Us"
+            tagIcon={Sparkles}
+            background={{ variant: "plain" }}
+            buttons={[
+              { text: "Book Free Consultation", href: "/contact" },
+              { 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" }
+            ]}
+          />
+        </div>
+
+        <div id="our-story" data-section="our-story">
+          <FeatureCardSix
+            title="Why We Started Nidia Olivas Dental"
+            description="Our clinic was founded on the belief that everyone deserves high-quality, accessible dental care."
+            tag="Our Story"
+            tagIcon={Target}
+            textboxLayout="default"
+            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: "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" }
+            ]}
+          />
+        </div>
+
+        <div id="why-los-algodones" data-section="why-los-algodones">
+          <FeatureCardSeven
+            title="Why Patients Choose Los Algodones"
+            description="The premier destination for dental care near the US border."
+            tag="Los Algodones"
+            tagIcon={MapPin}
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            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" }
+            ]}
+          />
+        </div>
+
+        <div id="stats" data-section="stats">
+          <MetricCardEleven
+            title="10 Years of Smiles"
+            description='"Every number behind our name represents a real patient who trusted us with their smile."'
+            tag="By The Numbers"
+            tagIcon={Zap}
+            animationType="slide-up"
+            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: "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" }
+            ]}
+          />
+        </div>
+
+        <div id="meet-the-team" data-section="meet-the-team">
+          <TeamCardSix
+            title="The People Behind Your Smile"
+            description="Meet our professional dental team dedicated to your care."
+            tag="Our Team"
+            tagIcon={Users}
+            gridVariant="asymmetric-60-wide-40-narrow"
+            animationType="slide-up"
+            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: "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" }
+            ]}
+          />
+        </div>
+
+        <div id="cta" data-section="cta">
+           <ContactSplitForm
+             title="Ready To Meet The Team In Person?"
+             description="Come visit us in Los Algodones and experience the difference that genuine care and world-class dentistry can make for your smile."
+             buttonText="Send Us a Message"
+             inputs={[{ name: "name", type: "text", placeholder: "Name" }, { name: "email", type: "email", placeholder: "Email" }]}
+             imageSrc="http://img.b2bpic.net/free-photo/dentist-showing-dental-jaw-female-patient-clinic_23-2147862036.jpg"
+             useInvertedBackground={false}
+           />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <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: "FAQ", href: "/faq" }] },
+              { items: [{ label: "Instagram", href: "/" }, { label: "Facebook", href: "/" }] }
+            ]}
+          />
+          <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/page.tsx

@@ -13,7 +13,7 @@ import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import { Sparkles, Award, Beaker, Heart, HelpCircle, BookOpen, Phone, MessageSquare } from 'lucide-react';
+import { Sparkles, Award, Phone, MessageSquare } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -34,11 +34,11 @@ export default function LandingPage() {
           <NavbarLayoutFloatingOverlay
             brandName="Nidia Olivas Dental"
             navItems={[
-              { name: "Home", id: "hero" },
-              { name: "Services", id: "products" },
-              { name: "About", id: "ingredients" },
-              { name: "Contact", id: "contact" },
-              { name: "FAQ", id: "faq" }
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/services" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" },
+              { name: "FAQ", id: "/faq" }
             ]}
             button={{ text: "Book Now", href: "tel:+19283873114" }}
           />
@@ -71,6 +71,7 @@ export default function LandingPage() {
         <div id="social-proof" data-section="social-proof">
           <SocialProofOne
             title="Trusted By Thousands of Patients"
+            description="Our clinic has served thousands of patients over the past 10 years."
             names={["⭐ 5.0 Google Rating", "3,000+ Happy Patients", "10+ Years of Experience", "Bilingual Team", "Open 24 Hours"]}
             textboxLayout="default"
             useInvertedBackground={false}
@@ -102,6 +103,8 @@ export default function LandingPage() {
             title="Why Patients Choose Us"
             description="Expert care, cutting-edge technology, and a warm bilingual team delivering results that change lives."
             tag="Our Process"
+            textboxLayout="default"
+            useInvertedBackground={false}
             features={[
               { title: "Free Consultation", description: "We start with a full evaluation and X-rays at no cost. Our bilingual team explains every option clearly so you can make the best decision for your smile.", imageSrc: "http://img.b2bpic.net/free-photo/doctor-holding-digital-tablet-while-talking-with-patient_107420-74007.jpg" },
               { title: "Expert Treatment", description: "Our dentists use the latest technology and highest-quality materials — the same as top US clinics — at a fraction of the price.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-dentist-room-with-medical-equipment-background_613910-15260.jpg" },
@@ -115,6 +118,8 @@ export default function LandingPage() {
              title="Real Patients. Real Smiles."
              description="Thousands of patients from the US and Canada trust Nidia Olivas Dental for their dental care every year."
              tag="Patient Stories"
+             textboxLayout="default"
+             useInvertedBackground={false}
              features={[
                 { title: "Sarah M. — Arizona", description: "", 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" },
                 { title: "John D. — California", description: "", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cool-young-black-man-with-curly-hair-has-cheerful-expression_273609-8605.jpg" },
@@ -133,6 +138,8 @@ export default function LandingPage() {
             title="The Numbers Behind Our Smiles"
             description="Every number represents a patient who left our clinic happier than when they arrived."
             tag="By The Numbers"
+            textboxLayout="default"
+            useInvertedBackground={false}
             metrics={[
               { id: "1", value: "5.0★", title: "Google Star Rating", description: "Hundreds of five-star reviews from real patients across the US and Canada.", imageSrc: "http://img.b2bpic.net/free-photo/illustration-dental-care-application-digital-tablet_53876-125399.jpg" },
               { id: "2", value: "3,000+", title: "Happy Patients", description: "Over three thousand patients have trusted us with their smiles and keep coming back.", imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-doctor-applauding-while-attending-healthcare-seminar_637285-9160.jpg" }
@@ -146,6 +153,8 @@ export default function LandingPage() {
             title="The Nidia Olivas Blog"
             description="Expert tips on oral health, dental tourism, and how to get the most out of your visit to Los Algodones."
             tag="Dental Tips"
+            textboxLayout="default"
+            useInvertedBackground={false}
             blogs={[
               { id: "1", category: "Dental Tourism", title: "5 Reasons Why Los Algodones Is The Best Dental Destination", excerpt: "Discover why thousands of Americans cross the border every year for world-class dental care at unbeatable prices.", imageSrc: "http://img.b2bpic.net/free-photo/digital-composite-doctor-with-white-graph-with-flare-against-blurry-background-with-light-blue-overlay_1258-84253.jpg", authorName: "Dr. Nidia Olivas", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-male-doctor_23-2148480369.jpg", date: "May 2026" },
               { id: "2", category: "Oral Health", title: "How To Keep Your Teeth White After a Whitening Treatment", excerpt: "Simple daily habits that help you maintain your bright smile for months after your professional whitening session.", imageSrc: "http://img.b2bpic.net/free-photo/dentist-checking-mid-adult-man-with-ultraviolet-light-dental-clinic_662251-2565.jpg", authorName: "Dr. Nidia Olivas", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-male-doctor_23-2148480369.jpg", date: "April 2026" },
@@ -160,6 +169,8 @@ export default function LandingPage() {
             title="Frequently Asked Questions"
             description="Everything you need to know before your first visit to Nidia Olivas Dental in Los Algodones."
             tag="FAQ"
+            textboxLayout="default"
+            useInvertedBackground={false}
             faqs={[
               { id: "1", title: "Is it safe to get dental work done in Los Algodones?", content: "Absolutely. Our clinic uses the same materials and technology as top US clinics. Dr. Nidia Olivas has over 10 years of experience treating thousands of American and Canadian patients." },
               { id: "2", title: "How much can I save compared to US prices?", content: "Most patients save between 50% and 70%. A dental implant that costs $3,000–$4,000 in the US starts at $850 at our clinic — with the same quality." },
@@ -186,6 +197,7 @@ export default function LandingPage() {
             textarea={{ name: "concerns", placeholder: "Tell us about your dental concerns or questions..." }}
             buttonText="Send Message"
             imageSrc="http://img.b2bpic.net/free-photo/serious-pensive-beautiful-young-woman-wearing-white-shirt-talking-mobile-phone-standing-co-working-space_74855-15196.jpg"
+            useInvertedBackground={false}
           />
         </div>
 
@@ -193,7 +205,7 @@ export default function LandingPage() {
           <FooterLogoEmphasis
             logoText="Nidia Olivas Dental"
             columns={[
-              { items: [{ label: "Home", href: "#hero" }, { label: "About", href: "/about" }] },
+              { 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/" }] }
@@ -211,4 +223,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f7f6f7;
-  --card: #ffffff;
-  --foreground: #250c0d;
-  --primary-cta: #b82b40;
-  --primary-cta-text: #f7f6f7;
-  --secondary-cta: #ffffff;
-  --secondary-cta-text: #250c0d;
-  --accent: #b90941;
-  --background-accent: #e8a8b6;
+  --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;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);