233 lines
12 KiB
TypeScript
233 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
|
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
|
|
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
import { Award, Bell, Heart, Sparkles, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="SmileCare Dental"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
button={{
|
|
text: "Book Appointment", href: "#contact"
|
|
}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
title="Your Smile, Our Passion"
|
|
description="Experience world-class dental care in a modern, welcoming environment. From routine cleanings to advanced cosmetic procedures, we're dedicated to giving you the smile you've always wanted."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
kpis={[
|
|
{ value: "15+", label: "Years Experience" },
|
|
{ value: "5,000+", label: "Happy Patients" },
|
|
{ value: "99%", label: "Satisfaction Rate" },
|
|
]}
|
|
enableKpiAnimation={true}
|
|
tag="Trusted Dental Care"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Book Your Appointment", href: "#contact" },
|
|
{ text: "Learn More", href: "#about" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/empty-chairs-modern-brick-wall-room_482257-119333.jpg"
|
|
imageAlt="Beautiful smile from our patients"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<ProductCardTwo
|
|
title="Our Premium Services"
|
|
description="Comprehensive dental solutions tailored to your unique needs. Each service is delivered with precision, care, and the latest technology."
|
|
tag="Services"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[{ text: "Schedule Service", href: "#contact" }]}
|
|
buttonAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
products={[
|
|
{
|
|
id: "1", brand: "SmileCare", name: "Professional Teeth Whitening", price: "$299", rating: 5,
|
|
reviewCount: "482", imageSrc: "http://img.b2bpic.net/free-photo/medicine-health-female-aged-sheltered_1303-511.jpg?_wi=1", imageAlt: "Professional teeth whitening treatment"
|
|
},
|
|
{
|
|
id: "2", brand: "SmileCare", name: "Advanced Orthodontics", price: "$3,500", rating: 5,
|
|
reviewCount: "356", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-using-toothbrush-teeth-model-dental-clinic_23-2147879182.jpg?_wi=1", imageAlt: "Advanced orthodontic treatment"
|
|
},
|
|
{
|
|
id: "3", brand: "SmileCare", name: "Dental Implants", price: "$2,800", rating: 5,
|
|
reviewCount: "291", imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-checking-patient_23-2149103569.jpg?_wi=1", imageAlt: "Premium dental implant procedure"
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "Crafting Beautiful Smiles with" },
|
|
{ type: "image", src: "http://img.b2bpic.net/free-photo/abstract-blur-hospital_1339-2641.jpg", alt: "Modern dental clinic" },
|
|
{ type: "text", content: "Clinical Excellence" },
|
|
]}
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: "Meet Our Team", href: "#contact" },
|
|
{ text: "Our Philosophy", href: "#services" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardOne
|
|
title="Why Choose SmileCare Dental"
|
|
description="We combine cutting-edge technology with personalized care to deliver exceptional results. Our commitment to excellence sets us apart."
|
|
tag="Why Us"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
title: "Latest Technology", description: "State-of-the-art equipment ensures accurate diagnostics and comfortable treatments.", imageSrc: "http://img.b2bpic.net/free-photo/medicine-health-female-aged-sheltered_1303-511.jpg?_wi=2"
|
|
},
|
|
{
|
|
title: "Expert Dentists", description: "Our team consists of highly trained professionals with years of experience in cosmetic and restorative dentistry.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-using-toothbrush-teeth-model-dental-clinic_23-2147879182.jpg?_wi=2"
|
|
},
|
|
{
|
|
title: "Patient Comfort", description: "We prioritize your comfort with sedation options and a calming environment designed for relaxation.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-checking-patient_23-2149103569.jpg?_wi=2"
|
|
},
|
|
{
|
|
title: "Personalized Plans", description: "Each treatment plan is customized to your unique needs, goals, and budget.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-hospital_1339-2641.jpg"
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="What Our Patients Say"
|
|
description="Real stories from real patients who've experienced the SmileCare difference."
|
|
tag="Testimonials"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Jennifer Martinez", handle: "Beautiful Results", testimonial: "Dr. Thompson and the entire team made me feel so comfortable. My smile has never looked better! Highly recommend SmileCare.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-expressive-woman-posing-studio_344912-612.jpg?_wi=1", imageAlt: "Jennifer Martinez"
|
|
},
|
|
{
|
|
id: "2", name: "David Chen", handle: "Professional Care", testimonial: "The orthodontic treatment exceeded my expectations. The staff is friendly, professional, and genuinely care about your dental health.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1702.jpg?_wi=1", imageAlt: "David Chen"
|
|
},
|
|
{
|
|
id: "3", name: "Sarah Williams", handle: "Life-Changing", testimonial: "Getting my dental implants from SmileCare was the best decision. I feel confident again. Thank you for restoring my smile!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-pleasant-girl-smiling-looking-friendly-happy-cute-face-expression-smile-white-teeth-standing-casual-blouse-against-white-background_176420-47612.jpg", imageAlt: "Sarah Williams"
|
|
},
|
|
{
|
|
id: "4", name: "Michael Peterson", handle: "Exceptional Service", testimonial: "Professional, compassionate, and thorough. SmileCare sets the standard for what dental care should be. Five stars!", imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg", imageAlt: "Michael Peterson"
|
|
},
|
|
{
|
|
id: "5", name: "Emily Rodriguez", handle: "Worth Every Penny", testimonial: "The whitening treatment gave me results I didn't think were possible. The technology and expertise here are outstanding.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-expressive-woman-posing-studio_344912-612.jpg?_wi=2", imageAlt: "Emily Rodriguez"
|
|
},
|
|
{
|
|
id: "6", name: "James Thompson", handle: "Trusted Professionals", testimonial: "Been a patient for 5 years. The consistency of care and attention to detail is remarkable. Highly recommend SmileCare Dental.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1702.jpg?_wi=2", imageAlt: "James Thompson"
|
|
},
|
|
]}
|
|
speed={40}
|
|
topMarqueeDirection="left"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Newsletter"
|
|
tagIcon={Bell}
|
|
tagAnimation="slide-up"
|
|
title="Stay Updated with Dental Tips"
|
|
description="Subscribe to our newsletter for exclusive offers, dental health tips, and updates about new treatments. Join our community of happy patients."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-positive-young-woman-wearing-blouse_1262-2298.jpg"
|
|
imageAlt="Our dental professional"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. Unsubscribe anytime."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="SmileCare Dental"
|
|
copyrightText="© 2025 SmileCare Dental. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Teeth Whitening", href: "#services" },
|
|
{ label: "Orthodontics", href: "#services" },
|
|
{ label: "Dental Implants", href: "#services" },
|
|
{ label: "Cosmetic Dentistry", href: "#services" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Team", href: "#about" },
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
{ label: "Contact", href: "#contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" },
|
|
{ label: "Accessibility", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|