301 lines
20 KiB
TypeScript
301 lines
20 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { CheckCircle, Heart, Smile, Star } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="blurBottom"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="GK Dental "
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About Us", id: "about" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Gallery", id: "gallery" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Book Appointment", href: "appointment" }}
|
|
buttonClassName="bg-primary-cta text-primary-cta-text hover:shadow-lg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
title="Healthy, Confident Smiles Start Here. "
|
|
description="Advanced dental treatments with experienced Dr. Varun and modern equipment for patients in ViJayawada."
|
|
tag="5★ Rating"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
buttons={[
|
|
{ text: "Call Now", href: "tel:+919876543210" },
|
|
{ text: "Book Appointment", href: "appointment" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
leftCarouselItems={[
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApQwJQgzIKezhfmJrHVmL6DiI2/uploaded-1773288524553-a5gtmr23.png", imageAlt: "Dental treatment" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApQwJQgzIKezhfmJrHVmL6DiI2/uploaded-1773288524553-a5gtmr23.png", imageAlt: "Dental procedure" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApQwJQgzIKezhfmJrHVmL6DiI2/uploaded-1773288524553-a5gtmr23.png", imageAlt: "Dental clinic" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApQwJQgzIKezhfmJrHVmL6DiI2/uploaded-1773288524553-a5gtmr23.png", imageAlt: "Happy patient" }
|
|
]}
|
|
rightCarouselItems={[
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApQwJQgzIKezhfmJrHVmL6DiI2/uploaded-1773288524553-a5gtmr23.png", imageAlt: "Dental care" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApQwJQgzIKezhfmJrHVmL6DiI2/uploaded-1773288524553-a5gtmr23.png", imageAlt: "Treatment room" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApQwJQgzIKezhfmJrHVmL6DiI2/uploaded-1773288524553-a5gtmr23.png", imageAlt: "Modern equipment" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApQwJQgzIKezhfmJrHVmL6DiI2/uploaded-1773288524553-a5gtmr23.png", imageAlt: "Friendly staff" }
|
|
]}
|
|
marqueeItems={[
|
|
{ imageSrc: "/placeholders/placeholder1.webp" },
|
|
{ imageSrc: "/placeholders/placeholder1.webp" },
|
|
{ imageSrc: "/placeholders/placeholder1.webp" }
|
|
]}
|
|
marqueeSpeed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<ProductCardOne
|
|
title="Our Dental Services"
|
|
description="Comprehensive dental solutions for all your oral health needs. From routine cleanings to advanced cosmetic procedures."
|
|
tag="Expert Care"
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
gridVariant="three-columns-all-equal-width"
|
|
products={[
|
|
{
|
|
id: "1", name: "Teeth Cleaning", price: "Professional Hygiene", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-using-dental-floss-cleaning-her-teeth-bathroom_637285-3380.jpg", imageAlt: "Professional teeth cleaning service"
|
|
},
|
|
{
|
|
id: "2", name: "Root Canal Treatment", price: "Expert Endodontics", imageSrc: "http://img.b2bpic.net/free-photo/dentist-doing-check-up-patient_23-2149206248.jpg", imageAlt: "Root canal dental treatment"
|
|
},
|
|
{
|
|
id: "3", name: "Dental Implants", price: "Modern Restoration", imageSrc: "http://img.b2bpic.net/free-photo/patient-pov-dentist-with-face-shield-explaining-dental-x-ray-pointing-monitor-stomatology-specialist-wearing-protective-suit-against-infection-with-coronavirus-pointing-radiography_482257-12459.jpg", imageAlt: "Advanced dental implant procedure"
|
|
},
|
|
{
|
|
id: "4", name: "Cosmetic Dentistry", price: "Smile Design", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-gorgeous-joyful-blonde-female-with-tender-feautures-poses-against-gray-wall-smiles-brodly-demonstrates-white-teeth-perfect-pure-skin-beautiful-woman-with-closed-eyes_176420-15150.jpg", imageAlt: "Cosmetic smile makeover service"
|
|
},
|
|
{
|
|
id: "5", name: "Fluorosis Treatment", price: "Correction Care", imageSrc: "http://img.b2bpic.net/free-photo/close-up-tech-item-background_23-2148882630.jpg", imageAlt: "Dental fluorosis treatment"
|
|
},
|
|
{
|
|
id: "6", name: "Emergency Tooth Pain", price: "Urgent Relief", imageSrc: "http://img.b2bpic.net/free-photo/male-dentist-treating-root-canal-female-patient_23-2147862046.jpg", imageAlt: "Emergency dental pain treatment"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="Meet Dr. Varun"
|
|
description="Experienced dental surgeon dedicated to patient care with clear explanations and compassionate treatment approach."
|
|
tag="Our Doctor"
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-female-nurse-hospital_23-2150796752.jpg"
|
|
imageAlt="Dr. Varun - Experienced Dental Surgeon"
|
|
bulletPoints={[
|
|
{
|
|
title: "Patient-Friendly Approach", description: "Explains procedures clearly and ensures patient comfort throughout treatment", icon: Heart
|
|
},
|
|
{
|
|
title: "Expert Experience", description: "Specialization in cosmetic and restorative dentistry with advanced techniques", icon: CheckCircle
|
|
},
|
|
{
|
|
title: "Compassionate Care", description: "Treats every patient with warmth and professionalism for a welcoming experience", icon: Smile
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-choose" data-section="why-choose">
|
|
<FeatureCardNine
|
|
title="Why Choose Beleaf Dental"
|
|
description="We combine expertise, modern equipment, and genuine patient care to deliver exceptional dental services."
|
|
showStepNumbers={true}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "5★ Rated by 199+ Patients", description: "Trusted and loved by our community for consistent excellence and outstanding care", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/patients-asking-informations-filling-dental-document-preparing-teeth-exemination-senior-woman-sitting-chair-waiting-area-crowded-orthodontist-office-while-doctor-working-background_482257-3583.jpg?_wi=1"
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/interior-empty-modern-stomatology-orthodontic-hospital-bright-office_482257-7167.jpg?_wi=1"
|
|
}
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Experienced Dr. Varun & Staff", description: "Our highly trained team brings years of expertise and dedication to every treatment", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medic-holding-bottle-pills-give-sick-patient-checkup-visit-general-practitioner-giving-jar-with-prescription-medicine-treatment-healthcare-support-man_482257-38498.jpg?_wi=1"
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/patient-pov-listening-explication-teeth-treatment-dentist-coverall-showing-x-ray-tablet-stomatology-specialist-wearing-protective-suit-against-infection-with-covid19-pointing-radiograph_482257-13149.jpg?_wi=1"
|
|
}
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="Patient Stories"
|
|
description="Hear from our satisfied patients about their experiences at Beleaf Dental and Cosmetics"
|
|
tag="Testimonials"
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
speed={40}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Rajesh Kumar", handle: "Patient", testimonial: "Dr. Varun explained every step of my treatment clearly. The staff was very friendly and the clinic environment is hygienic. I had an amazing experience here!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-doctor-medical-shirt-pandemic-covid-nurse-medic-emotion_179666-24237.jpg", imageAlt: "Rajesh Kumar"
|
|
},
|
|
{
|
|
id: "2", name: "Priya Singh", handle: "Patient", testimonial: "My tooth pain was completely reduced in just one day. The staff is welcoming and the treatment quality is excellent. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-laughing_23-2148859443.jpg", imageAlt: "Priya Singh"
|
|
},
|
|
{
|
|
id: "3", name: "Arun Reddy", handle: "Patient", testimonial: "Well qualified doctors and wonderful service. Modern equipment makes me feel confident about my dental health. Best clinic in Vijayawada!", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-curly-blonde-hair-smiling_23-2148911882.jpg", imageAlt: "Arun Reddy"
|
|
},
|
|
{
|
|
id: "4", name: "Meera Patel", handle: "Patient", testimonial: "The staff is very friendly and the clinic environment is clean and hygienic. Dr. Varun's expertise and compassionate approach made me comfortable.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg", imageAlt: "Meera Patel"
|
|
},
|
|
{
|
|
id: "5", name: "Vikram Rao", handle: "Patient", testimonial: "Professional treatment with detailed explanation of every procedure. The modern equipment and caring staff make this clinic stand out.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-doctor-medical-shirt-nurse-covid-19-virus-color-emotion-hospital_179666-24187.jpg", imageAlt: "Vikram Rao"
|
|
},
|
|
{
|
|
id: "6", name: "Anjali Sharma", handle: "Patient", testimonial: "Exceptional cosmetic dentistry services! My smile transformation exceeded expectations. Dr. Varun is truly skilled and professional.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg", imageAlt: "Anjali Sharma"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<BlogCardTwo
|
|
title="Clinic Gallery"
|
|
description="Tour our modern clinic facility, treatment rooms, and equipment dedicated to your care"
|
|
tag="Photo Gallery"
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
carouselMode="buttons"
|
|
blogs={[
|
|
{
|
|
id: "1", category: "Clinic Interior", title: "Modern Clinic Interior", excerpt: "State-of-the-art facility designed for patient comfort and hygiene standards", imageSrc: "http://img.b2bpic.net/free-photo/patients-asking-informations-filling-dental-document-preparing-teeth-exemination-senior-woman-sitting-chair-waiting-area-crowded-orthodontist-office-while-doctor-working-background_482257-3583.jpg?_wi=2", imageAlt: "Modern clinic interior", authorName: "Beleaf Team", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-female-nurse-hospital_23-2150796752.jpg", date: "Facility"
|
|
},
|
|
{
|
|
id: "2", category: "Treatment Room", title: "Advanced Treatment Setup", excerpt: "Equipped with latest dental technology for precise and comfortable treatments", imageSrc: "http://img.b2bpic.net/free-photo/interior-empty-modern-stomatology-orthodontic-hospital-bright-office_482257-7167.jpg?_wi=2", imageAlt: "Dental treatment chair", authorName: "Beleaf Team", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-female-nurse-hospital_23-2150796752.jpg", date: "Equipment"
|
|
},
|
|
{
|
|
id: "3", category: "Consultation", title: "Patient Consultation", excerpt: "Friendly and professional consultation environment for discussing your dental needs", imageSrc: "http://img.b2bpic.net/free-photo/medic-holding-bottle-pills-give-sick-patient-checkup-visit-general-practitioner-giving-jar-with-prescription-medicine-treatment-healthcare-support-man_482257-38498.jpg?_wi=2", imageAlt: "Doctor consultation room", authorName: "Beleaf Team", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-female-nurse-hospital_23-2150796752.jpg", date: "Services"
|
|
},
|
|
{
|
|
id: "4", category: "Equipment", title: "Modern Equipment", excerpt: "Advanced dental technology ensuring precise diagnosis and effective treatment outcomes", imageSrc: "http://img.b2bpic.net/free-photo/patient-pov-listening-explication-teeth-treatment-dentist-coverall-showing-x-ray-tablet-stomatology-specialist-wearing-protective-suit-against-infection-with-covid19-pointing-radiograph_482257-13149.jpg?_wi=2", imageAlt: "Modern dental equipment", authorName: "Beleaf Team", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-female-nurse-hospital_23-2150796752.jpg", date: "Technology"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="appointment" data-section="appointment">
|
|
<ContactSplitForm
|
|
title="Book Your Appointment"
|
|
description="Schedule a consultation with Dr. Varun. Our clinic team will confirm your appointment shortly."
|
|
useInvertedBackground={false}
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
imageSrc="http://img.b2bpic.net/free-photo/medic-holding-bottle-pills-give-sick-patient-checkup-visit-general-practitioner-giving-jar-with-prescription-medicine-treatment-healthcare-support-man_482257-38498.jpg?_wi=3"
|
|
imageAlt="Friendly consultation environment"
|
|
buttonText="Book Appointment"
|
|
inputs={[
|
|
{ name: "fullName", type: "text", placeholder: "Full Name", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
|
{ name: "treatment", type: "text", placeholder: "Treatment Needed (e.g., Root Canal, Cleaning)", required: true },
|
|
{ name: "preferredDate", type: "date", placeholder: "Preferred Appointment Date", required: true }
|
|
]}
|
|
textarea={{ name: "message", placeholder: "Any additional message or concerns?", rows: 4, required: false }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<MetricCardTwo
|
|
title="Visit Us Today"
|
|
description="Conveniently located in Suryaraopet, Vijayawada. Open now until 9 PM."
|
|
tag="Location"
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
gridVariant="uniform-all-items-equal"
|
|
metrics={[
|
|
{ id: "1", value: "Suryaraopet", description: "Prime Location" },
|
|
{ id: "2", value: "9 PM", description: "Late Hours Available" },
|
|
{ id: "3", value: "199+", description: "Happy Patients" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Beleaf Dental"
|
|
copyrightText="© 2025 Beleaf Dental and Cosmetics. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Teeth Cleaning", href: "#services" },
|
|
{ label: "Root Canal Treatment", href: "#services" },
|
|
{ label: "Dental Implants", href: "#services" },
|
|
{ label: "Cosmetic Dentistry", href: "#services" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Gallery", href: "#gallery" },
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
{ label: "Book Appointment", href: "#appointment" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Call: +91 XXXX XXXX XX", href: "tel:+919876543210" },
|
|
{ label: "WhatsApp Consultation", href: "https://wa.me/919876543210" },
|
|
{ label: "Suryaraopet, Vijayawada", href: "#" },
|
|
{ label: "Open: 9 AM - 9 PM", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |