128 lines
5.9 KiB
TypeScript
128 lines
5.9 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import { Phone, Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Dr Vishwanath Dental Studio"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
background={{ variant: "plain" }}
|
|
title="Dr Vishwanath Dental Studio"
|
|
description="Your Smile, Our Priority. Providing high-quality, compassionate dental care in Gauribidanur to ensure your absolute comfort and oral health."
|
|
buttons={[{ text: "Book Appointment", href: "#contact" }]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/doctor-operating-room_657921-815.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentySix
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ title: "Teeth Cleaning", description: "Professional deep cleaning for optimal oral hygiene.", buttonIcon: Sparkles },
|
|
{ title: "Teeth Whitening", description: "Brighten your smile with safe, effective whitening solutions.", buttonIcon: Sparkles },
|
|
{ title: "Braces Treatment", description: "Precision orthodontics for a perfectly aligned smile.", buttonIcon: Sparkles },
|
|
{ title: "Root Canal Treatment", description: "Painless and modern root canal therapy.", buttonIcon: Sparkles },
|
|
{ title: "Cosmetic Dentistry", description: "Smile makeovers tailored to your needs.", buttonIcon: Sparkles },
|
|
]}
|
|
title="Our Specialized Dental Services"
|
|
description="State-of-the-art treatments designed for patient comfort and exceptional results."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={true}
|
|
title="Meet Dr. Vishwanath"
|
|
buttons={[{ text: "Book Consultation", href: "#contact" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "Ravi Kumar", handle: "@ravi", testimonial: "Exceptional painless treatment. Dr. Vishwanath is very knowledgeable and patient.", imageSrc: "http://img.b2bpic.net/free-photo/dentist-process-dental-services-dental-office-dental-treatment_1321-2973.jpg" },
|
|
{ id: "2", name: "Sunitha Rao", handle: "@sunitha", testimonial: "The clinic is very hygienic, and the staff is extremely caring. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-lady-boss-talking-employees_1262-7176.jpg" },
|
|
{ id: "3", name: "Amit Deshmukh", handle: "@amit", testimonial: "Very professional experience. My root canal was completed without any discomfort.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12670.jpg" },
|
|
]}
|
|
title="What Our Patients Say"
|
|
description="Experiences of care, comfort, and professional service."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
animationType="slide-up"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{ id: "location", title: "Where are you located?", content: "We are based in the heart of Gauribidanur." },
|
|
{ id: "phone", title: "Phone Number", content: "You can reach us at 88614 33489." },
|
|
]}
|
|
ctaTitle="Ready for your checkup?"
|
|
ctaDescription="Contact us today to book your appointment. We are conveniently located in Gauribidanur."
|
|
ctaButton={{ text: "WhatsApp Appointment", href: "https://wa.me/918861433489" }}
|
|
ctaIcon={Phone}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{ label: "Services", href: "#services" },
|
|
{ label: "About", href: "#about" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "WhatsApp", href: "https://wa.me/918861433489" },
|
|
{ label: "Call Us", href: "tel:8861433489" },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|