Update src/app/page.tsx
This commit is contained in:
201
src/app/page.tsx
201
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Shubham Dental"
|
||||
/>
|
||||
@@ -60,17 +50,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Your Smile, Our Priority."
|
||||
description="Experience compassionate, high-tech dental care at Shubham Dental Hospital. Dedicated to your oral health and beautiful smile."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-baby-dentist-female-her-dental-office_627829-9385.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-baby-dentist-female-her-dental-office_627829-9385.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -79,20 +66,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Welcome to Shubham Dental Hospital",
|
||||
},
|
||||
type: "text", content: "Welcome to Shubham Dental Hospital"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-dentist-patient-sitting-dental-office_651396-1900.jpg",
|
||||
alt: "Our Clinic",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/cheerful-dentist-patient-sitting-dental-office_651396-1900.jpg", alt: "Our Clinic"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -104,64 +84,40 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Dental Implants",
|
||||
description: "Natural-looking replacements.",
|
||||
icon: Sparkles,
|
||||
title: "Dental Implants", description: "Natural-looking replacements.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-metal-medical-equipment-tools-dental-care_273609-13098.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-metal-medical-equipment-tools-dental-care_273609-13098.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-dentist_1157-18611.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-dentist_1157-18611.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-baby-dentist-female-her-dental-office_627829-9385.jpg?_wi=2",
|
||||
imageAlt: "dental implants equipment technology",
|
||||
},
|
||||
{
|
||||
title: "Regular Hygiene",
|
||||
description: "Keep gums and teeth healthy.",
|
||||
icon: CheckCircle,
|
||||
title: "Regular Hygiene", description: "Keep gums and teeth healthy.", icon: CheckCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medicine-doctors-working-table_93675-133340.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medicine-doctors-working-table_93675-133340.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/toothbrush_93675-132323.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/toothbrush_93675-132323.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-dentist-patient-sitting-dental-office_651396-1900.jpg",
|
||||
imageAlt: "dental implants equipment technology",
|
||||
},
|
||||
{
|
||||
title: "Whitening Treatments",
|
||||
description: "Brighten your perfect smile.",
|
||||
icon: Star,
|
||||
title: "Whitening Treatments", description: "Brighten your perfect smile.", icon: Star,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1673.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1673.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/midsection-view-female-dentist-arranging-dental-instruments-tray_23-2147906065.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/midsection-view-female-dentist-arranging-dental-instruments-tray_23-2147906065.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-doing-homework-sitting-floor_1098-622.jpg",
|
||||
imageAlt: "dental implants equipment technology",
|
||||
},
|
||||
{
|
||||
title: "Pediatric Dentistry",
|
||||
description: "Care for the little ones.",
|
||||
icon: Shield,
|
||||
title: "Pediatric Dentistry", description: "Care for the little ones.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-dentist_1157-18574.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-dentist_1157-18574.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stomatologist-explaining-little-girl-cleaning-process-teeth-while-man-assistant-preparing-sterilized-tools-examination-nurse-doctor-working-together-modern-stomatological-clinic_482257-3478.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stomatologist-explaining-little-girl-cleaning-process-teeth-while-man-assistant-preparing-sterilized-tools-examination-nurse-doctor-working-together-modern-stomatological-clinic_482257-3478.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-doctor-with-smiling-expression-yellow-wall_179666-13152.jpg?_wi=1",
|
||||
imageAlt: "dental implants equipment technology",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Dental Services"
|
||||
@@ -177,25 +133,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Happy Patients",
|
||||
description: "Served with pride.",
|
||||
icon: CheckCircle,
|
||||
id: "m1", value: "10k+", title: "Happy Patients", description: "Served with pride.", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
description: "Expert dental care.",
|
||||
icon: Award,
|
||||
id: "m2", value: "15+", title: "Years Experience", description: "Expert dental care.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5+",
|
||||
title: "Expert Doctors",
|
||||
description: "Highly qualified specialists.",
|
||||
icon: Shield,
|
||||
id: "m3", value: "5+", title: "Expert Doctors", description: "Highly qualified specialists.", icon: Shield,
|
||||
},
|
||||
]}
|
||||
title="Excellence in Care"
|
||||
@@ -211,29 +155,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Dr. Rohit",
|
||||
role: "Head Surgeon",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-sergeon-wear-isolated_1303-11574.jpg",
|
||||
},
|
||||
id: "t1", name: "Dr. Rohit", role: "Head Surgeon", imageSrc: "http://img.b2bpic.net/free-photo/dentist-sergeon-wear-isolated_1303-11574.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Dr. Priya",
|
||||
role: "Orthodontist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-blue-uniform-smiling-while-posing-camera_176474-19626.jpg",
|
||||
},
|
||||
id: "t2", name: "Dr. Priya", role: "Orthodontist", imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-blue-uniform-smiling-while-posing-camera_176474-19626.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Dr. Amit",
|
||||
role: "Implant Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-dentist-dentist-s-office_329181-20725.jpg",
|
||||
},
|
||||
id: "t3", name: "Dr. Amit", role: "Implant Specialist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-dentist-dentist-s-office_329181-20725.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Dr. Sneha",
|
||||
role: "Pediatric Dentist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-blue-uniform-gloves-pointing-fingers-herself_176474-20154.jpg",
|
||||
},
|
||||
id: "t4", name: "Dr. Sneha", role: "Pediatric Dentist", imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-blue-uniform-gloves-pointing-fingers-herself_176474-20154.jpg"},
|
||||
]}
|
||||
title="Our Expert Specialists"
|
||||
description="Meet the team dedicated to your health."
|
||||
@@ -245,30 +173,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ravi Kumar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-dentist_1157-18574.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Ravi Kumar", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-dentist_1157-18574.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Anita Verma",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-doctor-with-smiling-expression-yellow-wall_179666-13152.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Anita Verma", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-doctor-with-smiling-expression-yellow-wall_179666-13152.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Suresh Mehta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-dental-braces-dentist-office-sitting-dentist-chair_651396-2256.jpg",
|
||||
},
|
||||
id: "3", name: "Suresh Mehta", imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-dental-braces-dentist-office-sitting-dentist-chair_651396-2256.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Pooja Singh",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-patient-waiting-have-dental-procedure-dentist_23-2148985766.jpg",
|
||||
},
|
||||
id: "4", name: "Pooja Singh", imageSrc: "http://img.b2bpic.net/free-photo/young-female-patient-waiting-have-dental-procedure-dentist_23-2148985766.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Vikram Desai",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-professional-dentist-with-gloves-mask-holding-papers-photo-show-what-treatment-will-look-like-patient-s-teeth_158595-7618.jpg",
|
||||
},
|
||||
id: "5", name: "Vikram Desai", imageSrc: "http://img.b2bpic.net/free-photo/male-professional-dentist-with-gloves-mask-holding-papers-photo-show-what-treatment-will-look-like-patient-s-teeth_158595-7618.jpg"},
|
||||
]}
|
||||
cardTitle="Patient Success Stories"
|
||||
cardTag="Testimonials"
|
||||
@@ -282,20 +195,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How often should I visit?",
|
||||
content: "Every six months for optimal care.",
|
||||
},
|
||||
id: "q1", title: "How often should I visit?", content: "Every six months for optimal care."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer emergency care?",
|
||||
content: "Yes, we handle emergencies promptly.",
|
||||
},
|
||||
id: "q2", title: "Do you offer emergency care?", content: "Yes, we handle emergencies promptly."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is dental implant painful?",
|
||||
content: "Modern anesthesia makes it comfortable.",
|
||||
},
|
||||
id: "q3", title: "Is dental implant painful?", content: "Modern anesthesia makes it comfortable."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-woman-reading-diary-office-meeting_23-2147955155.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -309,14 +213,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to transform your smile? Schedule an appointment with Shubham Dental today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "tel:+919876543210",
|
||||
},
|
||||
text: "Contact Us", href: "tel:+919876543210"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -326,29 +227,19 @@ export default function LandingPage() {
|
||||
logoText="Shubham Dental Hospital"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Implants",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Implants", href: "#features"},
|
||||
{
|
||||
label: "Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Consultation", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user