344 lines
16 KiB
TypeScript
344 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
|
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import { CheckCircle } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "Services", id: "features"},
|
|
{
|
|
name: "Team", id: "team"},
|
|
{
|
|
name: "Pricing", id: "pricing"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="iSmile Dental"
|
|
button={{
|
|
text: "Book Now", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="Your Healthier Smile Starts Here"
|
|
description="Comprehensive dental care from routine cleanings to advanced cosmetic treatments. Experienced team, modern technology, patient-centered approach."
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-white-office-successful-doctor_8353-9587.jpg?_wi=1", imageAlt: "Dental chair"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dentist-examining-woman-teeth-with-diagnostic-microscope_651396-2214.jpg?_wi=1", imageAlt: "Tools"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/attractive-patient-redviolet-dress-laying-dental-chair-while-female-dentist-treating-her-teeth-with-special-instruments_627829-9758.jpg?_wi=1", imageAlt: "Dentist"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dental-cabinet-with-various-medical-equipment_140725-7679.jpg?_wi=1", imageAlt: "Smile"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-female-dentist-standing-by-teenage-girl-clinic_662251-2519.jpg?_wi=1", imageAlt: "Kids"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/she-s-looking-forward-day-spa_637285-9501.jpg", imageAlt: "Clinic"},
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-apartment-boasts-elegant-furniture-design-generated-by-ai_188544-26999.jpg", imageAlt: "Clinic"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dentist-doing-dental-treatment-boy-clinic_23-2147905995.jpg", imageAlt: "Kids"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-testing-colours_23-2150538710.jpg", imageAlt: "Smile"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/nobody-architectural-office-with-building-model-maquette-design-property-real-estate-empty-space-plan-construction-layout-structure-with-blueprints-urban-sketch_482257-38861.jpg", imageAlt: "Dentist"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/girl-dentists-office-dentist-examining-child-patients-teeth-dentistry-concept_169016-67168.jpg", imageAlt: "Tools"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1676.jpg", imageAlt: "Dental chair"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Book Your Appointment", href: "#contact"},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/thoughtful-woman-going-through-medical-test-results-with-her-doctor-clinic_637285-1779.jpg", alt: "Patient 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/cheerful-doctor-shaking-hand-patient_23-2147896666.jpg", alt: "Patient 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/high-angle-smiley-doctor-explaining-anatomy_23-2149389043.jpg", alt: "Patient 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-smiley-doctor-patient_23-2149103572.jpg", alt: "Patient 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-doctor-holding-medical-paperwork-while-communicating-with-patient-medical-appointment-hospital_637285-1422.jpg", alt: "Patient 5"},
|
|
]}
|
|
avatarText="Join 10,000+ satisfied patients"
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Advanced Care"},
|
|
{
|
|
type: "text", text: "Modern Technology"},
|
|
{
|
|
type: "text", text: "Patient-Focused"},
|
|
{
|
|
type: "text", text: "Friendly Service"},
|
|
{
|
|
type: "text", text: "Trusted Experts"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Preventive Care", description: "Routine cleanings and exams to ensure lasting health.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stomatologist-pointing-digital-screen-explaining-x-ray-woman-sitting-chair-waiting-room-stomatological-clinic-doctor-working-modern-dental-clinic-examining-showing-radiography_482257-3676.jpg", imageAlt: "Preventive care"},
|
|
items: [
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Bi-annual Exams"},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Digital X-rays"},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Professional Cleaning"},
|
|
],
|
|
reverse: false,
|
|
},
|
|
{
|
|
title: "Pediatric Dentistry", description: "Creating a friendly, gentle environment for our young patients.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pediatric-dentist-little-girl-reception-dentist_1321-3218.jpg", imageAlt: "Kids dental"},
|
|
items: [
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Early Dental Visits"},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Fluoride Treatments"},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Educational Coaching"},
|
|
],
|
|
reverse: true,
|
|
},
|
|
{
|
|
title: "Cosmetic Makeovers", description: "Transform your smile with professional cosmetic solutions.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-manicure-close-up_23-2149311613.jpg", imageAlt: "Cosmetic smile"},
|
|
items: [
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Teeth Whitening"},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Veneers"},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Bonding"},
|
|
],
|
|
reverse: false,
|
|
},
|
|
]}
|
|
title="Our Clinical Services"
|
|
description="We offer a wide spectrum of dental services designed for your long-term oral health."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
plans={[
|
|
{
|
|
id: "basic", badge: "Essential", price: "$129", subtitle: "New Patient Exam & X-rays", buttons: [
|
|
{
|
|
text: "Book Now", href: "#contact"},
|
|
],
|
|
features: [
|
|
"Full Exam", "Radiographs", "Oral Cancer Screening"],
|
|
},
|
|
{
|
|
id: "pro", badge: "Popular", price: "$189", subtitle: "Professional Cleaning & Exam", buttons: [
|
|
{
|
|
text: "Book Now", href: "#contact"},
|
|
],
|
|
features: [
|
|
"Everything in Basic", "Pro-Cleaning", "Consultation"],
|
|
},
|
|
]}
|
|
title="Transparent Pricing"
|
|
description="Accessible dental care with no surprises."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "10k+", title: "Happy Patients", items: [
|
|
"Patients served", "Smiles created"],
|
|
},
|
|
{
|
|
id: "m2", value: "20", title: "Years Experience", items: [
|
|
"Clinical expertise", "Dentistry excellence"],
|
|
},
|
|
{
|
|
id: "m3", value: "5/5", title: "Patient Rating", items: [
|
|
"Highly recommended", "Trusted care"],
|
|
},
|
|
]}
|
|
title="Our Impact"
|
|
description="Thousands of smiles transformed with our expert care."
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardTen
|
|
useInvertedBackground={true}
|
|
title="Our Experienced Team"
|
|
tag="Qualified Professionals"
|
|
membersAnimation="slide-up"
|
|
members={[
|
|
{
|
|
id: "t1", name: "Dr. Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-dentist-room-with-medical-equipment-background_613910-15260.jpg", imageAlt: "Dr Miller"},
|
|
{
|
|
id: "t2", name: "Dr. James Chen", imageSrc: "http://img.b2bpic.net/free-photo/close-up-revealing-shot-medical-dental-tools-ready-stomatology-teeth-surgery_482257-15350.jpg", imageAlt: "Dr Chen"},
|
|
{
|
|
id: "t3", name: "Elena Rodriguez, RDH", imageSrc: "http://img.b2bpic.net/free-photo/pediatric-dentist-talking-with-little-girl-dental-office_651396-2539.jpg", imageAlt: "Elena"},
|
|
]}
|
|
memberVariant="card"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah J.", date: "Oct 2023", title: "Wonderful Service", quote: "iSmile made my dentist experience painless and comfortable.", tag: "Cleaning", avatarSrc: "http://img.b2bpic.net/free-photo/thank-you-your-visit-my-office_329181-2204.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-white-office-successful-doctor_8353-9587.jpg?_wi=2", imageAlt: "happy adult patient sitting at clinic"},
|
|
{
|
|
id: "2", name: "Michael C.", date: "Sept 2023", title: "Great Staff", quote: "The entire team is so welcoming and highly professional.", tag: "Checkup", avatarSrc: "http://img.b2bpic.net/free-photo/happy-healthcare-worker-communicating-with-senior-man-pointing-him-while-being-home-visit_637285-1380.jpg", imageSrc: "http://img.b2bpic.net/free-photo/dentist-examining-woman-teeth-with-diagnostic-microscope_651396-2214.jpg?_wi=2", imageAlt: "happy adult patient sitting at clinic"},
|
|
{
|
|
id: "3", name: "Emily R.", date: "Aug 2023", title: "Amazing Results", quote: "I am so happy with my new smile after the whitening.", tag: "Cosmetic", avatarSrc: "http://img.b2bpic.net/free-photo/nurse-preparing-consult_23-2149309928.jpg", imageSrc: "http://img.b2bpic.net/free-photo/attractive-patient-redviolet-dress-laying-dental-chair-while-female-dentist-treating-her-teeth-with-special-instruments_627829-9758.jpg?_wi=2", imageAlt: "happy adult patient sitting at clinic"},
|
|
{
|
|
id: "4", name: "David K.", date: "July 2023", title: "Highly Recommend", quote: "Everything was efficient, clean, and extremely professional.", tag: "Exam", avatarSrc: "http://img.b2bpic.net/free-photo/senior-woman-having-dental-treatment-dentist-s-office-woman-is-being-treated-teeth_1157-42149.jpg", imageSrc: "http://img.b2bpic.net/free-photo/dental-cabinet-with-various-medical-equipment_140725-7679.jpg?_wi=2", imageAlt: "happy adult patient sitting at clinic"},
|
|
{
|
|
id: "5", name: "Jessica L.", date: "June 2023", title: "Gentle Care", quote: "They are perfect for kids too, my children love it here.", tag: "Pediatric", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-taking-face-mask-off_23-2148665443.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-female-dentist-standing-by-teenage-girl-clinic_662251-2519.jpg?_wi=2", imageAlt: "happy adult patient sitting at clinic"},
|
|
]}
|
|
title="Patient Experiences"
|
|
description="Hear what our local community says about iSmile Dental Clinic."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "How often should I have an exam?", content: "We recommend bi-annual exams for long-term oral health."},
|
|
{
|
|
id: "q2", title: "Do you accept new patients?", content: "Yes, we are always accepting new patients in our local community."},
|
|
{
|
|
id: "q3", title: "Is my insurance covered?", content: "We accept major insurance plans and offer flexible financing options."},
|
|
]}
|
|
title="Common Questions"
|
|
description="Answers to your most frequent dental care questions."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
tag="Get in Touch"
|
|
title="Book Your Appointment"
|
|
description="Start your journey toward a healthier smile today. Call us or book online."
|
|
buttons={[
|
|
{
|
|
text: "Call Now", href: "tel:+15550123456"},
|
|
{
|
|
text: "Email Us", href: "mailto:hello@ismile-dental.com"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="iSmile Dental Clinic"
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "Preventive", href: "#features"},
|
|
{
|
|
label: "Pediatric", href: "#features"},
|
|
{
|
|
label: "Cosmetic", href: "#features"},
|
|
],
|
|
},
|
|
{
|
|
title: "Clinic", items: [
|
|
{
|
|
label: "Team", href: "#team"},
|
|
{
|
|
label: "Pricing", href: "#pricing"},
|
|
{
|
|
label: "FAQs", href: "#faq"},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{
|
|
label: "123 Smile Way", href: "#"},
|
|
{
|
|
label: "(555) 012-3456", href: "tel:+15550123456"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 iSmile Dental Clinic LLC. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|