265 lines
15 KiB
TypeScript
265 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
|
|
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
|
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
|
|
import TeamCardSix from "@/components/sections/team/TeamCardSix";
|
|
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
|
|
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
|
import { Sparkles, Shield, Award, Star, HelpCircle } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="SmileCare Dental"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Team", id: "team" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "FAQ", id: "faq" }
|
|
]}
|
|
button={{ text: "Book Now", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
title="Your Smile Deserves Expert Care"
|
|
description="Modern dental solutions for the whole family. Schedule your appointment in minutes—no waiting, no hassle."
|
|
background={{ variant: "radial-gradient" }}
|
|
tag="Premium Dental Care"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Book Your Appointment", href: "#contact" },
|
|
{ text: "Learn More", href: "#services" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/vertical-video-woman-dentist-preparing-stomatology-chair-equipment-oral-care-dental-examination-cabinet-teethcare-specialist-working-with-dentistry-tools-checkup_482257-38492.jpg", imageAlt: "modern dental clinic reception area bright"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-woman-looking-camera_171337-12685.jpg", imageAlt: "happy patient beautiful smile portrait"
|
|
}
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
rating={5}
|
|
ratingText="Trusted by 2,000+ happy patients"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="Your Trusted Dental Partner"
|
|
description={[
|
|
"At SmileCare Dental, we combine cutting-edge technology with compassionate patient care. Our experienced team specializes in preventative care, cosmetic enhancements, and family dentistry.", "We believe every patient deserves a personalized approach. From routine cleanings to advanced treatments, we're committed to achieving optimal oral health for your entire family.", "Our welcoming environment and convenient scheduling ensure you receive world-class dental care without the stress."
|
|
]}
|
|
buttons={[
|
|
{ text: "Meet Our Team", href: "#team" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
showBorder={true}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyFour
|
|
title="Our Dental Services"
|
|
description="Comprehensive care tailored to your needs, from preventative treatments to cosmetic solutions."
|
|
tag="Full Service Dentistry"
|
|
tagIcon={Shield}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: "cleaning", title: "Professional Cleanings", author: "Preventative Care", description: "Regular cleanings and checkups to maintain optimal oral health and prevent future issues.", tags: ["Prevention", "Routine"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/doctor-holds-glasses-woman-looking-camera-dentist-is-waiting-patient_1157-40945.jpg", imageAlt: "professional teeth cleaning procedure dental"
|
|
},
|
|
{
|
|
id: "cosmetic", title: "Cosmetic Dentistry", author: "Smile Enhancement", description: "Teeth whitening, veneers, and bonding to achieve the smile you've always wanted.", tags: ["Cosmetic", "Aesthetic"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-talking-phone_1301-124.jpg", imageAlt: "cosmetic dentistry before after smile"
|
|
},
|
|
{
|
|
id: "orthodontics", title: "Orthodontics", author: "Alignment Services", description: "Modern braces and clear aligners to straighten teeth and improve bite alignment.", tags: ["Orthodontic", "Alignment"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-beauty-portrait-woman-with-makeup-brown-lipstick-gray-wall_343596-6821.jpg", imageAlt: "orthodontic braces teeth alignment treatment"
|
|
},
|
|
{
|
|
id: "emergency", title: "Emergency Services", author: "Same-Day Care", description: "Urgent dental care available for sudden pain, trauma, or unexpected dental issues.", tags: ["Emergency", "Urgent"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-female-dentist-work-dentistry-treatment-childrens-teeth_169016-67212.jpg", imageAlt: "emergency dental care urgent treatment"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: "Schedule a Consultation", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardSix
|
|
title="Meet Our Expert Team"
|
|
description="Experienced dentists and hygienists dedicated to your dental health."
|
|
tag="Our Professionals"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
gridVariant="three-columns-all-equal-width"
|
|
members={[
|
|
{
|
|
id: "dr-johnson", name: "Dr. Sarah Johnson", role: "Lead Dentist & Founder", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-doctor-medical-shirt-medic-emotion-hospital-covid-19-nurse_179666-24230.jpg", imageAlt: "female dentist professional portrait confident"
|
|
},
|
|
{
|
|
id: "dr-chen", name: "Dr. Michael Chen", role: "Cosmetic Specialist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-dentist-with-eyeglasses_23-2147862084.jpg", imageAlt: "male dentist professional portrait confident"
|
|
},
|
|
{
|
|
id: "hygienist-maria", name: "Maria Rodriguez", role: "Dental Hygienist", imageSrc: "http://img.b2bpic.net/free-photo/professional-medical-development-scientist-laboratory_482257-10502.jpg", imageAlt: "female dental hygienist portrait professional"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "View Credentials", href: "#" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="What Our Patients Say"
|
|
description="Real stories from satisfied patients who trust us with their smile."
|
|
tag="Patient Reviews"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "patient-1", name: "Jennifer Martinez", role: "Patient", testimonial: "The team at SmileCare transformed my smile! Professional, caring, and they made the whole experience comfortable. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-gorgeous-young-caucasian-female-student-with-perfect-healthy-skin_273609-9035.jpg", imageAlt: "happy woman portrait smiling confident"
|
|
},
|
|
{
|
|
id: "patient-2", name: "David Thompson", role: "Patient", testimonial: "Dr. Johnson fixed my long-standing dental issues in just a few visits. The office is clean, modern, and the staff is incredibly friendly.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-entrepreneur-posing-camera_1262-3636.jpg", imageAlt: "happy man portrait smiling confident"
|
|
},
|
|
{
|
|
id: "patient-3", name: "Lisa Park", role: "Patient", testimonial: "I was terrified of dentists, but SmileCare made me feel at ease. They explained everything clearly and my teeth have never looked better!", imageSrc: "http://img.b2bpic.net/free-photo/fashion-beauty-portrait-young-brunette-woman-with-natural-stylish-makeup-perfect-clean-skin-sexy-model-with-long-curly-hair-posing-studio-yellow-background_158538-21899.jpg", imageAlt: "happy woman portrait smiling bright"
|
|
},
|
|
{
|
|
id: "patient-4", name: "Robert Williams", role: "Patient", testimonial: "Outstanding service! The online booking system is so convenient, and they got me in for an emergency appointment the same day.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-home_641386-949.jpg", imageAlt: "happy man portrait smiling satisfied"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: "Schedule Your Appointment", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our services, scheduling, and dental care."
|
|
tag="Quick Answers"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "How often should I visit the dentist?", content: "We recommend visiting every 6 months for regular cleanings and checkups. Patients with specific concerns may need more frequent visits. Dr. Johnson will recommend a schedule tailored to your needs."
|
|
},
|
|
{
|
|
id: "faq-2", title: "Do you offer emergency dental care?", content: "Yes! We reserve time each week for emergency appointments. If you experience sudden dental pain or trauma, call us immediately and we'll fit you in as soon as possible."
|
|
},
|
|
{
|
|
id: "faq-3", title: "What payment options do you accept?", content: "We accept all major credit cards, cash, and checks. We also work with most insurance plans and offer flexible payment plans for larger procedures."
|
|
},
|
|
{
|
|
id: "faq-4", title: "Is the booking system truly hassle-free?", content: "Absolutely! Our online booking system lets you schedule appointments 24/7. You can also call us directly, and our friendly staff will find the perfect time slot for you."
|
|
},
|
|
{
|
|
id: "faq-5", title: "Do you have special services for nervous patients?", content: "We specialize in patient comfort. We offer sedation options, explain procedures clearly, and create a calm, welcoming environment for anxious patients."
|
|
},
|
|
{
|
|
id: "faq-6", title: "Are your dentists properly credentialed?", content: "Yes, all our dentists are licensed by the state and hold advanced certifications in their specialties. Dr. Johnson completed additional training in cosmetic and restorative dentistry."
|
|
}
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/employee-drinking-coffee-holding-laptop-working-strategy_482257-78092.jpg"
|
|
imageAlt="dental office interior modern bright"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to Transform Your Smile?\n\nOur team is here to answer your questions and schedule your appointment. Whether you need a routine checkup, cosmetic enhancement, or emergency care, we're committed to making your experience seamless and comfortable.\n\nContact us today and take the first step toward a healthier, brighter smile."
|
|
animationType="entrance-slide"
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: "Call: (555) 123-4567", href: "tel:+15551234567" },
|
|
{ text: "Email: hello@smilecare.com", href: "mailto:hello@smilecare.com" },
|
|
{ text: "Book Online Now", href: "#" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="SmileCare Dental"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "Home", href: "#hero" },
|
|
{ label: "About", href: "#about" },
|
|
{ label: "Services", href: "#services" },
|
|
{ label: "Team", href: "#team" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
{ label: "FAQ", href: "#faq" },
|
|
{ label: "Contact", href: "#contact" },
|
|
{ label: "Book Appointment", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Accessibility", href: "#" },
|
|
{ label: "Contact Us", href: "#contact" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |