Merge version_1 into main #2
225
src/app/page.tsx
225
src/app/page.tsx
@@ -28,22 +28,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Kansal Hi-Tech Dental"
|
||||
/>
|
||||
@@ -51,72 +39,31 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Precision Care, Radiant Smiles."
|
||||
description="Experience world-class dental solutions delivered with compassion and cutting-edge technology at Kansal Hi-Tech Dental Clinic."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "5★",
|
||||
label: "Patient Rating",
|
||||
},
|
||||
{
|
||||
value: "10K+",
|
||||
label: "Smiles Created",
|
||||
},
|
||||
{ value: "15+", label: "Years Experience" },
|
||||
{ value: "5★", label: "Patient Rating" },
|
||||
{ value: "10K+", label: "Smiles Created" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-women-using-digital-tablet_107420-65283.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-women-using-digital-tablet_107420-65283.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/glad-pretty-woman-with-curly-hair-keeps-hand-cheek-looks-away-smiles-happily-wears-casual-poloneck-being-good-mood-isolated-white-background-people-positive-emotions-concept_273609-60671.jpg",
|
||||
alt: "Patient 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/glad-pretty-woman-with-curly-hair-keeps-hand-cheek-looks-away-smiles-happily-wears-casual-poloneck-being-good-mood-isolated-white-background-people-positive-emotions-concept_273609-60671.jpg",
|
||||
alt: "Patient 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/glad-pretty-woman-with-curly-hair-keeps-hand-cheek-looks-away-smiles-happily-wears-casual-poloneck-being-good-mood-isolated-white-background-people-positive-emotions-concept_273609-60671.jpg",
|
||||
alt: "Patient 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/glad-pretty-woman-with-curly-hair-keeps-hand-cheek-looks-away-smiles-happily-wears-casual-poloneck-being-good-mood-isolated-white-background-people-positive-emotions-concept_273609-60671.jpg",
|
||||
alt: "Patient 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/glad-pretty-woman-with-curly-hair-keeps-hand-cheek-looks-away-smiles-happily-wears-casual-poloneck-being-good-mood-isolated-white-background-people-positive-emotions-concept_273609-60671.jpg",
|
||||
alt: "Patient 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/glad-pretty-woman-with-curly-hair-keeps-hand-cheek-looks-away-smiles-happily-wears-casual-poloneck-being-good-mood-isolated-white-background-people-positive-emotions-concept_273609-60671.jpg", alt: "Patient 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/glad-pretty-woman-with-curly-hair-keeps-hand-cheek-looks-away-smiles-happily-wears-casual-poloneck-being-good-mood-isolated-white-background-people-positive-emotions-concept_273609-60671.jpg", alt: "Patient 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/glad-pretty-woman-with-curly-hair-keeps-hand-cheek-looks-away-smiles-happily-wears-casual-poloneck-being-good-mood-isolated-white-background-people-positive-emotions-concept_273609-60671.jpg", alt: "Patient 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/glad-pretty-woman-with-curly-hair-keeps-hand-cheek-looks-away-smiles-happily-wears-casual-poloneck-being-good-mood-isolated-white-background-people-positive-emotions-concept_273609-60671.jpg", alt: "Patient 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/glad-pretty-woman-with-curly-hair-keeps-hand-cheek-looks-away-smiles-happily-wears-casual-poloneck-being-good-mood-isolated-white-background-people-positive-emotions-concept_273609-60671.jpg", alt: "Patient 5" },
|
||||
]}
|
||||
avatarText="Trusted by over 10,000+ happy patients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "State-of-the-art Technology",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Gentle Dentistry",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Specialists",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Patient Experience",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Emergency Support",
|
||||
},
|
||||
{ type: "text", text: "State-of-the-art Technology" },
|
||||
{ type: "text", text: "Gentle Dentistry" },
|
||||
{ type: "text", text: "Expert Specialists" },
|
||||
{ type: "text", text: "Premium Patient Experience" },
|
||||
{ type: "text", text: "24/7 Emergency Support" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -127,48 +74,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Advanced Implants",
|
||||
description: "Restoring confidence with precision-guided dental implant procedures.",
|
||||
tag: "Implantology",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medical-dentistry-staff-with-ppe-suits-using-modern-technology-while-consulting-patient-with-oral-care-issues-stomatologist-dental-nurse-looking-teeth-animation-model-implant_482257-28617.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Professional Whitening",
|
||||
description: "Safe and effective teeth whitening for a naturally brilliant, bright smile.",
|
||||
tag: "Cosmetic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-hands-working-young-woman-patient-with-dental-tools_613910-21176.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Orthodontic Care",
|
||||
description: "Modern alignment solutions for perfectly balanced and healthy teeth.",
|
||||
tag: "Orthodontics",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dental-procedure-installing-braces-close-up-dentistry-braces-teeth_169016-67479.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
title: "Routine Wellness",
|
||||
description: "Comprehensive cleaning and preventative care to keep your smile healthy.",
|
||||
tag: "Preventative",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medical-dentistry-staff-with-ppe-suits-using-modern-technology-while-consulting-patient-with-oral-care-issues-stomatologist-dental-nurse-looking-teeth-animation-model-implant_482257-28617.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
title: "Root Canal Therapy",
|
||||
description: "Gentle endodontic treatment using high-precision digital microscopy.",
|
||||
tag: "Endodontics",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-hands-working-young-woman-patient-with-dental-tools_613910-21176.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "s6",
|
||||
title: "Gum Health",
|
||||
description: "Specialized treatments for healthy, resilient gum tissue maintenance.",
|
||||
tag: "Periodontics",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dental-procedure-installing-braces-close-up-dentistry-braces-teeth_169016-67479.jpg?_wi=2",
|
||||
},
|
||||
{ id: "s1", title: "Advanced Implants", description: "Restoring confidence with precision-guided dental implant procedures.", tag: "Implantology", imageSrc: "http://img.b2bpic.net/free-photo/medical-dentistry-staff-with-ppe-suits-using-modern-technology-while-consulting-patient-with-oral-care-issues-stomatologist-dental-nurse-looking-teeth-animation-model-implant_482257-28617.jpg" },
|
||||
{ id: "s2", title: "Professional Whitening", description: "Safe and effective teeth whitening for a naturally brilliant, bright smile.", tag: "Cosmetic", imageSrc: "http://img.b2bpic.net/free-photo/dentist-hands-working-young-woman-patient-with-dental-tools_613910-21176.jpg" },
|
||||
{ id: "s3", title: "Orthodontic Care", description: "Modern alignment solutions for perfectly balanced and healthy teeth.", tag: "Orthodontics", imageSrc: "http://img.b2bpic.net/free-photo/dental-procedure-installing-braces-close-up-dentistry-braces-teeth_169016-67479.jpg" },
|
||||
{ id: "s4", title: "Routine Wellness", description: "Comprehensive cleaning and preventative care to keep your smile healthy.", tag: "Preventative", imageSrc: "http://img.b2bpic.net/free-photo/medical-dentistry-staff-with-ppe-suits-using-modern-technology-while-consulting-patient-with-oral-care-issues-stomatologist-dental-nurse-looking-teeth-animation-model-implant_482257-28617.jpg" },
|
||||
{ id: "s5", title: "Root Canal Therapy", description: "Gentle endodontic treatment using high-precision digital microscopy.", tag: "Endodontics", imageSrc: "http://img.b2bpic.net/free-photo/dentist-hands-working-young-woman-patient-with-dental-tools_613910-21176.jpg" },
|
||||
{ id: "s6", title: "Gum Health", description: "Specialized treatments for healthy, resilient gum tissue maintenance.", tag: "Periodontics", imageSrc: "http://img.b2bpic.net/free-photo/dental-procedure-installing-braces-close-up-dentistry-braces-teeth_169016-67479.jpg" },
|
||||
]}
|
||||
title="Comprehensive Dental Care"
|
||||
description="We blend advanced dental technology with a gentle, patient-focused approach to deliver exceptional oral health outcomes."
|
||||
@@ -179,59 +90,23 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Meet Dr. Kansal",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-young-medical-doctor-grey-background_613910-123.jpg",
|
||||
alt: "Dr. Kansal",
|
||||
},
|
||||
{ type: "text", content: "Meet Dr. Kansal" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/portrait-confident-young-medical-doctor-grey-background_613910-123.jpg", alt: "Dr. Kansal" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Aman S.",
|
||||
handle: "@patient",
|
||||
testimonial: "The most professional experience I've had. Dr. Kansal explained everything perfectly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glad-pretty-woman-with-curly-hair-keeps-hand-cheek-looks-away-smiles-happily-wears-casual-poloneck-being-good-mood-isolated-white-background-people-positive-emotions-concept_273609-60671.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Priya K.",
|
||||
handle: "@patient",
|
||||
testimonial: "Gentle hands and high-tech care. My implant procedure was painless and quick.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glad-pretty-woman-with-curly-hair-keeps-hand-cheek-looks-away-smiles-happily-wears-casual-poloneck-being-good-mood-isolated-white-background-people-positive-emotions-concept_273609-60671.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Rahul M.",
|
||||
handle: "@patient",
|
||||
testimonial: "Highly recommended for their ethics and punctuality. Truly a premium experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glad-pretty-woman-with-curly-hair-keeps-hand-cheek-looks-away-smiles-happily-wears-casual-poloneck-being-good-mood-isolated-white-background-people-positive-emotions-concept_273609-60671.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sneha V.",
|
||||
handle: "@patient",
|
||||
testimonial: "Excellent communication. They really make you feel comfortable and understood.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glad-pretty-woman-with-curly-hair-keeps-hand-cheek-looks-away-smiles-happily-wears-casual-poloneck-being-good-mood-isolated-white-background-people-positive-emotions-concept_273609-60671.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Vikram B.",
|
||||
handle: "@patient",
|
||||
testimonial: "State-of-the-art facility. Dr. Kansal is meticulous in his work and very kind.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glad-pretty-woman-with-curly-hair-keeps-hand-cheek-looks-away-smiles-happily-wears-casual-poloneck-being-good-mood-isolated-white-background-people-positive-emotions-concept_273609-60671.jpg?_wi=5",
|
||||
},
|
||||
{ id: "t1", name: "Aman S.", handle: "@patient", testimonial: "The most professional experience I've had. Dr. Kansal explained everything perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/glad-pretty-woman-with-curly-hair-keeps-hand-cheek-looks-away-smiles-happily-wears-casual-poloneck-being-good-mood-isolated-white-background-people-positive-emotions-concept_273609-60671.jpg" },
|
||||
{ id: "t2", name: "Priya K.", handle: "@patient", testimonial: "Gentle hands and high-tech care. My implant procedure was painless and quick.", imageSrc: "http://img.b2bpic.net/free-photo/glad-pretty-woman-with-curly-hair-keeps-hand-cheek-looks-away-smiles-happily-wears-casual-poloneck-being-good-mood-isolated-white-background-people-positive-emotions-concept_273609-60671.jpg" },
|
||||
{ id: "t3", name: "Rahul M.", handle: "@patient", testimonial: "Highly recommended for their ethics and punctuality. Truly a premium experience.", imageSrc: "http://img.b2bpic.net/free-photo/glad-pretty-woman-with-curly-hair-keeps-hand-cheek-looks-away-smiles-happily-wears-casual-poloneck-being-good-mood-isolated-white-background-people-positive-emotions-concept_273609-60671.jpg" },
|
||||
{ id: "t4", name: "Sneha V.", handle: "@patient", testimonial: "Excellent communication. They really make you feel comfortable and understood.", imageSrc: "http://img.b2bpic.net/free-photo/glad-pretty-woman-with-curly-hair-keeps-hand-cheek-looks-away-smiles-happily-wears-casual-poloneck-being-good-mood-isolated-white-background-people-positive-emotions-concept_273609-60671.jpg" },
|
||||
{ id: "t5", name: "Vikram B.", handle: "@patient", testimonial: "State-of-the-art facility. Dr. Kansal is meticulous in his work and very kind.", imageSrc: "http://img.b2bpic.net/free-photo/glad-pretty-woman-with-curly-hair-keeps-hand-cheek-looks-away-smiles-happily-wears-casual-poloneck-being-good-mood-isolated-white-background-people-positive-emotions-concept_273609-60671.jpg" },
|
||||
]}
|
||||
title="Patient Success Stories"
|
||||
description="Read firsthand accounts of how we prioritize patient comfort and clinical excellence."
|
||||
@@ -241,46 +116,20 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Appointment"
|
||||
title="Book Your Consultation"
|
||||
description="Start your journey to a better smile. Fill out the form, and our office will coordinate your appointment."
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-women-using-digital-tablet_107420-65283.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-women-using-digital-tablet_107420-65283.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Clinic",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Email Us",
|
||||
href: "mailto:info@kansaldental.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Clinic", items: [{ label: "Services", href: "#services" }, { label: "About", href: "#about" }] },
|
||||
{ title: "Connect", items: [{ label: "Book Appointment", href: "#contact" }, { label: "Email Us", href: "mailto:info@kansaldental.com" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Kansal Hi-Tech Dental. All rights reserved."
|
||||
bottomRightText="Privacy Policy | Terms of Service"
|
||||
|
||||
Reference in New Issue
Block a user