Merge version_1 into main #1
215
src/app/page.tsx
215
src/app/page.tsx
@@ -11,7 +11,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Shield } from "lucide-react";
|
||||
import { Shield, Zap, CheckCircle, Sparkles } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,43 +31,24 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Results",
|
||||
id: "results",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Results", id: "results" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Harsh Clinic"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="Harsh Clinic"
|
||||
description="Experience pain-free, advanced dental care in the heart of Pune. Your comfort and smile are our top priorities."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+919876543210",
|
||||
},
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:+919876543210" },
|
||||
{ text: "Book Appointment", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-dentist-s-appointment_1321-4592.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -81,34 +62,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
description: "Dedicated service to Pune community.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-medical-symbols_23-2149510237.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5000+",
|
||||
title: "Happy Patients",
|
||||
description: "Restored smiles and confidence.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-doctor-home-visit_637285-11276.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Advanced",
|
||||
title: "Technology",
|
||||
description: "State-of-the-art dental equipment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-equipment-dental-chart-white-background_1232-4426.jpg",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "Pain-Free",
|
||||
title: "Procedures",
|
||||
description: "Patient comfort focused care.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dental-braces-abstract-concept-vector-illustration-dental-procedure-braces-correction-method-crowded-teeth-treatment-orthodontic-problem-teeth-aligner-retainer-bracket-abstract-metaphor_335657-5994.jpg",
|
||||
},
|
||||
{ id: "m1", value: "10+", title: "Years Experience", description: "Dedicated service to Pune community.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-medical-symbols_23-2149510237.jpg" },
|
||||
{ id: "m2", value: "5000+", title: "Happy Patients", description: "Restored smiles and confidence.", imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-doctor-home-visit_637285-11276.jpg" },
|
||||
{ id: "m3", value: "Advanced", title: "Technology", description: "State-of-the-art dental equipment.", imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-equipment-dental-chart-white-background_1232-4426.jpg" },
|
||||
{ id: "m4", value: "Pain-Free", title: "Procedures", description: "Patient comfort focused care.", imageSrc: "http://img.b2bpic.net/free-vector/dental-braces-abstract-concept-vector-illustration-dental-procedure-braces-correction-method-crowded-teeth-treatment-orthodontic-problem-teeth-aligner-retainer-bracket-abstract-metaphor_335657-5994.jpg" },
|
||||
]}
|
||||
title="A Trusted Legacy"
|
||||
description="Excellence in dentistry backed by years of experience and thousands of smiles."
|
||||
@@ -120,30 +77,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Root Canal",
|
||||
description: "Advanced, pain-free endodontic therapy to save your natural teeth.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-medical-equipment-dental-procedures_651396-1693.jpg",
|
||||
},
|
||||
{
|
||||
title: "Dental Implants",
|
||||
description: "Precision dental implants to restore function and smile aesthetics.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-dentist-tools-dental-office_1204-395.jpg",
|
||||
},
|
||||
{
|
||||
title: "Teeth Whitening",
|
||||
description: "Professional in-clinic whitening for a radiant, brighter smile.",
|
||||
buttonIcon: "Sparkles",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medical-instruments_1157-18593.jpg",
|
||||
},
|
||||
{
|
||||
title: "Aligners/Braces",
|
||||
description: "Clear aligners and traditional braces for perfectly aligned teeth.",
|
||||
buttonIcon: "Shield",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dental-chair-with-medical-tools_140725-7681.jpg",
|
||||
},
|
||||
{ title: "Root Canal", description: "Advanced, pain-free endodontic therapy to save your natural teeth.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/professional-medical-equipment-dental-procedures_651396-1693.jpg" },
|
||||
{ title: "Dental Implants", description: "Precision dental implants to restore function and smile aesthetics.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/professional-dentist-tools-dental-office_1204-395.jpg" },
|
||||
{ title: "Teeth Whitening", description: "Professional in-clinic whitening for a radiant, brighter smile.", buttonIcon: Sparkles, imageSrc: "http://img.b2bpic.net/free-photo/medical-instruments_1157-18593.jpg" },
|
||||
{ title: "Aligners/Braces", description: "Clear aligners and traditional braces for perfectly aligned teeth.", buttonIcon: Shield, imageSrc: "http://img.b2bpic.net/free-photo/dental-chair-with-medical-tools_140725-7681.jpg" },
|
||||
]}
|
||||
title="Comprehensive Dental Services"
|
||||
description="From routine checkups to complex cosmetic transformations, we provide high-quality care tailored for you."
|
||||
@@ -157,42 +94,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Smile Makeover",
|
||||
price: "Before/After",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mixed-race-black-blonde-model-with-curly-hair-closeup-mouth-painted-with-bright-blue-lipstick-smiling-watching-camera_633478-803.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Dental Veneers",
|
||||
price: "Before/After",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-women-women-s-day_23-2151931573.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Full Mouth Rehab",
|
||||
price: "Before/After",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling_107420-65384.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Teeth Alignment",
|
||||
price: "Before/After",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-successful-woman-giving-two-thumbs-up-gesture_273609-13742.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Gum Correction",
|
||||
price: "Before/After",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-having-dental-check-up_107420-73912.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Implant Case",
|
||||
price: "Before/After",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-getting-special-skin-treatment-home-beautiful-girl-applying-eye-serum-smooth-skin-without-wrinkles_657921-919.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Smile Makeover", price: "Before/After", imageSrc: "http://img.b2bpic.net/free-photo/mixed-race-black-blonde-model-with-curly-hair-closeup-mouth-painted-with-bright-blue-lipstick-smiling-watching-camera_633478-803.jpg" },
|
||||
{ id: "p2", name: "Dental Veneers", price: "Before/After", imageSrc: "http://img.b2bpic.net/free-photo/portrait-women-women-s-day_23-2151931573.jpg" },
|
||||
{ id: "p3", name: "Full Mouth Rehab", price: "Before/After", imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling_107420-65384.jpg" },
|
||||
{ id: "p4", name: "Teeth Alignment", price: "Before/After", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-successful-woman-giving-two-thumbs-up-gesture_273609-13742.jpg" },
|
||||
{ id: "p5", name: "Gum Correction", price: "Before/After", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-having-dental-check-up_107420-73912.jpg" },
|
||||
{ id: "p6", name: "Implant Case", price: "Before/After", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-getting-special-skin-treatment-home-beautiful-girl-applying-eye-serum-smooth-skin-without-wrinkles_657921-919.jpg" },
|
||||
]}
|
||||
title="Smile Transformations"
|
||||
description="Witness the life-changing results of our aesthetic treatments."
|
||||
@@ -205,41 +112,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Rahul Deshmukh",
|
||||
handle: "Pune Patient",
|
||||
testimonial: "Excellent experience with my root canal. Truly pain-free!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-manager_1098-16099.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Anjali Kulkarni",
|
||||
handle: "Happy Patient",
|
||||
testimonial: "Got my braces done here, amazing results. Very hygienic clinic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-special-equipment_23-2148980727.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Vikram Singh",
|
||||
handle: "Pune Patient",
|
||||
testimonial: "Highly recommended for dental implants. Professional and caring.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-concept-portrait-handsome-happy-handsome-business-man-suit-smiling-siting-work-office-white-background_1258-349.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Priya Shah",
|
||||
handle: "Patient",
|
||||
testimonial: "Teeth whitening was great. Very friendly staff.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-dark-skinned-lady-does-champion-dance-tilts-head-feels-overjoyed-dressed-oversized-knitted-sweater_273609-34022.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Suresh Rao",
|
||||
handle: "Patient",
|
||||
testimonial: "Best dental clinic in Pune! Very professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-hoary-man-wearing-casual-sweater-glasses-isolated-yellow-background-smiling-friendly-offering-handshake-as-greeting-welcoming-successful-business_839833-30926.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Rahul Deshmukh", handle: "Pune Patient", testimonial: "Excellent experience with my root canal. Truly pain-free!", imageSrc: "http://img.b2bpic.net/free-photo/urban-manager_1098-16099.jpg" },
|
||||
{ id: "t2", name: "Anjali Kulkarni", handle: "Happy Patient", testimonial: "Got my braces done here, amazing results. Very hygienic clinic.", imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-special-equipment_23-2148980727.jpg" },
|
||||
{ id: "t3", name: "Vikram Singh", handle: "Pune Patient", testimonial: "Highly recommended for dental implants. Professional and caring.", imageSrc: "http://img.b2bpic.net/free-photo/business-concept-portrait-handsome-happy-handsome-business-man-suit-smiling-siting-work-office-white-background_1258-349.jpg" },
|
||||
{ id: "t4", name: "Priya Shah", handle: "Patient", testimonial: "Teeth whitening was great. Very friendly staff.", imageSrc: "http://img.b2bpic.net/free-photo/positive-dark-skinned-lady-does-champion-dance-tilts-head-feels-overjoyed-dressed-oversized-knitted-sweater_273609-34022.jpg" },
|
||||
{ id: "t5", name: "Suresh Rao", handle: "Patient", testimonial: "Best dental clinic in Pune! Very professional.", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-hoary-man-wearing-casual-sweater-glasses-isolated-yellow-background-smiling-friendly-offering-handshake-as-greeting-welcoming-successful-business_839833-30926.jpg" },
|
||||
]}
|
||||
title="Patient Stories"
|
||||
description="What our patients in Pune have to say about their experience at Harsh Clinic."
|
||||
@@ -262,9 +139,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Book Your Appointment"
|
||||
description="Need dental care? Contact us today for a consultation in Pune."
|
||||
inputPlaceholder="Enter your phone number"
|
||||
@@ -276,36 +151,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Clinic",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Results",
|
||||
href: "#results",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Clinic", items: [{ label: "Services", href: "#services" }, { label: "Results", href: "#results" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Harsh Clinic, Pune."
|
||||
bottomRightText="All rights reserved."
|
||||
|
||||
Reference in New Issue
Block a user