457 lines
14 KiB
TypeScript
457 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import { Award, Clock, Sparkles, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="grid"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "#hero",
|
|
},
|
|
{
|
|
name: "Services",
|
|
id: "#services",
|
|
},
|
|
{
|
|
name: "Why Us",
|
|
id: "#why-us",
|
|
},
|
|
{
|
|
name: "Testimonials",
|
|
id: "#reviews",
|
|
},
|
|
{
|
|
name: "Location",
|
|
id: "#location",
|
|
},
|
|
]}
|
|
brandName="Alior Dental Care"
|
|
button={{
|
|
text: "Book Appointment",
|
|
href: "#contact",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
title="Where Beautiful Smiles Begin"
|
|
description="Painless, modern dental care in the heart of Doddanekkundi, Bengaluru."
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-vector/dental-care-clinic-logo-template_742173-32500.jpg?_wi=1",
|
|
imageAlt: "Healthy smile",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/illustration-dental-care-application-laptop_53876-124350.jpg?_wi=1",
|
|
imageAlt: "Healthy smile",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-vector/clean-clean-dental-clinic-logo-template_742173-32506.jpg",
|
|
imageAlt: "Healthy smile",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/abstract-combination-facial-features_23-2150038584.jpg",
|
|
imageAlt: "Healthy smile",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dental-hygiene-concept-with-blue-background_23-2150312449.jpg",
|
|
imageAlt: "Healthy smile",
|
|
},
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dental-hygiene-concept-with-tooth_23-2150273606.jpg",
|
|
imageAlt: "Clinical excellence",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-vector/teeth-flat-outline-glyph_78370-4789.jpg",
|
|
imageAlt: "Clinical excellence",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/green-background-with-isometric-lizard_23-2148183435.jpg",
|
|
imageAlt: "Clinical excellence",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dental-hygiene-concept-with-blue-background_23-2150312451.jpg",
|
|
imageAlt: "Clinical excellence",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-vector/dental-health-caries-teeth-healthcare-instruments-dent-protection-flat-icons-set-isolated-vector-illustration_1284-2950.jpg",
|
|
imageAlt: "Clinical excellence",
|
|
},
|
|
]}
|
|
tag="4.9 ⭐ Rated on Google"
|
|
buttons={[
|
|
{
|
|
text: "Book Appointment",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
text: "Call Us Now",
|
|
href: "tel:07204903801",
|
|
},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
|
|
alt: "Portrait of smiley business woman",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",
|
|
alt: "Business woman banner concept",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
|
|
alt: "Positive confident businesswoman",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",
|
|
alt: "Smiling African American girl",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
|
|
alt: "Smiling African American man",
|
|
},
|
|
]}
|
|
avatarText="Trusted by 500+ happy patients"
|
|
marqueeItems={[
|
|
{
|
|
type: "text",
|
|
text: "Modern Equipment",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Painless Procedures",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Evening Appointments",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Expert Care",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Hygienic Environment",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="trust" data-section="trust">
|
|
<AboutMetric
|
|
useInvertedBackground={false}
|
|
title="The Alior Promise"
|
|
metrics={[
|
|
{
|
|
icon: Sparkles,
|
|
label: "Painless Treatment",
|
|
value: "✓",
|
|
},
|
|
{
|
|
icon: Zap,
|
|
label: "Modern Equipment",
|
|
value: "✓",
|
|
},
|
|
{
|
|
icon: Award,
|
|
label: "Expert Dentists",
|
|
value: "✓",
|
|
},
|
|
{
|
|
icon: Clock,
|
|
label: "Open Until 8PM",
|
|
value: "✓",
|
|
},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "s1",
|
|
name: "Root Canal",
|
|
price: "Expert Care",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-equipment-white-background_1232-4361.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "s2",
|
|
name: "Dental Implants",
|
|
price: "Lifetime Smile",
|
|
imageSrc: "http://img.b2bpic.net/free-vector/set-dental-problem-implant-icons-flat-style_1166-74.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "s3",
|
|
name: "Teeth Cleaning",
|
|
price: "Daily Freshness",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-3d-cinema-glasses-blue-background_23-2148188141.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "s4",
|
|
name: "Whitening",
|
|
price: "Bright Smiles",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medicine-uniform-healthcare-medical-workers-day-space-text_185193-110686.jpg",
|
|
},
|
|
{
|
|
id: "s5",
|
|
name: "Aligners",
|
|
price: "Perfect Fit",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/switzerland-globe_187299-32817.jpg",
|
|
},
|
|
{
|
|
id: "s6",
|
|
name: "Emergency Care",
|
|
price: "Always Ready",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cdtgva",
|
|
},
|
|
]}
|
|
title="Everything Your Smile Deserves"
|
|
description="Comprehensive dental care tailored to your comfort and health."
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-us" data-section="why-us">
|
|
<FeatureCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
negativeCard={{
|
|
items: [
|
|
"No waiting times",
|
|
"No hidden costs",
|
|
"No painful procedures",
|
|
],
|
|
}}
|
|
positiveCard={{
|
|
items: [
|
|
"Painless Procedures",
|
|
"Modern Technology",
|
|
"Patient-First Care",
|
|
"Evening Appointments",
|
|
],
|
|
}}
|
|
title="Why Bengaluru Trusts Alior Dental"
|
|
description="Excellence in every interaction, ensuring you feel completely at ease."
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardFive
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1",
|
|
name: "Rolan Mascarenhas",
|
|
date: "Jan 2025",
|
|
title: "Great Experience",
|
|
quote: "The doctor explained my teeth condition clearly and made sure I understood the entire procedure.",
|
|
tag: "Google Review",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-vector/dental-care-clinic-logo-template_742173-32500.jpg?_wi=2",
|
|
imageAlt: "happy patient portrait",
|
|
},
|
|
{
|
|
id: "t2",
|
|
name: "Dhanush Kumar",
|
|
date: "Dec 2024",
|
|
title: "Root Canal Expert",
|
|
quote: "Excellent experience for root canal and dental implant. Staff was friendly.",
|
|
tag: "Google Review",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-doctor-female-nurse-personal-protective-equipment-looking-confident-professional_1258-121436.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-equipment-white-background_1232-4361.jpg?_wi=2",
|
|
imageAlt: "happy patient portrait",
|
|
},
|
|
{
|
|
id: "t3",
|
|
name: "Malavika Mohan",
|
|
date: "Nov 2024",
|
|
title: "Hygienic Clinic",
|
|
quote: "The clinic has such good aesthetics with well maintained equipment. Highly recommend.",
|
|
tag: "Google Review",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-vector/set-dental-problem-implant-icons-flat-style_1166-74.jpg?_wi=2",
|
|
imageAlt: "happy patient portrait",
|
|
},
|
|
{
|
|
id: "t4",
|
|
name: "John Doe",
|
|
date: "Oct 2024",
|
|
title: "Very Reassuring",
|
|
quote: "Professional and reassuring. Made me feel at ease during the whole visit.",
|
|
tag: "Google Review",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-doctor-wearing-medical-gown-wearing-stethoscope-bite-tongue-green-wall_141793-26995.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-3d-cinema-glasses-blue-background_23-2148188141.jpg?_wi=2",
|
|
imageAlt: "happy patient portrait",
|
|
},
|
|
{
|
|
id: "t5",
|
|
name: "Jane Smith",
|
|
date: "Sep 2024",
|
|
title: "Modern & Clean",
|
|
quote: "Best dental clinic in Doddanekkundi. Very modern equipment and friendly staff.",
|
|
tag: "Google Review",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/happy-african-american-healthcare-expert-looking-camera_637285-11471.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/illustration-dental-care-application-laptop_53876-124350.jpg?_wi=2",
|
|
imageAlt: "happy patient portrait",
|
|
},
|
|
]}
|
|
title="Smiles That Speak For Themselves"
|
|
description="Rated 4.9 ⭐ by our valued patients."
|
|
/>
|
|
</div>
|
|
|
|
<div id="location" data-section="location">
|
|
<FaqDouble
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "f1",
|
|
title: "Clinic Address",
|
|
content: "First Floor, Sachi Apartment, Basavanagar Main Rd, Opposite Shell Petrol Pump, Doddanekkundi, Bengaluru 560037",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "Operating Hours",
|
|
content: "Open Daily until 8:00 PM.",
|
|
},
|
|
{
|
|
id: "f3",
|
|
title: "Contact Details",
|
|
content: "Phone: 072049 03801 | WhatsApp: 917204903801",
|
|
},
|
|
]}
|
|
title="Visit Alior Dental"
|
|
description="Find us in Doddanekkundi, Bengaluru."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="appointment-banner" data-section="appointment-banner">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "sparkles-gradient",
|
|
}}
|
|
tag="Book Now"
|
|
title="Your Healthiest Smile is One Call Away"
|
|
description="Evening slots available — Open until 8 PM daily."
|
|
buttons={[
|
|
{
|
|
text: "Call 072049 03801",
|
|
href: "tel:07204903801",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
tag="Let's Talk"
|
|
title="Ready to Start Your Journey?"
|
|
description="Contact us today for a seamless booking experience."
|
|
buttons={[
|
|
{
|
|
text: "WhatsApp Us",
|
|
href: "https://wa.me/917204903801",
|
|
},
|
|
{
|
|
text: "Call Now",
|
|
href: "tel:07204903801",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Services",
|
|
href: "#services",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{
|
|
label: "Contact Us",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
label: "WhatsApp",
|
|
href: "https://wa.me/917204903801",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Alior Dental Care"
|
|
copyrightText="© 2025 Alior Dental Care. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|