223 lines
12 KiB
TypeScript
223 lines
12 KiB
TypeScript
"use client";
|
|
|
|
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 { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import { Award, Sparkles, Zap, Heart, Calendar } 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="SmilePrecision"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "services" },
|
|
{ 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="Premium Dental Care Excellence"
|
|
description="Experience world-class cosmetic and restorative dentistry in a serene, state-of-the-art environment. Our dedicated team combines artistry with cutting-edge technology to create beautiful, healthy smiles."
|
|
background={{ variant: "aurora" }}
|
|
kpis={[
|
|
{ value: "25+", label: "Years Excellence" },
|
|
{ value: "10,000+", label: "Happy Patients" },
|
|
{ value: "99.8%", label: "Satisfaction Rate" }
|
|
]}
|
|
enableKpiAnimation={true}
|
|
tag="Award-Winning Practice"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Schedule Consultation", href: "#contact" },
|
|
{ text: "Learn More", href: "#about" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/concept-interior-new-modern-dental-clinic-office-dental-equipment_613910-6062.jpg"
|
|
imageAlt="Modern dental office interior"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<ProductCardTwo
|
|
title="Our Premium Services"
|
|
description="Discover our comprehensive range of advanced dental treatments designed to enhance your smile and oral health"
|
|
tag="Premium Treatments"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
gridVariant="three-columns-all-equal-width"
|
|
products={[
|
|
{
|
|
id: "1", brand: "Cosmetic", name: "Teeth Whitening Pro", price: "$299", rating: 5,
|
|
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman_93675-131882.jpg", imageAlt: "Professional teeth whitening"
|
|
},
|
|
{
|
|
id: "2", brand: "Restorative", name: "Implant Solutions", price: "$2,499", rating: 5,
|
|
reviewCount: "856", imageSrc: "http://img.b2bpic.net/free-photo/dentist-using-dental-implant-machine-implantology-procedure_651396-3118.jpg", imageAlt: "Dental implant procedure"
|
|
},
|
|
{
|
|
id: "3", brand: "Cosmetic", name: "Invisalign Aligners", price: "$1,999", rating: 5,
|
|
reviewCount: "924", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-patient-holding-orthodontic-retainers-dental-clinic_662251-2605.jpg", imageAlt: "Clear aligner treatment"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "Pioneering Dental Excellence Since 1998" }
|
|
]}
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: "Meet Our Team", href: "#" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardOne
|
|
title="Why Choose SmilePrecision"
|
|
description="Experience dentistry reimagined with advanced technology, compassionate care, and a commitment to your oral health"
|
|
tag="Advanced Technology"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
gridVariant="asymmetric-60-wide-40-narrow"
|
|
features={[
|
|
{
|
|
title: "Digital Imaging", description: "Latest 3D imaging technology for precise diagnostics and treatment planning", imageSrc: "http://img.b2bpic.net/free-photo/dentist-doctor-patient-looking-digital-teeh-x-ray-dental-office-person-pov-stomatology-wearing-protective-face-mask-gloves-pointing-teeth-radiography-stomatological-clinic_482257-13097.jpg", imageAlt: "Digital dental imaging technology"
|
|
},
|
|
{
|
|
title: "Pain-Free Procedures", description: "Advanced anesthesia and gentle techniques ensure maximum comfort", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-patient_23-2148396133.jpg", imageAlt: "Comfortable dental experience"
|
|
},
|
|
{
|
|
title: "Expert Team", description: "Board-certified specialists with years of advanced training", imageSrc: "http://img.b2bpic.net/free-photo/team-doctors-standing-corridor_107420-84841.jpg", imageAlt: "Professional dental team"
|
|
},
|
|
{
|
|
title: "Premium Materials", description: "Only the highest quality materials for lasting, beautiful results", imageSrc: "http://img.b2bpic.net/free-photo/dental-equipment-placed-table_1150-19617.jpg", imageAlt: "Premium dental materials"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="What Our Patients Say"
|
|
description="Trusted by thousands of satisfied patients who have transformed their smiles"
|
|
tag="Patient Stories"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Mitchell", handle: "Cosmetic Patient", testimonial: "Dr. Johnson transformed my smile with expert precision and care. The entire experience was professional, comfortable, and exceeded all my expectations. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", imageAlt: "Sarah Mitchell"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen", handle: "Implant Patient", testimonial: "The implant procedure was seamless. The team's expertise and attention to detail gave me complete confidence. My new smile changed my life!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Michael Chen"
|
|
},
|
|
{
|
|
id: "3", name: "Emily Rodriguez", handle: "Invisalign Patient", testimonial: "Professional, courteous, and incredibly skilled. The Invisalign treatment delivered stunning results in less time than expected. Best decision ever!", imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg", imageAlt: "Emily Rodriguez"
|
|
},
|
|
{
|
|
id: "4", name: "David Kim", handle: "Whitening Patient", testimonial: "Outstanding service from start to finish. My teeth have never looked better, and the care team made me feel genuinely valued. Thank you!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", imageAlt: "David Kim"
|
|
},
|
|
{
|
|
id: "5", name: "Jessica Torres", handle: "Regular Patient", testimonial: "I've been a patient for five years. The consistent excellence, warm welcome, and cutting-edge treatments keep me coming back. True professionals!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg", imageAlt: "Jessica Torres"
|
|
},
|
|
{
|
|
id: "6", name: "Robert James", handle: "Crown Patient", testimonial: "From consultation to final fitting, every detail was perfect. The attention to aesthetics and function is remarkable. Couldn't be happier!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Robert James"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get in Touch"
|
|
title="Schedule Your Smile Transformation"
|
|
description="Ready to experience premium dental care? Contact us today to book your consultation with our award-winning team. We look forward to creating your perfect smile."
|
|
tagIcon={Calendar}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "aurora" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/empty-hospital-reception-counter-hallway-waiting-room-seats-medical-examination-appointment-with-physician-registration-desk-with-waiting-area-help-patients-with-disease-diagnosis_482257-51632.jpg"
|
|
imageAlt="Dental office waiting area"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email address"
|
|
buttonText="Request Appointment"
|
|
termsText="We respect your privacy. Your appointment request will be reviewed within 24 hours."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="SmilePrecision"
|
|
copyrightText="© 2025 SmilePrecision Dental. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Cosmetic Dentistry", href: "#services" },
|
|
{ label: "Implants", href: "#services" },
|
|
{ label: "Invisalign", href: "#services" },
|
|
{ label: "Whitening", href: "#services" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Team", href: "#" },
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|