Merge version_1 into main #2
272
src/app/page.tsx
272
src/app/page.tsx
@@ -30,89 +30,37 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Divine Smyle"
|
||||
button={{ text: "Contact", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Advanced Dental & Aesthetic Care in Govindpuram"
|
||||
description="Painless treatments, modern technology, and trusted by 100+ happy patients"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:07703851890",
|
||||
},
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-smiling-female-male-dentist-clinic_23-2147879205.jpg?_wi=1"
|
||||
buttons={[{ text: "Call Now", href: "tel:07703851890" }, { text: "Book Appointment", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-smiling-female-male-dentist-clinic_23-2147879205.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-female-sitting-dental-chair-front-dentist-holding-teeth-model_23-2147879295.jpg",
|
||||
alt: "Patient 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-dental-tooth-intruments-medical-stomatology-orthodontic-office_482257-12296.jpg",
|
||||
alt: "Patient 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/interior-empty-modern-stomatology-orthodontic-hospital-bright-office_482257-7167.jpg",
|
||||
alt: "Patient 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-hospital-reception-counter-hallway-waiting-room-seats-medical-examination-appointment-with-physician-registration-desk-with-waiting-area-help-patients-with-disease-diagnosis_482257-51632.jpg",
|
||||
alt: "Patient 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-professional-woman-doctor-therapist-extending-hand-handshake-gesture-greeting-patient-med_1258-121870.jpg",
|
||||
alt: "Patient 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-female-sitting-dental-chair-front-dentist-holding-teeth-model_23-2147879295.jpg", alt: "Patient 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-dental-tooth-intruments-medical-stomatology-orthodontic-office_482257-12296.jpg", alt: "Patient 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/interior-empty-modern-stomatology-orthodontic-hospital-bright-office_482257-7167.jpg", alt: "Patient 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/empty-hospital-reception-counter-hallway-waiting-room-seats-medical-examination-appointment-with-physician-registration-desk-with-waiting-area-help-patients-with-disease-diagnosis_482257-51632.jpg", alt: "Patient 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-professional-woman-doctor-therapist-extending-hand-handshake-gesture-greeting-patient-med_1258-121870.jpg", alt: "Patient 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Painless Treatment",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Advanced Technology",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Hygiene",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Dental Care",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Trusted by 100+",
|
||||
},
|
||||
{ type: "text", text: "Painless Treatment" },
|
||||
{ type: "text", text: "Advanced Technology" },
|
||||
{ type: "text", text: "Modern Hygiene" },
|
||||
{ type: "text", text: "Expert Dental Care" },
|
||||
{ type: "text", text: "Trusted by 100+" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,20 +71,11 @@ export default function LandingPage() {
|
||||
title="Experience Excellence at Divine Smyle"
|
||||
description="Led by Dr. Divya Tyagi, our clinic combines expertise with compassion. We pride ourselves on stringent hygiene protocols, state-of-the-art technology, and a personalized approach to ensure every smile is treated with the care it deserves."
|
||||
metrics={[
|
||||
{
|
||||
value: "100+",
|
||||
title: "Happy Patients",
|
||||
},
|
||||
{
|
||||
value: "5.0",
|
||||
title: "Rating",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Emergency Support",
|
||||
},
|
||||
{ value: "100+", title: "Happy Patients" },
|
||||
{ value: "5.0", title: "Rating" },
|
||||
{ value: "24/7", title: "Emergency Support" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-professional-doctor-woman-hospital-worker-pointing-fingers-right-showing-logo-clinic-promo-deal-standing-torquoise-background_1258-301421.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-professional-doctor-woman-hospital-worker-pointing-fingers-right-showing-logo-clinic-promo-deal-standing-torquoise-background_1258-301421.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -148,72 +87,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Root Canal Treatment",
|
||||
description: "Painless precision for tooth preservation.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dental-icons-set-with-teeth-medical-instruments-clinic-flat-isolated_98292-1161.jpg",
|
||||
},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-female-male-dentist-clinic_23-2147879205.jpg?_wi=2",
|
||||
imageAlt: "dental rct treatment icon",
|
||||
},
|
||||
{
|
||||
title: "Dental Implants",
|
||||
description: "Lasting, natural-looking replacement for missing teeth.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-his-assistant-working-with-patient-dentist-chair-dentist-office_651396-3421.jpg",
|
||||
},
|
||||
items: [],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-professional-doctor-woman-hospital-worker-pointing-fingers-right-showing-logo-clinic-promo-deal-standing-torquoise-background_1258-301421.jpg?_wi=2",
|
||||
imageAlt: "dental rct treatment icon",
|
||||
},
|
||||
{
|
||||
title: "Tooth Extraction",
|
||||
description: "Gentle wisdom tooth removal with expert care.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-caucasian-man-suffers-painful-toothache-has-rotten-tooth-needs-visit-dentist_273609-44088.jpg",
|
||||
},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-positive-woman-with-curly-bushy-hair-makes-face-palm-smiles-broadly-shows-white-teeth-keeps-eyes-closed-wears-comfortable-sweater-isolated-vivid-yellow-background-sincere-feelings_273609-59194.jpg",
|
||||
imageAlt: "dental rct treatment icon",
|
||||
},
|
||||
{
|
||||
title: "Teeth Whitening",
|
||||
description: "Professional treatments for a brighter, confident smile.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-doctor-doing-hair-removal-with-laser_181624-45374.jpg",
|
||||
},
|
||||
items: [],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-cosmetology-studio-laser-hair-removal_1157-34939.jpg",
|
||||
imageAlt: "dental rct treatment icon",
|
||||
},
|
||||
{
|
||||
title: "Skin Lightening",
|
||||
description: "Advanced care for a glowing and even complexion.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lady-showing-clenched-fist-shirt-jacket-looking-confident-front-view_176474-44847.jpg",
|
||||
},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
|
||||
imageAlt: "dental rct treatment icon",
|
||||
},
|
||||
{
|
||||
title: "Laser Aesthetic",
|
||||
description: "Modern non-invasive procedures for rejuvenation.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-blonde-russian-girl-puts-hands-chest-looking-side-isolated-orange-background-with-copy-space_141793-65450.jpg",
|
||||
},
|
||||
items: [],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-lady-posing-while-standing-t-shirt-looking-confident_176474-47569.jpg",
|
||||
imageAlt: "dental rct treatment icon",
|
||||
},
|
||||
{ title: "Root Canal Treatment", description: "Painless precision for tooth preservation.", media: { imageSrc: "http://img.b2bpic.net/free-vector/dental-icons-set-with-teeth-medical-instruments-clinic-flat-isolated_98292-1161.jpg" }, items: [], reverse: false },
|
||||
{ title: "Dental Implants", description: "Lasting, natural-looking replacement for missing teeth.", media: { imageSrc: "http://img.b2bpic.net/free-photo/dentist-his-assistant-working-with-patient-dentist-chair-dentist-office_651396-3421.jpg" }, items: [], reverse: true },
|
||||
{ title: "Tooth Extraction", description: "Gentle wisdom tooth removal with expert care.", media: { imageSrc: "http://img.b2bpic.net/free-photo/photo-caucasian-man-suffers-painful-toothache-has-rotten-tooth-needs-visit-dentist_273609-44088.jpg" }, items: [], reverse: false },
|
||||
{ title: "Teeth Whitening", description: "Professional treatments for a brighter, confident smile.", media: { imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-doctor-doing-hair-removal-with-laser_181624-45374.jpg" }, items: [], reverse: true },
|
||||
{ title: "Skin Lightening", description: "Advanced care for a glowing and even complexion.", media: { imageSrc: "http://img.b2bpic.net/free-photo/lady-showing-clenched-fist-shirt-jacket-looking-confident-front-view_176474-44847.jpg" }, items: [], reverse: false },
|
||||
{ title: "Laser Aesthetic", description: "Modern non-invasive procedures for rejuvenation.", media: { imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-blonde-russian-girl-puts-hands-chest-looking-side-isolated-orange-background-with-copy-space_141793-65450.jpg" }, items: [], reverse: true },
|
||||
]}
|
||||
title="Comprehensive Dental & Aesthetic Services"
|
||||
description="Our specialized treatments provide relief, radiance, and restoration for your smile and skin."
|
||||
@@ -224,28 +103,11 @@ export default function LandingPage() {
|
||||
<MetricCardEleven
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="blur-reveal"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "5.0",
|
||||
title: "Exceptional Ratings",
|
||||
description: "Trusted by 100+ happy patients in our area.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stomatologist-hands-examining-child-teeth-dental-office_651396-1890.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "24/7",
|
||||
title: "Emergency Ready",
|
||||
description: "Late-night care for your peace of mind.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-dentist-dental-office-dentist-work-dental-treatment-concept_169016-66991.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "Painless",
|
||||
title: "Gentle Procedures",
|
||||
description: "Advanced technology for discomfort-free visits.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/patient-looking-her-face-mirror_107420-73969.jpg",
|
||||
},
|
||||
{ id: "1", value: "5.0", title: "Exceptional Ratings", description: "Trusted by 100+ happy patients in our area.", imageSrc: "http://img.b2bpic.net/free-photo/stomatologist-hands-examining-child-teeth-dental-office_651396-1890.jpg" },
|
||||
{ id: "2", value: "24/7", title: "Emergency Ready", description: "Late-night care for your peace of mind.", imageSrc: "http://img.b2bpic.net/free-photo/young-female-dentist-dental-office-dentist-work-dental-treatment-concept_169016-66991.jpg" },
|
||||
{ id: "3", value: "Painless", title: "Gentle Procedures", description: "Advanced technology for discomfort-free visits.", imageSrc: "http://img.b2bpic.net/free-photo/patient-looking-her-face-mirror_107420-73969.jpg" },
|
||||
]}
|
||||
title="Why Divine Smyle Stands Out"
|
||||
description="Dedicated to the well-being of the Ghaziabad community."
|
||||
@@ -259,26 +121,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Anjali Gupta"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lady-showing-clenched-fist-shirt-jacket-looking-confident-front-view_176474-44847.jpg",
|
||||
alt: "Anjali Gupta",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-posing-portrait-indian-ethnicity-concept_53876-31589.jpg",
|
||||
alt: "Patient 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-female-trendy-summer-red-dress-sexy-carefree-woman-posing-near-blue-wall-studio-positive-model-having-fun-cheerful-happy-isolated_158538-25758.jpg",
|
||||
alt: "Patient 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-posing-seaside_23-2148618906.jpg",
|
||||
alt: "Patient 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/excited-young-brunette-caucasian-girl-looks_141793-70738.jpg",
|
||||
alt: "Patient 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/lady-showing-clenched-fist-shirt-jacket-looking-confident-front-view_176474-44847.jpg", alt: "Anjali Gupta" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-posing-portrait-indian-ethnicity-concept_53876-31589.jpg", alt: "Patient 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-female-trendy-summer-red-dress-sexy-carefree-woman-posing-near-blue-wall-studio-positive-model-having-fun-cheerful-happy-isolated_158538-25758.jpg", alt: "Patient 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-woman-posing-seaside_23-2148618906.jpg", alt: "Patient 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/excited-young-brunette-caucasian-girl-looks_141793-70738.jpg", alt: "Patient 5" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -288,20 +135,9 @@ export default function LandingPage() {
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Book Your Appointment Today. Regain your smile with advanced care."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Us",
|
||||
href: "https://wa.me/917703851890",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:07703851890",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "WhatsApp Us", href: "https://wa.me/917703851890" }, { text: "Call Now", href: "tel:07703851890" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -310,21 +146,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "address",
|
||||
title: "Clinic Address",
|
||||
content: "Shop no 3, 4 D-135, opp. Gaur Square Mall, Govindpuram, Ghaziabad, Uttar Pradesh, 201013.",
|
||||
},
|
||||
{
|
||||
id: "phone",
|
||||
title: "Contact Number",
|
||||
content: "077038 51890",
|
||||
},
|
||||
{
|
||||
id: "hours",
|
||||
title: "Opening Hours",
|
||||
content: "Mon-Sun: 9:00 AM - 9:00 PM (Emergency care available)",
|
||||
},
|
||||
{ id: "address", title: "Clinic Address", content: "Shop no 3, 4 D-135, opp. Gaur Square Mall, Govindpuram, Ghaziabad, Uttar Pradesh, 201013." },
|
||||
{ id: "phone", title: "Contact Number", content: "077038 51890" },
|
||||
{ id: "hours", title: "Opening Hours", content: "Mon-Sun: 9:00 AM - 9:00 PM (Emergency care available)" },
|
||||
]}
|
||||
title="Visit Our Clinic"
|
||||
description="Shop no 3, 4 D-135, opp. Gaur Square Mall, Govindpuram, Ghaziabad, Uttar Pradesh, 077038 51890"
|
||||
@@ -335,17 +159,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Divine Smyle Dental Hub"
|
||||
leftLink={{
|
||||
text: "Services",
|
||||
href: "#services",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Services", href: "#services" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user