Files
087aba40-4e96-4b66-a8f4-ae7…/src/app/page.tsx

226 lines
16 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
"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 ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
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, Phone, MessageSquare } from 'lucide-react';
export default function LandingPage() {
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="A Smile That Speaks Before You Do"
description="World-class dental care in Los Algodones, BC. Save up to 70% compared to US prices — without compromising on quality. Bilingual team available 24 hours."
tag="Premium Dental Care in Los Algodones"
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{ variant: "plain" }}
buttons={[
{ text: "Book Your Appointment", href: "/contact" },
{ text: "Our Services", href: "/services" }
]}
buttonAnimation="slide-up"
carouselItems={[
{ id: "1", 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", imageAlt: "Modern dental clinic" },
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/portrait-surgeons-standing-operation-room_1170-2215.jpg", imageAlt: "Friendly dental staff" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1675.jpg", imageAlt: "Clean dental facility" },
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-using-digital-tablet_107420-73929.jpg", imageAlt: "Dental technology" },
{ id: "5", 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", imageAlt: "Patient consultation" },
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-dentist-with-patient_23-2149164286.jpg", imageAlt: "Bright clinical environment" }
]}
/>
</div>
<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}
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
title="What We Offer"
description="From routine cleanings to full smile makeovers — complete dental care with the highest quality materials and technology."
tag="Our Services"
tagIcon={Award}
products={[
{ id: "1", name: "Dental Implants", price: "From $850", variant: "Permanent Solution", imageSrc: "http://img.b2bpic.net/free-photo/dentist-examining-female-patient-with-tools_107420-74184.jpg" },
{ id: "2", name: "All-on-4", price: "From $6,500", variant: "Full Arch Restoration", imageSrc: "http://img.b2bpic.net/free-photo/old-man-sitting-dentist-s-office_1157-19450.jpg" },
{ id: "3", name: "Porcelain Veneers", price: "From $350", variant: "Hollywood Smile", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fashion-woman-red-lips-big-smile_1150-14159.jpg" },
{ id: "4", name: "Full Mouth Restoration", price: "Custom Quote", variant: "Complete Transformation", imageSrc: "http://img.b2bpic.net/free-photo/female-patient-receiving-dental-treatment_107420-65506.jpg" }
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
buttons={[{ text: "View All Services", href: "/services" }]}
/>
</div>
<div id="ingredients" data-section="ingredients">
<FeatureCardSix
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" },
{ title: "Lasting Results", description: "We build long-term relationships. Most patients return year after year because they trust us with their smiles.", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-sofa-smiling_329181-1264.jpg" }
]}
/>
</div>
<div id="influencers" data-section="influencers">
<FeatureCardOne
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" },
{ title: "Maria R. — Texas", description: "", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-smiling-confident-standing-street_839833-27516.jpg" },
{ title: "Robert K. — Nevada", description: "", imageSrc: "http://img.b2bpic.net/free-photo/man-happily-clapping-hands-satisfied-with-accomplishments-studio-background_482257-92829.jpg" },
{ title: "Linda T. — Colorado", description: "", imageSrc: "http://img.b2bpic.net/free-photo/closeup-attractive-africanamerican-woman-smiling-looking-happy-standing-yellow-backgroun_1258-130180.jpg" },
{ title: "Carlos V. — New Mexico", description: "", 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" }
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
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" }
]}
animationType="slide-up"
/>
</div>
<div id="blog" data-section="blog">
<BlogCardOne
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" },
{ id: "3", category: "Patient Tips", title: "What To Expect On Your First Visit To Our Clinic", excerpt: "A step-by-step guide from the border crossing to leaving with a healthier and happier smile.", imageSrc: "http://img.b2bpic.net/free-photo/elderly-medic-using-medical-tonometer-measure-patient-pulse-pressure-hypertension-doing-cardiology-examination-hospital-waiting-room-senior-man-attending-checkup-visit-medicine-concept_482257-69568.jpg", authorName: "Dr. Nidia Olivas", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-male-doctor_23-2148480369.jpg", date: "March 2026" }
]}
animationType="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
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." },
{ id: "3", title: "Do you speak English?", content: "Yes! Our entire team is bilingual. You can communicate comfortably in English from your first call to your follow-up appointment." },
{ id: "4", title: "Do you accept US dental insurance?", content: "We work with several US insurance plans. Call us before your visit so we can verify your coverage and maximize your benefits." },
{ id: "5", title: "How do I book an appointment?", content: "Call or WhatsApp us at +1 928-387-3114. We are open 24 hours and our bilingual team will help you schedule your visit." },
{ id: "6", title: "What should I bring to my first appointment?", content: "Bring a valid photo ID, your insurance card if applicable, and any previous dental X-rays. We will take care of the rest." }
]}
imageSrc="http://img.b2bpic.net/free-photo/dentist-showing-dental-jaw-female-patient-clinic_23-2147862036.jpg"
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
title="Get In Touch"
description="Ready to transform your smile? Our bilingual team is available 24 hours a day to answer your questions and schedule your visit."
inputs={[
{ name: "name", type: "text", placeholder: "Your name", required: true },
{ name: "email", type: "email", placeholder: "your@email.com", required: true },
{ name: "phone", type: "tel", placeholder: "+1 (928) 387-3114", required: false },
{ name: "treatment", type: "text", placeholder: "What treatment are you interested in?", required: false }
]}
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>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="Nidia Olivas Dental"
columns={[
{ 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/" }] }
]}
/>
<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>
);
}