Update src/app/page.tsx
This commit is contained in:
301
src/app/page.tsx
301
src/app/page.tsx
@@ -32,74 +32,33 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="First Smile"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Advanced Dental Care for Confident Smiles"
|
||||
description="Trusted family dental clinic in Vadodara with 19 years of expertise. From root canals and implants to cosmetic dentistry—we combine modern technology with personalized, gentle care for your complete oral health."
|
||||
tag="19 Years Experience | 4.8★ Rated"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Chat on WhatsApp",
|
||||
href: "https://wa.me/91XXXXXXXXXX",
|
||||
},
|
||||
{ text: "Book Your Appointment", href: "#contact" },
|
||||
{ text: "Chat on WhatsApp", href: "https://wa.me/91XXXXXXXXXX" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-dentist_1157-18591.jpg?_wi=1",
|
||||
imageAlt: "Modern Dental Office",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/children-desk-interior-design_23-2148569185.jpg",
|
||||
imageAlt: "Dental Consultation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-female-male-dentist-clinic_23-2147879205.jpg",
|
||||
imageAlt: "Professional Care",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stomatolog-professioanl-teeth-clinic-smiling-wearing-uniform-looking-camera-dentist-doctor-discussing-with-mother-child-about-teeth-treatment_482257-12010.jpg",
|
||||
imageAlt: "Family Dentistry",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-male-dentist-holding-dental-tools_23-2147862089.jpg",
|
||||
imageAlt: "Smile Restoration",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skilled-dentist-uniform-mask-curing-teeth-patient_651396-1401.jpg",
|
||||
imageAlt: "Clinical Excellence",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-dentist_1157-18591.jpg", imageAlt: "Modern Dental Office" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/children-desk-interior-design_23-2148569185.jpg", imageAlt: "Dental Consultation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-female-male-dentist-clinic_23-2147879205.jpg", imageAlt: "Professional Care" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/stomatolog-professioanl-teeth-clinic-smiling-wearing-uniform-looking-camera-dentist-doctor-discussing-with-mother-child-about-teeth-treatment_482257-12010.jpg", imageAlt: "Family Dentistry" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-male-dentist-holding-dental-tools_23-2147862089.jpg", imageAlt: "Smile Restoration" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -119,28 +78,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Preventive Care",
|
||||
description: "Routine cleanings and checkups for the whole family.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: CheckCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hygiene-composition-with-space-right_23-2147693215.jpg",
|
||||
imageAlt: "dental instruments on tray",
|
||||
title: "Preventive Care", description: "Routine cleanings and checkups for the whole family.", bentoComponent: "reveal-icon", icon: CheckCircle
|
||||
},
|
||||
{
|
||||
title: "Advanced Implants",
|
||||
description: "Long-term solutions for tooth restoration.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-dentist_1157-18591.jpg?_wi=2",
|
||||
imageAlt: "dental instruments on tray",
|
||||
title: "Advanced Implants", description: "Long-term solutions for tooth restoration.", bentoComponent: "reveal-icon", icon: Shield
|
||||
},
|
||||
{
|
||||
title: "Cosmetic Dentistry",
|
||||
description: "Whiten, straighten, and transform your smile today.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-dentist-room-with-medical-equipment-background_613910-15240.jpg?_wi=1",
|
||||
imageAlt: "dental instruments on tray",
|
||||
title: "Cosmetic Dentistry", description: "Whiten, straighten, and transform your smile today.", bentoComponent: "reveal-icon", icon: Sparkles
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Dental Services"
|
||||
@@ -154,27 +98,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "19+",
|
||||
title: "Years Experience",
|
||||
description: "Serving Vadodara families.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-dentist-room-with-medical-equipment-background_613910-15240.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15K+",
|
||||
title: "Smiles Transformed",
|
||||
description: "Satisfied patients.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-looking-mirror_107420-65403.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.8★",
|
||||
title: "Patient Rating",
|
||||
description: "Based on trust.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling-dentist-office_23-2148338112.jpg",
|
||||
},
|
||||
{ id: "m1", value: "19+", title: "Years Experience", description: "Serving Vadodara families.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-dentist-room-with-medical-equipment-background_613910-15240.jpg" },
|
||||
{ id: "m2", value: "15K+", title: "Smiles Transformed", description: "Satisfied patients.", imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-looking-mirror_107420-65403.jpg" },
|
||||
{ id: "m3", value: "4.8★", title: "Patient Rating", description: "Based on trust.", imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling-dentist-office_23-2148338112.jpg" },
|
||||
]}
|
||||
title="Our Impact in Numbers"
|
||||
description="Quality dental care recognized by the Vadodara community."
|
||||
@@ -187,60 +113,14 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Parent",
|
||||
company: "Vadodara",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-looking-camera-home_1301-4258.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
role: "Professional",
|
||||
company: "Vadodara",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-young-woman-wearing-life-jacket_23-2147562086.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Anita V.",
|
||||
role: "Family Head",
|
||||
company: "Vadodara",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-patient-dentist_1303-9361.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Patient",
|
||||
company: "Vadodara",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-brunette-woman-laughing-sincerely-striped-background-shorthaired-girl-orange-sweatshirt-smiling-outdoors_197531-29500.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sunita R.",
|
||||
role: "Senior",
|
||||
company: "Vadodara",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-is-smiling-by-touching-her-cheeks-with-forefinger-white-background_176474-114757.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Parent", company: "Vadodara", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-looking-camera-home_1301-4258.jpg" },
|
||||
{ id: "2", name: "Michael C.", role: "Professional", company: "Vadodara", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-young-woman-wearing-life-jacket_23-2147562086.jpg" },
|
||||
{ id: "3", name: "Anita V.", role: "Family Head", company: "Vadodara", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-patient-dentist_1303-9361.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "99%",
|
||||
label: "Satisfied",
|
||||
},
|
||||
{
|
||||
value: "4.8★",
|
||||
label: "Rating",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Care",
|
||||
},
|
||||
{ value: "99%", label: "Satisfied" },
|
||||
{ value: "4.8★", label: "Rating" },
|
||||
{ value: "100%", label: "Care" },
|
||||
]}
|
||||
title="What Our Patients Say"
|
||||
description="Join thousands of families who trust us with their dental health."
|
||||
@@ -253,54 +133,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Essentials",
|
||||
price: "₹999",
|
||||
period: "/visit",
|
||||
description: "For routine maintenance.",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Exam",
|
||||
"Cleaning",
|
||||
"Consultation",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Restorative",
|
||||
price: "₹4,999",
|
||||
period: "/proc",
|
||||
description: "For advanced health.",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Advanced Scan",
|
||||
"Implants",
|
||||
"Priority",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
tag: "Cosmetic",
|
||||
price: "₹7,999",
|
||||
period: "/smile",
|
||||
description: "For total confidence.",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Whitening",
|
||||
"Checkup",
|
||||
"Custom Plan",
|
||||
],
|
||||
},
|
||||
{ id: "basic", tag: "Essentials", price: "₹999", period: "/visit", description: "For routine maintenance.", button: { text: "Book Now" }, featuresTitle: "Included", features: ["Exam", "Cleaning", "Consultation"] },
|
||||
{ id: "pro", tag: "Restorative", price: "₹4,999", period: "/proc", description: "For advanced health.", button: { text: "Book Now" }, featuresTitle: "Included", features: ["Advanced Scan", "Implants", "Priority"] },
|
||||
{ id: "premium", tag: "Cosmetic", price: "₹7,999", period: "/smile", description: "For total confidence.", button: { text: "Book Now" }, featuresTitle: "Included", features: ["Whitening", "Checkup", "Custom Plan"] },
|
||||
]}
|
||||
title="Transparent Dental Packages"
|
||||
description="Quality care that is accessible, fair, and clear."
|
||||
@@ -311,21 +146,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you handle dental emergencies?",
|
||||
content: "Yes, we prioritize emergency cases to ensure you receive immediate relief.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How do I book an appointment?",
|
||||
content: "You can book via our website or chat with us on WhatsApp.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are your procedures painful?",
|
||||
content: "We utilize modern anesthesia and gentle techniques to ensure a painless experience.",
|
||||
},
|
||||
{ id: "f1", title: "Do you handle dental emergencies?", content: "Yes, we prioritize emergency cases to ensure you receive immediate relief." },
|
||||
{ id: "f2", title: "How do I book an appointment?", content: "You can book via our website or chat with us on WhatsApp." },
|
||||
{ id: "f3", title: "Are your procedures painful?", content: "We utilize modern anesthesia and gentle techniques to ensure a painless experience." },
|
||||
]}
|
||||
sideTitle="Your Dental Health Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -338,22 +161,10 @@ export default function LandingPage() {
|
||||
title="Book Your Appointment Today"
|
||||
description="Schedule your checkup or speak to our team regarding any dental concerns."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Full Name",
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "WhatsApp Number",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Full Name" },
|
||||
{ name: "phone", type: "tel", placeholder: "WhatsApp Number" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Brief description of your need",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Brief description of your need", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/architecture-landscape_1127-205.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -361,45 +172,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Clinic",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "WhatsApp Support",
|
||||
href: "https://wa.me/91XXXXXXXXXX",
|
||||
},
|
||||
{
|
||||
label: "Emergency",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Clinic", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#features" }] },
|
||||
{ title: "Support", items: [{ label: "WhatsApp Support", href: "https://wa.me/91XXXXXXXXXX" }, { label: "Emergency", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 First Smile Dental Clinic."
|
||||
bottomRightText="Vadodara, India."
|
||||
|
||||
Reference in New Issue
Block a user