293 lines
18 KiB
TypeScript
293 lines
18 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
|
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import { Heart, HelpCircle, Smile, Sparkles, Users } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="mediumLarge"
|
|
background="circleGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
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: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Book Appointment", href: "#contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero" className="min-h-screen flex items-center justify-center w-full">
|
|
<HeroBillboardScroll
|
|
title="Your Smile, Our Priority"
|
|
description="Welcome to SmileCare Dental, where we combine cutting-edge technology with compassionate care to give you the bright, healthy smile you deserve. Our experienced team is dedicated to making every visit comfortable and rewarding."
|
|
tag="Premier Dental Care"
|
|
tagIcon={Smile}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
buttons={[
|
|
{ text: "Book Appointment", href: "#contact" },
|
|
{ text: "Learn More", href: "#services" }
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
imageSrc="http://img.b2bpic.net/free-photo/crowded-stomatology-waiting-area-with-people-filling-form-dental-consultation_482257-4858.jpg"
|
|
imageAlt="Modern dental office with comfortable seating and professional staff"
|
|
className="w-full"
|
|
containerClassName="relative"
|
|
textBoxClassName="text-center"
|
|
titleClassName="text-5xl md:text-6xl font-bold"
|
|
descriptionClassName="text-lg md:text-xl"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about" className="py-20 bg-foreground/5 w-full">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "Excellence in" },
|
|
{ type: "image", src: "http://img.b2bpic.net/free-photo/team-doctors-standing-corridor_107420-84841.jpg", alt: "Dental team photo" },
|
|
{ type: "text", content: "Dental Care Since 2010" }
|
|
]}
|
|
buttons={[
|
|
{ text: "Our Story", href: "#services" },
|
|
{ text: "Contact Us", href: "#contact" }
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
useInvertedBackground={false}
|
|
className="w-full"
|
|
containerClassName="py-20"
|
|
headingClassName="text-4xl md:text-5xl font-bold text-center"
|
|
imageWrapperClassName="inline-flex mx-2"
|
|
imageClassName="h-[1.1em] aspect-square rounded-full object-cover"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services" className="py-20 w-full">
|
|
<FeatureCardEight
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Professional Cleaning", description: "Regular cleanings remove tartar and plaque buildup, maintaining your oral health and preventing gum disease. Our gentle approach ensures comfort throughout the procedure.", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-man-receiving-dental-treatment-from-female-dentist-clinic_662251-2555.jpg"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Dental Implants", description: "Restore missing teeth with our advanced implant technology. Implants provide a permanent, natural-looking solution that functions just like real teeth.", imageSrc: "http://img.b2bpic.net/free-photo/dentist-his-assistant-working-with-patient-dentist-chair-dentist-office_651396-3421.jpg"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Orthodontics", description: "Achieve the perfect smile with our comprehensive orthodontic treatments. From traditional braces to invisible aligners, we offer solutions for all ages.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-patient-holding-orthodontic-retainers-dental-clinic_662251-2605.jpg"
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Teeth Whitening", description: "Brighten your smile with our professional whitening treatments. Safe, effective, and results you can see in just one visit.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman_93675-131882.jpg"
|
|
}
|
|
]}
|
|
title="Our Services"
|
|
description="We offer a comprehensive range of dental services to meet all your oral health needs, from preventative care to advanced cosmetic procedures."
|
|
tag="Comprehensive Care"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
className="w-full"
|
|
containerClassName="py-20"
|
|
cardClassName="rounded-lg gradient-bordered"
|
|
textBoxClassName="text-center mb-12"
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team" className="py-20 bg-foreground/5 w-full">
|
|
<TeamCardEleven
|
|
groups={[
|
|
{
|
|
id: "doctors", groupTitle: "Dentists", members: [
|
|
{
|
|
id: "1", title: "Dr. Sarah Mitchell", subtitle: "General Dentist & Lead Practitioner", detail: "sarah.mitchell@smilecare.com", imageSrc: "http://img.b2bpic.net/free-photo/smiling-dentist-white-coat_1098-21354.jpg"
|
|
},
|
|
{
|
|
id: "2", title: "Dr. James Peterson", subtitle: "Orthodontist Specialist", detail: "james.peterson@smilecare.com", imageSrc: "http://img.b2bpic.net/free-photo/closeup-patient-man-looking-into-camera-waiting-doctors-start-stomatology-surgery-sitting-dental-chair_482257-4877.jpg"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
id: "support", groupTitle: "Support Team", members: [
|
|
{
|
|
id: "3", title: "Lisa Thompson", subtitle: "Dental Hygienist", detail: "lisa.thompson@smilecare.com", imageSrc: "http://img.b2bpic.net/free-photo/team-happy-doctors-standing-with-arms-crossed-mri-scanner-hospital-looking-camera_637285-389.jpg"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
title="Meet Our Team"
|
|
description="Our experienced dental professionals are committed to providing you with the highest quality care in a welcoming environment."
|
|
tag="Expert Practitioners"
|
|
tagIcon={Users}
|
|
tagAnimation="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
className="w-full"
|
|
containerClassName="py-20"
|
|
textBoxClassName="text-center mb-16"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials" className="py-20 w-full">
|
|
<TestimonialCardFive
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Emily Rodriguez, Marketing Professional", date: "Date: 15 November 2024", title: "Best dental experience ever!", quote: "Dr. Mitchell and her team made me feel completely comfortable during my implant procedure. The professionalism and attention to detail are unmatched. I couldn't be happier with my results!", tag: "Implant Treatment", avatarSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen, Business Owner", date: "Date: 22 October 2024", title: "Professional and caring", quote: "I've been coming to SmileCare for 5 years. The consistency of care and the genuine concern for patient wellness is refreshing. Highly recommend to anyone looking for a trustworthy dental practice.", tag: "Regular Checkup", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg"
|
|
},
|
|
{
|
|
id: "3", name: "Jessica Williams, Teacher", date: "Date: 8 September 2024", title: "My teeth have never looked better!", quote: "The whitening treatment exceeded my expectations. Results were immediate and the staff explained everything clearly. I feel so confident smiling now.", tag: "Teeth Whitening", avatarSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg"
|
|
},
|
|
{
|
|
id: "4", name: "David Thompson, IT Specialist", date: "Date: 25 August 2024", title: "Outstanding orthodontic care", quote: "Dr. Peterson's orthodontic expertise is evident in every interaction. My journey to straighter teeth has been smooth and well-managed. Couldn't ask for better care.", tag: "Orthodontics", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg"
|
|
},
|
|
{
|
|
id: "5", name: "Amanda Foster, Healthcare Administrator", date: "Date: 12 July 2024", title: "Five-star experience", quote: "From scheduling to the actual appointment, everything was seamless. The clinic is clean, modern, and the staff is incredibly welcoming. This is my new dental home.", tag: "Routine Cleaning", avatarSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg"
|
|
},
|
|
{
|
|
id: "6", name: "Robert Wilson, Retired Executive", date: "Date: 29 June 2024", title: "Restored my confidence", quote: "After getting implants here, I finally have the confidence to smile freely again. The entire process was professional and the results speak for themselves.", tag: "Implant Treatment", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg"
|
|
}
|
|
]}
|
|
title="What Our Patients Say"
|
|
description="Real reviews from real patients who have experienced the SmileCare difference."
|
|
tag="Patient Testimonials"
|
|
tagIcon={Heart}
|
|
tagAnimation="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
className="w-full"
|
|
containerClassName="py-20"
|
|
textBoxClassName="text-center mb-12"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq" className="py-20 bg-foreground/5 w-full">
|
|
<FaqBase
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How often should I visit the dentist?", content: "We recommend visiting your dentist at least twice a year for regular checkups and cleanings. However, if you have specific dental concerns or gum disease, more frequent visits may be beneficial. Dr. Mitchell will recommend the ideal schedule for your individual needs."
|
|
},
|
|
{
|
|
id: "2", title: "Are dental implants permanent?", content: "Dental implants are designed to be a long-term solution and can last 20+ years with proper care. They require the same maintenance as natural teeth: brushing, flossing, and regular dental checkups. In many cases, they can last a lifetime."
|
|
},
|
|
{
|
|
id: "3", title: "Is teeth whitening safe?", content: "Yes, professional teeth whitening performed by our dental team is safe and effective. We use proven whitening agents and protect your gums during the procedure. Results typically last 6-12 months depending on your lifestyle and dietary habits."
|
|
},
|
|
{
|
|
id: "4", title: "What is your cancellation policy?", content: "We ask for 24 hours notice if you need to cancel or reschedule your appointment. This allows us to accommodate other patients who may be waiting for an available slot. Emergency situations are handled case-by-case."
|
|
},
|
|
{
|
|
id: "5", title: "Do you offer payment plans?", content: "Yes, we offer flexible payment options and financing plans for major dental procedures. We also accept most insurance plans and can help you maximize your benefits. Please call us to discuss your specific situation."
|
|
},
|
|
{
|
|
id: "6", title: "What should I expect at my first appointment?", content: "Your first appointment includes a comprehensive dental exam, X-rays if needed, and a professional cleaning. Dr. Mitchell will discuss your dental history, any concerns, and create a personalized treatment plan for your optimal oral health."
|
|
}
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our services, procedures, and dental care."
|
|
tag="FAQ"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
className="w-full"
|
|
containerClassName="py-20"
|
|
textBoxClassName="text-center mb-12"
|
|
animationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact" className="py-20 w-full">
|
|
<ContactText
|
|
text="Ready for your best smile? Schedule your appointment with SmileCare Dental today and experience professional dental care like never before."
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{ text: "Schedule Now", href: "tel:+1-555-123-4567" },
|
|
{ text: "Get Directions", href: "#" }
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
className="w-full"
|
|
containerClassName="py-20"
|
|
contentClassName="max-w-2xl mx-auto"
|
|
textClassName="text-3xl md:text-4xl font-bold mb-8"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer" className="py-20 w-full">
|
|
<FooterBaseCard
|
|
logoText="SmileCare Dental"
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "General Dentistry", href: "#services" },
|
|
{ label: "Dental Implants", href: "#services" },
|
|
{ label: "Orthodontics", href: "#services" },
|
|
{ label: "Cosmetic Dentistry", href: "#services" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Team", href: "#team" },
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
{ label: "FAQ", href: "#faq" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Phone: +1 (555) 123-4567", href: "tel:+1-555-123-4567" },
|
|
{ label: "Email: info@smilecare.com", href: "mailto:info@smilecare.com" },
|
|
{ label: "Address: 123 Dental Way, Suite 100", href: "#" },
|
|
{ label: "Hours: Mon-Fri 9AM-6PM", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 SmileCare Dental. All rights reserved."
|
|
className="w-full"
|
|
containerClassName="py-20"
|
|
logoTextClassName="text-3xl font-bold text-foreground"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|