221 lines
11 KiB
TypeScript
221 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSizeMediumTitles"
|
|
background="fluid"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Services", id: "services"},
|
|
{
|
|
name: "Doctors", id: "team"},
|
|
{
|
|
name: "Reviews", id: "testimonials"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="NordicSmile"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="NordicSmile Clinic"
|
|
description="Experience luxury dental care in a calm, modern environment. Book your consultation with our AI-powered assistant today."
|
|
buttons={[
|
|
{
|
|
text: "Book Appointment", href: "#contact"},
|
|
{
|
|
text: "View Patient Gallery", href: "#testimonials"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-female-dentist-treating-patients-teeth-with-dental-microscope-dentistry-concept_169016-67130.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={false}
|
|
title="Your Smile, Our Passion"
|
|
tag="About Us"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardSix
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Cosmetic Dentistry", description: "Enhance your natural beauty with our advanced cosmetic procedures.", imageSrc: "http://img.b2bpic.net/free-photo/dentist-process-dental-services-dental-office-dental-treatment_1321-2941.jpg"},
|
|
{
|
|
title: "Dental Implants", description: "Restorative care using state-of-the-art implant technology.", imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1673.jpg"},
|
|
{
|
|
title: "Teeth Cleaning", description: "Professional preventative care for long-term oral health.", imageSrc: "http://img.b2bpic.net/free-photo/dentist-utensils-ready-use_23-2149195869.jpg"},
|
|
]}
|
|
title="Our Specialized Treatments"
|
|
description="Premium dental solutions tailored to your unique smile needs."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "1", value: "15k+", title: "Successful Treatments", description: "Patient care delivered with perfection.", imageSrc: "http://img.b2bpic.net/free-photo/dental-equipment-placed-table_1150-19621.jpg"},
|
|
{
|
|
id: "2", value: "20+", title: "Years Experience", description: "Decades of dental expertise.", imageSrc: "http://img.b2bpic.net/free-photo/dentist-examining-woman-teeth-with-diagnostic-microscope_651396-2532.jpg"},
|
|
{
|
|
id: "3", value: "98%", title: "Satisfaction Rate", description: "Consistently high patient ratings.", imageSrc: "http://img.b2bpic.net/free-photo/patient-dentist_624325-1625.jpg"},
|
|
]}
|
|
title="Excellence in Care"
|
|
description="Our numbers speak for the trust we've built with our patients."
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
members={[
|
|
{
|
|
id: "1", name: "Dr. Sarah Miller", role: "Head Dentist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-doctor-with-medical-expertise-feeling-confident-about-health-care-system-cabinet-physician-waiting-start-checkup-visit-consultation-appointments-with-patient_482257-47405.jpg"},
|
|
{
|
|
id: "2", name: "Dr. James Smith", role: "Implant Specialist", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-doctor-with-stethoscope-clinic_1303-19758.jpg"},
|
|
{
|
|
id: "3", name: "Dr. Emily Chen", role: "Orthodontist", imageSrc: "http://img.b2bpic.net/free-photo/family-doctor-doctor-s-office_23-2148168436.jpg"},
|
|
]}
|
|
title="Meet Our Expert Team"
|
|
description="Led by highly qualified professionals dedicated to your health."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "Life Changing", quote: "The care I received was incredible. Truly world-class.", name: "Alice P.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/dentist-showing-model-teeth-female-patient_107420-65409.jpg"},
|
|
{
|
|
id: "2", title: "Highly Professional", quote: "Everything about this clinic is premium and efficient.", name: "Mark D.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-female-face-looking-camera_1262-2974.jpg"},
|
|
{
|
|
id: "3", title: "Great Staff", quote: "The staff made me feel comfortable immediately.", name: "Elena W.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/happy-cheerful-glad-young-sportswoman-redhead-nominated-smiling-surprised-laughing-joyfully-close-ey_1258-137344.jpg"},
|
|
{
|
|
id: "4", title: "Fast Treatment", quote: "Excellent results and very smooth booking process.", name: "John K.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-male-doctor-smiling-points-away-space-text-white-background-attractive-intern-wearing-uniform-looking-confident-isolated_574295-6094.jpg"},
|
|
{
|
|
id: "5", title: "Exceptional Care", quote: "I am so happy with my new smile, thank you!", name: "Sarah T.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-standing-bricks-wall-with-happy-cool-smile-face-lucky-person_839833-8060.jpg"},
|
|
]}
|
|
title="Patient Stories"
|
|
description="Read about the transformative experiences at NordicSmile."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How do I book?", content: "Use our AI assistant widget at the bottom-right corner to schedule anytime."},
|
|
{
|
|
id: "2", title: "Do you accept insurance?", content: "Yes, we work with most major medical insurance providers."},
|
|
{
|
|
id: "3", title: "Are emergency appointments available?", content: "Yes, contact our AI assistant for immediate triage."},
|
|
]}
|
|
title="Common Questions"
|
|
faqsAnimation="slide-up"
|
|
description="Everything you need to know about your visits."
|
|
/>
|
|
</div>
|
|
|
|
<div id="blog" data-section="blog">
|
|
<BlogCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Dental Wellness Insights"
|
|
blogs={[
|
|
{
|
|
id: "1", category: "Health", title: "Maintaining White Teeth", excerpt: "Top tips for bright smiles.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-modern-woman-writing-down-grocery-list-meal-ideas-notebook-standing_1258-218334.jpg", authorName: "Dr. Miller", authorAvatar: "http://img.b2bpic.net/free-photo/pleased-tilting-head-middle-aged-man-wearing-white-t-shirt-with-tie-crossing-hands-isolated-orange-wall_141793-103462.jpg", date: "Oct 2023"},
|
|
{
|
|
id: "2", category: "Health", title: "Implant Recovery Tips", excerpt: "Everything you need to know.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-using-instruments_23-2151053288.jpg", authorName: "Dr. Smith", authorAvatar: "http://img.b2bpic.net/free-photo/doctor-gives-medication-young-man_482257-119615.jpg", date: "Nov 2023"},
|
|
{
|
|
id: "3", category: "Health", title: "Oral Hygiene Basics", excerpt: "The importance of flossing.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-dentists_23-2149443492.jpg", authorName: "Dr. Chen", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-man-dentist-smiling-with-arms-crossed-dental-clinic_158595-7723.jpg", date: "Dec 2023"},
|
|
]}
|
|
description="Stay updated on the latest trends and dental health advice."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
text="Ready for your best smile? Contact us today to get started."
|
|
buttons={[
|
|
{
|
|
text: "Book Now"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Services", href: "#services"},
|
|
{
|
|
label: "About", href: "#about"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
{
|
|
label: "Privacy", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="NordicSmile"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|