406 lines
13 KiB
TypeScript
406 lines
13 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||
import { Activity, Heart, Shield, ShieldCheck, Smile, Sparkles } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="elastic-effect"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="soft"
|
||
contentWidth="mediumSmall"
|
||
sizing="mediumLarge"
|
||
background="blurBottom"
|
||
cardStyle="gradient-bordered"
|
||
primaryButtonStyle="diagonal-gradient"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="normal"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{
|
||
name: "Home",
|
||
id: "hero",
|
||
},
|
||
{
|
||
name: "Services",
|
||
id: "features",
|
||
},
|
||
{
|
||
name: "Testimonials",
|
||
id: "testimonials",
|
||
},
|
||
{
|
||
name: "Contact",
|
||
id: "contact",
|
||
},
|
||
]}
|
||
brandName="BrightSmile Dental"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroCarouselLogo
|
||
logoText="BrightSmile Dental"
|
||
description="Providing exceptional dental care for the whole family in a comfortable, modern environment. Schedule your visit today."
|
||
buttons={[
|
||
{
|
||
text: "Book Appointment",
|
||
href: "#contact",
|
||
},
|
||
]}
|
||
slides={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23918.jpg?_wi=1",
|
||
imageAlt: "dentist clinic smiling professional",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/professional-dentist-tools-dental-office_1204-393.jpg?_wi=1",
|
||
imageAlt: "patient chair dental equipment",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-brunette-female-waiting-while-dentist-working-computer-dentistry-care-visit_613910-4204.jpg?_wi=1",
|
||
imageAlt: "dentist examining patient healthy teeth",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/three-girlfriends-making-selfie_1301-2878.jpg?_wi=1",
|
||
imageAlt: "happy patient after dental cleaning",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1673.jpg?_wi=1",
|
||
imageAlt: "dental instruments on tray",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/empty-reception-counter-waiting-room-attend-medical-appointment-with-general-practitioner-healthcare-facility-hospital-lobby-seats-private-clinic-checkup-examination_482257-50493.jpg",
|
||
imageAlt: "dentist assistant holding dental chart",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TestimonialAboutCard
|
||
useInvertedBackground={false}
|
||
tag="About Us"
|
||
title="Your Comfort is Our Priority"
|
||
description="With over 20 years of experience, our team specializes in providing gentle, high-quality dental care tailored to your unique needs."
|
||
subdescription="We believe a healthy smile is the foundation of well-being. Using state-of-the-art technology, we ensure every visit is pain-free and efficient."
|
||
icon={ShieldCheck}
|
||
imageSrc="http://img.b2bpic.net/free-photo/young-man-pointing-finger-toothbrush-white-bathrobe-front-view_176474-21644.jpg"
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureHoverPattern
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={true}
|
||
features={[
|
||
{
|
||
icon: Smile,
|
||
title: "Routine Exams",
|
||
description: "Preventative care to maintain optimal oral health.",
|
||
},
|
||
{
|
||
icon: Sparkles,
|
||
title: "Teeth Whitening",
|
||
description: "Brighten your smile with professional whitening solutions.",
|
||
},
|
||
{
|
||
icon: Shield,
|
||
title: "Orthodontics",
|
||
description: "Straighten your teeth for a confident smile.",
|
||
},
|
||
{
|
||
icon: Activity,
|
||
title: "Pediatric Care",
|
||
description: "Gentle dental health services tailored for children.",
|
||
},
|
||
{
|
||
icon: Heart,
|
||
title: "Emergency Care",
|
||
description: "Quick support for unexpected dental pain.",
|
||
},
|
||
]}
|
||
title="Comprehensive Dental Services"
|
||
description="We offer a full range of oral health services designed to keep your smile bright and healthy."
|
||
/>
|
||
</div>
|
||
|
||
<div id="pricing" data-section="pricing">
|
||
<PricingCardFive
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
plans={[
|
||
{
|
||
id: "basic",
|
||
tag: "Starter",
|
||
price: "$99",
|
||
period: "/visit",
|
||
description: "Essential exam and cleaning for new patients.",
|
||
button: {
|
||
text: "Book Now",
|
||
href: "#contact",
|
||
},
|
||
featuresTitle: "Includes:",
|
||
features: [
|
||
"Dental exam",
|
||
"Professional cleaning",
|
||
"Digital X-rays",
|
||
],
|
||
},
|
||
{
|
||
id: "pro",
|
||
tag: "Comprehensive",
|
||
price: "$299",
|
||
period: "/session",
|
||
description: "Advanced whitening and aesthetic treatments.",
|
||
button: {
|
||
text: "Book Now",
|
||
href: "#contact",
|
||
},
|
||
featuresTitle: "Includes:",
|
||
features: [
|
||
"All Starter benefits",
|
||
"Zoom whitening",
|
||
"Gum disease screening",
|
||
],
|
||
},
|
||
]}
|
||
title="Transparent Pricing"
|
||
description="Quality care that fits your budget. We accept most major insurance plans."
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardFourteen
|
||
useInvertedBackground={true}
|
||
title="Why Choose BrightSmile?"
|
||
tag="Our Impact"
|
||
metrics={[
|
||
{
|
||
id: "m1",
|
||
value: "15,000+",
|
||
description: "Smiles Transformed",
|
||
},
|
||
{
|
||
id: "m2",
|
||
value: "20",
|
||
description: "Years of Experience",
|
||
},
|
||
{
|
||
id: "m3",
|
||
value: "4.9/5",
|
||
description: "Patient Satisfaction",
|
||
},
|
||
]}
|
||
metricsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFive
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "t1",
|
||
name: "Alice Johnson",
|
||
date: "Jan 2024",
|
||
title: "Perfect Experience",
|
||
quote: "The entire team is professional and very gentle. Highly recommended!",
|
||
tag: "Patient",
|
||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-woman-testing-colours_23-2150538710.jpg",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23918.jpg?_wi=2",
|
||
imageAlt: "happy patient smiling studio portrait",
|
||
},
|
||
{
|
||
id: "t2",
|
||
name: "Bob Smith",
|
||
date: "Feb 2024",
|
||
title: "Great Results",
|
||
quote: "I am so happy with my teeth whitening results. Excellent service.",
|
||
tag: "Patient",
|
||
avatarSrc: "http://img.b2bpic.net/free-photo/young-female-patient-waiting-have-dental-procedure-dentist_23-2148985766.jpg",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/professional-dentist-tools-dental-office_1204-393.jpg?_wi=2",
|
||
imageAlt: "happy patient smiling studio portrait",
|
||
},
|
||
{
|
||
id: "t3",
|
||
name: "Carla Diaz",
|
||
date: "Mar 2024",
|
||
title: "Highly Professional",
|
||
quote: "Everything was explained clearly and the procedure was painless.",
|
||
tag: "Patient",
|
||
avatarSrc: "http://img.b2bpic.net/free-photo/cute-smiling-curly-woman-lean-wall_176420-16738.jpg",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-brunette-female-waiting-while-dentist-working-computer-dentistry-care-visit_613910-4204.jpg?_wi=2",
|
||
imageAlt: "happy patient smiling studio portrait",
|
||
},
|
||
{
|
||
id: "t4",
|
||
name: "David Lee",
|
||
date: "Apr 2024",
|
||
title: "Wonderful Care",
|
||
quote: "The office environment is calm and welcoming. Great experience.",
|
||
tag: "Patient",
|
||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-african-curly-young-lady-wearing-yellow-coat_171337-15165.jpg",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/three-girlfriends-making-selfie_1301-2878.jpg?_wi=2",
|
||
imageAlt: "happy patient smiling studio portrait",
|
||
},
|
||
{
|
||
id: "t5",
|
||
name: "Elena Martinez",
|
||
date: "May 2024",
|
||
title: "Best Dentist",
|
||
quote: "I’ve finally found a clinic I can trust. Excellent, modern care.",
|
||
tag: "Patient",
|
||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-young-executive-with-crossed-arms_1154-242.jpg",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1673.jpg?_wi=2",
|
||
imageAlt: "happy patient smiling studio portrait",
|
||
},
|
||
]}
|
||
title="What Our Patients Say"
|
||
description="We are proud to have helped thousands of patients achieve their dental health goals."
|
||
/>
|
||
</div>
|
||
|
||
<div id="social-proof" data-section="social-proof">
|
||
<SocialProofOne
|
||
textboxLayout="split"
|
||
useInvertedBackground={true}
|
||
names={[
|
||
"Dental Association",
|
||
"Oral Tech Solutions",
|
||
"Smile Whitening Corp",
|
||
"Orthodontics Union",
|
||
"Family Dental Network",
|
||
"Pediatric Smile Care",
|
||
"National Health Foundation",
|
||
]}
|
||
title="Trusted Partners"
|
||
description="Collaborating with leading dental health organizations."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitText
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "f1",
|
||
title: "Do you accept insurance?",
|
||
content: "Yes, we work with most major dental insurance plans.",
|
||
},
|
||
{
|
||
id: "f2",
|
||
title: "Is the first visit painful?",
|
||
content: "Our priority is comfort. We use gentle techniques and sedation options if needed.",
|
||
},
|
||
{
|
||
id: "f3",
|
||
title: "How often should I visit?",
|
||
content: "Generally every six months for exams and cleanings.",
|
||
},
|
||
{
|
||
id: "f4",
|
||
title: "Can I bring my kids?",
|
||
content: "Absolutely, we specialize in pediatric dental care.",
|
||
},
|
||
{
|
||
id: "f5",
|
||
title: "Do you offer financing?",
|
||
content: "Yes, we provide flexible payment plans for major procedures.",
|
||
},
|
||
]}
|
||
sideTitle="Frequently Asked Questions"
|
||
sideDescription="Have questions? We're here to help."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "plain",
|
||
}}
|
||
tag="Ready to book?"
|
||
title="Schedule Your Visit"
|
||
description="Our friendly staff is ready to assist you. Contact us today for your next checkup."
|
||
buttons={[
|
||
{
|
||
text: "Contact Us",
|
||
href: "#",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBase
|
||
columns={[
|
||
{
|
||
title: "Practice",
|
||
items: [
|
||
{
|
||
label: "About Us",
|
||
href: "#about",
|
||
},
|
||
{
|
||
label: "Services",
|
||
href: "#features",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Help",
|
||
items: [
|
||
{
|
||
label: "FAQ",
|
||
href: "#faq",
|
||
},
|
||
{
|
||
label: "Contact",
|
||
href: "#contact",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Legal",
|
||
items: [
|
||
{
|
||
label: "Privacy Policy",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Terms of Service",
|
||
href: "#",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
logoText="BrightSmile Dental"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|