124 lines
6.0 KiB
TypeScript
124 lines
6.0 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import { Shield } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="noise"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Services", id: "#services" },
|
|
{ name: "About", id: "#about" },
|
|
{ name: "FAQ", id: "#faq" },
|
|
{ name: "Contact", id: "#contact" },
|
|
]}
|
|
brandName="Unicare Dental"
|
|
button={{
|
|
text: "Book Online", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
background={{ variant: "gradient-bars" }}
|
|
title="High-Quality, Painless Dental Care You Can Trust"
|
|
description="At Unicare Dental Clinic, your comfort and health are our top priorities. We combine modern equipment with expert professionals to give you the perfect smile."
|
|
buttons={[{ text: "Book Appointment", href: "#contact" }]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CPDG8gHx8Mgrochwp9Sy50B0MQ/uploaded-1776278372734-2df59ii6.jpg?_wi=1"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardSix
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ title: "Teeth Cleaning", description: "Professional removal of plaque and tartar.", imageSrc: "http://img.b2bpic.net/free-photo/curly-woman-cares-about-teeth-holds-dental-floss-surrounded-by-toothpaste-brushes_273609-37071.jpg" },
|
|
{ title: "Teeth Whitening", description: "Brighter, whiter smile with safe treatments.", imageSrc: "http://img.b2bpic.net/free-photo/dental-health-hygiene-concept-dark-skinned-curly-woman-closes-eyes-shows-white-healthy-teeth-holds-two-tooth-brushes-enjoys-morning-routine-stands-indoor-against-purple-wall_273609-42646.jpg" },
|
|
{ title: "Braces", description: "Modern orthodontic alignment solutions.", imageSrc: "http://img.b2bpic.net/free-photo/photo-curly-haired-woman-cleans-teeth-with-electric-toothbrush-undergoes-morning-dental-hygiene-holds-glass-mouthwash-dressed-casually-isolated-blue-background-stomatology-concept_273609-60921.jpg" },
|
|
]}
|
|
title="Our Professional Services"
|
|
description="We offer a comprehensive range of treatments to maintain your oral health."
|
|
buttons={[{ text: "Book Consultation", href: "#contact" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={false}
|
|
tag="About Us"
|
|
title="Expertise Meets Compassionate Care"
|
|
description="Unicare Dental Clinic stands for professionalism, trust, and patient-centric care. Our team of certified dentists is dedicated to using the latest technology to ensure a pain-free experience."
|
|
subdescription="Your smile is our passion."
|
|
icon={Shield}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CPDG8gHx8Mgrochwp9Sy50B0MQ/uploaded-1776278372735-3m2kihzw.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about your dental visit."
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "f1", title: "Is the procedure painful?", content: "We utilize modern sedation and gentle techniques to ensure comfort." },
|
|
{ id: "f2", title: "What if I have an emergency?", content: "We provide same-day urgent care appointments for existing patients." },
|
|
{ id: "f3", title: "Do you accept insurance?", content: "Yes, we work with most major insurance providers." },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Book Your Appointment"
|
|
description="Schedule your visit today and experience top-tier dental care. Provide your details below and our team will confirm your slot."
|
|
useInvertedBackground={false}
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
|
]}
|
|
textarea={{ name: "notes", placeholder: "What brings you in today?", rows: 4 }}
|
|
buttonText="Submit Request"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CPDG8gHx8Mgrochwp9Sy50B0MQ/uploaded-1776278372734-2df59ii6.jpg?_wi=2"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="Unicare Dental Clinic"
|
|
columns={[
|
|
{ title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#services" }, { label: "Book Now", href: "#contact" }] },
|
|
{ title: "Contact Details", items: [{ label: "+1 234 567 890", href: "tel:+1234567890" }, { label: "info@unicaredental.com", href: "mailto:info@unicaredental.com" }] },
|
|
]}
|
|
copyrightText="© 2025 | Unicare Dental Clinic. All Rights Reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |