Merge version_3 into main #2
159
src/app/about/page.tsx
Normal file
159
src/app/about/page.tsx
Normal file
@@ -0,0 +1,159 @@
|
||||
"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}
|
||||
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}
|
||||
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"
|
||||
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"
|
||||
tag="By The Numbers"
|
||||
tagIcon={Zap}
|
||||
animationType="slide-up"
|
||||
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"
|
||||
tag="Our Team"
|
||||
tagIcon={Users}
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
animationType="slide-up"
|
||||
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"
|
||||
/>
|
||||
</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>
|
||||
);
|
||||
}
|
||||
@@ -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" }}
|
||||
/>
|
||||
@@ -193,7 +193,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 +211,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user