Merge version_2 into main #2

Merged
bender merged 1 commits from version_2 into main 2026-03-31 10:18:19 +00:00

View File

@@ -3,11 +3,11 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "Expertise",
id: "about",
},
name: "Expertise", id: "about"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Dr. Anju Methil"
/>
@@ -55,51 +47,28 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-static-grid",
}}
variant: "rotated-rays-static-grid"}}
title="Advanced Dermatology Care in Mumbai"
description="Evidence-based, personalized treatments for skin, hair, and nail health by Dr. Anju Methil."
buttons={[
{
text: "Book Appointment",
href: "#contact",
},
text: "Book Appointment", href: "#contact"},
{
text: "Call Now",
href: "tel:+918779911797",
},
text: "Call Now", href: "tel:+918779911797"},
]}
carouselItems={[
{
id: "h1",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/ultra-modern-luxury-dermatology-clinic-i-1774952103091-26162ed4.png?_wi=1",
imageAlt: "Clinic interior",
},
id: "h1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/ultra-modern-luxury-dermatology-clinic-i-1774952103091-26162ed4.png?_wi=1", imageAlt: "Clinic interior"},
{
id: "h2",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/close-up-of-professional-dermatological--1774952102671-800106b2.png?_wi=1",
imageAlt: "Procedures",
},
id: "h2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/close-up-of-professional-dermatological--1774952102671-800106b2.png?_wi=1", imageAlt: "Procedures"},
{
id: "h3",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/calm-and-serene-patient-reception-area-o-1774952102474-57935659.png?_wi=1",
imageAlt: "Clinic Reception",
},
id: "h3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/calm-and-serene-patient-reception-area-o-1774952102474-57935659.png?_wi=1", imageAlt: "Clinic Reception"},
{
id: "h4",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/close-up-of-a-doctor-s-hands-with-gloves-1774952102115-bdc00571.png?_wi=1",
imageAlt: "Clinical Care",
},
id: "h4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/close-up-of-a-doctor-s-hands-with-gloves-1774952102115-bdc00571.png?_wi=1", imageAlt: "Clinical Care"},
{
id: "h5",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/abstract-view-of-skin-texture-and-profes-1774952102773-01b2c87d.png",
imageAlt: "Skincare",
},
id: "h5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/abstract-view-of-skin-texture-and-profes-1774952102773-01b2c87d.png", imageAlt: "Skincare"},
{
id: "h6",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/view-of-a-sterile-modern-procedure-room--1774952102647-808c2b71.png?_wi=1",
imageAlt: "Procedure Room",
},
id: "h6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/view-of-a-sterile-modern-procedure-room--1774952102647-808c2b71.png?_wi=1", imageAlt: "Procedure Room"},
]}
/>
</div>
@@ -112,33 +81,13 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "s1",
name: "Acne Treatment",
price: "Customized Care",
variant: "Clinical Solutions",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/minimalist-graphic-representing-acne-tre-1774952102541-da9fde55.png?_wi=1",
},
id: "s1", name: "Acne Treatment", price: "Customized Care", variant: "Clinical Solutions", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/minimalist-graphic-representing-acne-tre-1774952102541-da9fde55.png?_wi=1"},
{
id: "s2",
name: "Anti-Aging",
price: "Proven Results",
variant: "Revitalizing Care",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/minimalist-graphic-representing-anti-agi-1774952102381-87d900bb.png?_wi=1",
},
id: "s2", name: "Anti-Aging", price: "Proven Results", variant: "Revitalizing Care", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/minimalist-graphic-representing-anti-agi-1774952102381-87d900bb.png?_wi=1"},
{
id: "s3",
name: "Laser Services",
price: "Advanced Tech",
variant: "Precision Care",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/minimalist-graphic-representing-laser-sk-1774952104068-45891d7e.png?_wi=1",
},
id: "s3", name: "Laser Services", price: "Advanced Tech", variant: "Precision Care", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/minimalist-graphic-representing-laser-sk-1774952104068-45891d7e.png?_wi=1"},
{
id: "s4",
name: "Hair & Scalp",
price: "Expert Solutions",
variant: "Comprehensive Care",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/minimalist-graphic-representing-laser-sk-1774952104068-45891d7e.png?_wi=2",
},
id: "s4", name: "Hair & Scalp", price: "Expert Solutions", variant: "Comprehensive Care", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/minimalist-graphic-representing-laser-sk-1774952104068-45891d7e.png?_wi=2"},
]}
title="Our Clinical Services"
description="Comprehensive dermatology solutions for every skin concern."
@@ -152,22 +101,13 @@ export default function LandingPage() {
features={[
{
id: 1,
title: "Experience",
description: "Years of expertise in dermatology and clinical care.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/ultra-modern-luxury-dermatology-clinic-i-1774952103091-26162ed4.png?_wi=2",
},
title: "Experience", description: "Years of expertise in dermatology and clinical care.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/ultra-modern-luxury-dermatology-clinic-i-1774952103091-26162ed4.png?_wi=2"},
{
id: 2,
title: "Evidence-Based",
description: "Treatments backed by medical research and proven results.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/close-up-of-professional-dermatological--1774952102671-800106b2.png?_wi=2",
},
title: "Evidence-Based", description: "Treatments backed by medical research and proven results.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/close-up-of-professional-dermatological--1774952102671-800106b2.png?_wi=2"},
{
id: 3,
title: "Personalized",
description: "Every patient receives a unique care plan tailored to their needs.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/close-up-of-a-doctor-s-hands-with-gloves-1774952102115-bdc00571.png?_wi=2",
},
title: "Personalized", description: "Every patient receives a unique care plan tailored to their needs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/close-up-of-a-doctor-s-hands-with-gloves-1774952102115-bdc00571.png?_wi=2"},
]}
title="Dr. Anju Methil - Expert Dermatologist"
description="Dedicated to providing science-backed skincare and aesthetic treatments in a safe, premium Mumbai environment."
@@ -182,20 +122,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Safety First",
description: "Hygienic facility ensuring patient well-being.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/view-of-a-sterile-modern-procedure-room--1774952102647-808c2b71.png?_wi=2",
},
title: "Safety First", description: "Hygienic facility ensuring patient well-being.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/view-of-a-sterile-modern-procedure-room--1774952102647-808c2b71.png?_wi=2"},
{
title: "Expert Team",
description: "Highly trained staff and dedicated dermatologist.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/calm-and-serene-patient-reception-area-o-1774952102474-57935659.png?_wi=2",
},
title: "Expert Team", description: "Highly trained staff and dedicated dermatologist.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/calm-and-serene-patient-reception-area-o-1774952102474-57935659.png?_wi=2"},
{
title: "Modern Tech",
description: "State-of-the-art diagnostic and treatment tools.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/close-up-of-professional-dermatological--1774952102671-800106b2.png?_wi=3",
},
title: "Modern Tech", description: "State-of-the-art diagnostic and treatment tools.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/close-up-of-professional-dermatological--1774952102671-800106b2.png?_wi=3"},
]}
title="Why Choose Our Clinic"
description="Trust your skin health with Mumbai's premium dermatology experts."
@@ -209,26 +140,11 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "4.7 ★",
title: "Clinic Rating",
description: "Based on 500+ patient reviews.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/ultra-modern-luxury-dermatology-clinic-i-1774952103091-26162ed4.png?_wi=3",
},
id: "m1", value: "4.7 ★", title: "Clinic Rating", description: "Based on 500+ patient reviews.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/ultra-modern-luxury-dermatology-clinic-i-1774952103091-26162ed4.png?_wi=3"},
{
id: "m2",
value: "500+",
title: "Happy Patients",
description: "Patients treated across Mumbai.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/calm-and-serene-patient-reception-area-o-1774952102474-57935659.png?_wi=3",
},
id: "m2", value: "500+", title: "Happy Patients", description: "Patients treated across Mumbai.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/calm-and-serene-patient-reception-area-o-1774952102474-57935659.png?_wi=3"},
{
id: "m3",
value: "Expert",
title: "Dermatologist",
description: "Professional evidence-based approach.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/close-up-of-a-doctor-s-hands-with-gloves-1774952102115-bdc00571.png?_wi=3",
},
id: "m3", value: "Expert", title: "Dermatologist", description: "Professional evidence-based approach.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/close-up-of-a-doctor-s-hands-with-gloves-1774952102115-bdc00571.png?_wi=3"},
]}
title="Trusted by Mumbai"
description="We are proud to serve our community with excellence."
@@ -244,35 +160,11 @@ export default function LandingPage() {
description="Expert advice on skincare routines and treatments."
blogs={[
{
id: "b1",
category: "Skin Health",
title: "The Basics of Acne Care",
excerpt: "Essential tips for managing sensitive skin.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/minimalist-graphic-representing-acne-tre-1774952102541-da9fde55.png?_wi=2",
authorName: "Dr. Anju Methil",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/ultra-modern-luxury-dermatology-clinic-i-1774952103091-26162ed4.png",
date: "Oct 2024",
},
id: "b1", category: "Skin Health", title: "The Basics of Acne Care", excerpt: "Essential tips for managing sensitive skin.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/minimalist-graphic-representing-acne-tre-1774952102541-da9fde55.png?_wi=2", authorName: "Dr. Anju Methil", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/ultra-modern-luxury-dermatology-clinic-i-1774952103091-26162ed4.png", date: "Oct 2024"},
{
id: "b2",
category: "Aging",
title: "Anti-Aging Explained",
excerpt: "How evidence-based treatments really work.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/minimalist-graphic-representing-anti-agi-1774952102381-87d900bb.png?_wi=2",
authorName: "Dr. Anju Methil",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/ultra-modern-luxury-dermatology-clinic-i-1774952103091-26162ed4.png",
date: "Oct 2024",
},
id: "b2", category: "Aging", title: "Anti-Aging Explained", excerpt: "How evidence-based treatments really work.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/minimalist-graphic-representing-anti-agi-1774952102381-87d900bb.png?_wi=2", authorName: "Dr. Anju Methil", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/ultra-modern-luxury-dermatology-clinic-i-1774952103091-26162ed4.png", date: "Oct 2024"},
{
id: "b3",
category: "Laser",
title: "Laser Safety Facts",
excerpt: "What to expect during your first treatment.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/minimalist-graphic-representing-laser-sk-1774952104068-45891d7e.png?_wi=3",
authorName: "Dr. Anju Methil",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/ultra-modern-luxury-dermatology-clinic-i-1774952103091-26162ed4.png",
date: "Oct 2024",
},
id: "b3", category: "Laser", title: "Laser Safety Facts", excerpt: "What to expect during your first treatment.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/minimalist-graphic-representing-laser-sk-1774952104068-45891d7e.png?_wi=3", authorName: "Dr. Anju Methil", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/ultra-modern-luxury-dermatology-clinic-i-1774952103091-26162ed4.png", date: "Oct 2024"},
]}
/>
</div>
@@ -283,20 +175,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How do I book a session?",
content: "You can use our online form or call us directly at 087799 11797.",
},
id: "f1", title: "How do I book a session?", content: "You can use our online form or call us directly at 087799 11797."},
{
id: "f2",
title: "Are procedures safe?",
content: "Yes, we focus on evidence-based dermatology with high hygiene standards.",
},
id: "f2", title: "Are procedures safe?", content: "Yes, we focus on evidence-based dermatology with high hygiene standards."},
{
id: "f3",
title: "Where is the clinic located?",
content: "We are located at Aston Sundervan, Andheri West, Mumbai.",
},
id: "f3", title: "Where is the clinic located?", content: "We are located at Aston Sundervan, Andheri West, Mumbai."},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/a-professional-dermatologist-talking-to--1774952103492-82161c69.png"
mediaAnimation="slide-up"
@@ -307,60 +190,21 @@ export default function LandingPage() {
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
<ContactSplit
tag="Appointments"
title="Start Your Transformation"
description="Book your consultation with Dr. Anju Methil today."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
},
{
name: "phone",
type: "tel",
placeholder: "Your Phone Number",
},
]}
textarea={{
name: "concern",
placeholder: "Please describe your skin concern",
}}
description="Book your consultation with Dr. Anju Methil today. Located at Aston Sundervan, Andheri West, Mumbai."
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhr9ShR3ff4wKKeQCbEkozwK7n/exterior-of-a-premium-building-in-mumbai-1774952104126-0598d3fc.png"
mediaAnimation="slide-up"
buttonText="Book Now"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Address: Aston Sundervan, Mumbai",
href: "#",
},
{
label: "Phone: 087799 11797",
href: "tel:+918779911797",
},
],
},
{
items: [
{
label: "Services",
href: "#services",
},
{
label: "Expertise",
href: "#about",
},
],
},
]}
<FooterLogoReveal
logoText="Dr. Anju Methil - Dermatologist"
leftLink={{ text: "Contact: 087799 11797", href: "tel:+918779911797" }}
rightLink={{ text: "Visit: Aston Sundervan, Mumbai", href: "#" }}
/>
</div>
</ReactLenis>