Merge version_3 into main #3
270
src/app/page.tsx
270
src/app/page.tsx
@@ -40,150 +40,150 @@ export default function LandingPage() {
|
||||
})}} />
|
||||
</Head>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Etiler Aesthetic Dermatology"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Etiler Aesthetic Dermatology"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Etiler Aesthetic Dermatology"
|
||||
description="Advanced Aesthetic Dermatology Treatments Tailored For You. Reveal your natural beauty with innovative solutions."
|
||||
buttons={[
|
||||
{ text: "Book Appointment", href: "#contact" },
|
||||
{ text: "WhatsApp", href: "https://wa.me/905322230784" },
|
||||
]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-black-woman-with-bandaged-head-surgery-lines-her-face_633478-232.jpg", imageAlt: "glowing skin care clinic background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-with-professional-make-up-close-up_23-2148932886.jpg", imageAlt: "Portrait young asian woman with professional make up close up" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-young-girl-with-perfect-clean-skin-alstroemeria-petals-looking-camera-white-background-facial-treatment-beauty-spa_176420-14101.jpg", imageAlt: "Close up of beautiful young girl with perfect clean skin" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-spa_329181-13153.jpg", imageAlt: "Woman relaxing in the spa" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-relaxing-spa_23-2149144920.jpg", imageAlt: "Close up woman relaxing at spa" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Etiler Aesthetic Dermatology"
|
||||
description="Advanced Aesthetic Dermatology Treatments Tailored For You. Reveal your natural beauty with innovative solutions."
|
||||
buttons={[
|
||||
{ text: "Book Appointment", href: "#contact" },
|
||||
{ text: "WhatsApp", href: "https://wa.me/905322230784" },
|
||||
]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-black-woman-with-bandaged-head-surgery-lines-her-face_633478-232.jpg", imageAlt: "glowing skin care clinic background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-with-professional-make-up-close-up_23-2148932886.jpg", imageAlt: "Portrait young asian woman with professional make up close up" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-young-girl-with-perfect-clean-skin-alstroemeria-petals-looking-camera-white-background-facial-treatment-beauty-spa_176420-14101.jpg", imageAlt: "Close up of beautiful young girl with perfect clean skin" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-spa_329181-13153.jpg", imageAlt: "Woman relaxing in the spa" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-relaxing-spa_23-2149144920.jpg", imageAlt: "Close up woman relaxing at spa" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="We Invite You To The Privileged World of Etiler"
|
||||
description="Discover innovative aesthetic and dermatological solutions that reveal your natural beauty with our expert team; take a step towards healthy, vibrant, and radiant skin."
|
||||
metrics={[
|
||||
{ value: "15+", title: "Years Experience" },
|
||||
{ value: "10k+", title: "Happy Patients" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-visiting-cosmetologist-making-rejuvenation-procedures_1303-26058.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="We Invite You To The Privileged World of Etiler"
|
||||
description="Discover innovative aesthetic and dermatological solutions that reveal your natural beauty with our expert team; take a step towards healthy, vibrant, and radiant skin."
|
||||
metrics={[
|
||||
{ value: "15+", title: "Years Experience" },
|
||||
{ value: "10k+", title: "Happy Patients" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-visiting-cosmetologist-making-rejuvenation-procedures_1303-26058.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardEight
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Botox", description: "Reduce expression lines with precision injections.", imageSrc: "http://img.b2bpic.net/free-photo/coronavirus-test-tubes-lab_53876-167179.jpg", imageAlt: "botox procedure illustration" },
|
||||
{ title: "Fillers", description: "Restore volume and define facial contours naturally.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-fitness-girl-sportswear-touches-her-face-with-eyes-closed-meditates-relaxed_1258-183252.jpg", imageAlt: "glowing skin healthy skincare" },
|
||||
{ title: "Laser Treatments", description: "Safe, advanced technology for skin renewal.", imageSrc: "http://img.b2bpic.net/free-photo/laser-epilation-hair-removal-therapy_1303-23674.jpg", imageAlt: "laser skin treatment safety" },
|
||||
{ title: "Skin Rejuvenation", description: "Revitalize your complexion for a youthful look.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-salon_176420-7518.jpg", imageAlt: "glowing skin care clinic background" },
|
||||
{ title: "Gold Needle", description: "Advanced RF microneedling for collagen boost.", imageSrc: "http://img.b2bpic.net/free-photo/girl-doctor-s-office-african-woman-couch-doctor-s-consultation_1157-48248.jpg", imageAlt: "skin health dermatology consultation" },
|
||||
{ title: "Exosome Therapy", description: "Regenerative medicine for deep skin repair.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406005.jpg", imageAlt: "dermatologist expert doctor portrait" },
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Comprehensive aesthetic solutions for every need."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardEight
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Botox", description: "Reduce expression lines with precision injections.", imageSrc: "http://img.b2bpic.net/free-photo/coronavirus-test-tubes-lab_53876-167179.jpg", imageAlt: "botox procedure illustration" },
|
||||
{ title: "Fillers", description: "Restore volume and define facial contours naturally.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-fitness-girl-sportswear-touches-her-face-with-eyes-closed-meditates-relaxed_1258-183252.jpg", imageAlt: "glowing skin healthy skincare" },
|
||||
{ title: "Laser Treatments", description: "Safe, advanced technology for skin renewal.", imageSrc: "http://img.b2bpic.net/free-photo/laser-epilation-hair-removal-therapy_1303-23674.jpg", imageAlt: "laser skin treatment safety" },
|
||||
{ title: "Skin Rejuvenation", description: "Revitalize your complexion for a youthful look.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-salon_176420-7518.jpg", imageAlt: "glowing skin care clinic background" },
|
||||
{ title: "Gold Needle", description: "Advanced RF microneedling for collagen boost.", imageSrc: "http://img.b2bpic.net/free-photo/girl-doctor-s-office-african-woman-couch-doctor-s-consultation_1157-48248.jpg", imageAlt: "skin health dermatology consultation" },
|
||||
{ title: "Exosome Therapy", description: "Regenerative medicine for deep skin repair.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406005.jpg", imageAlt: "dermatologist expert doctor portrait" },
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Comprehensive aesthetic solutions for every need."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Us"
|
||||
tag="Expertise"
|
||||
metrics={[
|
||||
{ id: "m1", value: "Personalized", description: "Treatments specifically designed for your needs." },
|
||||
{ id: "m2", value: "Latest Tech", description: "Advanced, FDA-approved aesthetic technologies." },
|
||||
{ id: "m3", value: "Natural Result", description: "Focusing on subtle, refreshing outcomes." },
|
||||
{ id: "m4", value: "Expert Team", description: "Dermatologist-led, specialist care." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Us"
|
||||
tag="Expertise"
|
||||
metrics={[
|
||||
{ id: "m1", value: "Personalized", description: "Treatments specifically designed for your needs." },
|
||||
{ id: "m2", value: "Latest Tech", description: "Advanced, FDA-approved aesthetic technologies." },
|
||||
{ id: "m3", value: "Natural Result", description: "Focusing on subtle, refreshing outcomes." },
|
||||
{ id: "m4", value: "Expert Team", description: "Dermatologist-led, specialist care." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Miller", role: "Client", company: "Happy Patient", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-women-laughing-playing-with-moisturizer_23-2148850635.jpg" },
|
||||
{ id: "2", name: "Emily Chen", role: "Client", company: "Glowing Skin", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-senior-woman-posing_23-2149095418.jpg" },
|
||||
{ id: "3", name: "John Doe", role: "Client", company: "Radiant Health", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-medic-examining-male-patient-office-routine-checkup-discussing-about-treatment-plan_482257-135628.jpg" },
|
||||
{ id: "4", name: "Jane Smith", role: "Client", company: "Natural Results", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-receiving-facial-treatment-beauty-salon_23-2148194190.jpg" },
|
||||
{ id: "5", name: "Alice Wong", role: "Client", company: "Expert Care", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-dentist-standing-with-arms-crossed_107420-73978.jpg" },
|
||||
]}
|
||||
title="Client Reviews"
|
||||
description="What our patients say about us."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Miller", role: "Client", company: "Happy Patient", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-women-laughing-playing-with-moisturizer_23-2148850635.jpg" },
|
||||
{ id: "2", name: "Emily Chen", role: "Client", company: "Glowing Skin", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-senior-woman-posing_23-2149095418.jpg" },
|
||||
{ id: "3", name: "John Doe", role: "Client", company: "Radiant Health", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-medic-examining-male-patient-office-routine-checkup-discussing-about-treatment-plan_482257-135628.jpg" },
|
||||
{ id: "4", name: "Jane Smith", role: "Client", company: "Natural Results", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-receiving-facial-treatment-beauty-salon_23-2148194190.jpg" },
|
||||
{ id: "5", name: "Alice Wong", role: "Client", company: "Expert Care", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-dentist-standing-with-arms-crossed_107420-73978.jpg" },
|
||||
]}
|
||||
title="Client Reviews"
|
||||
description="What our patients say about us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Is Botox safe?", content: "Yes, when performed by a licensed professional." },
|
||||
{ id: "f2", title: "How long do results last?", content: "Results typically last 4 to 6 months depending on the procedure." },
|
||||
{ id: "f3", title: "Is there recovery time?", content: "Most of our non-surgical treatments require zero downtime." },
|
||||
]}
|
||||
description="Your common questions answered."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-abstract-outdoors-daylight-shadows_23-2149080241.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Is Botox safe?", content: "Yes, when performed by a licensed professional." },
|
||||
{ id: "f2", title: "How long do results last?", content: "Results typically last 4 to 6 months depending on the procedure." },
|
||||
{ id: "f3", title: "Is there recovery time?", content: "Most of our non-surgical treatments require zero downtime." },
|
||||
]}
|
||||
description="Your common questions answered."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-abstract-outdoors-daylight-shadows_23-2149080241.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Insights & Advice"
|
||||
description="Latest updates from our experts."
|
||||
blogs={[
|
||||
{ id: "b1", category: "Botox", title: "How long does Botox last?", excerpt: "Understanding the timeline of your treatments.", imageSrc: "http://img.b2bpic.net/free-photo/woman-checking-her-skin-mirror-after-receiving-cosmetic-treatment_107420-74034.jpg", authorName: "Dr. Mehmet Durgun", authorAvatar: "http://img.b2bpic.net/free-photo/female-doctor-holding-reports-clinic_107420-65114.jpg", date: "Jan 2024" },
|
||||
{ id: "b2", category: "Skincare", title: "Best treatments for glowing skin", excerpt: "Top tips for maintaining radiant, healthy skin.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-smiley-doctor-s-appointment_23-2149313522.jpg", authorName: "Dr. Mehmet Durgun", authorAvatar: "http://img.b2bpic.net/free-photo/person-getting-micro-needling-beauty-treatment_23-2149334246.jpg", date: "Feb 2024" },
|
||||
{ id: "b3", category: "Laser", title: "Is laser treatment safe?", excerpt: "Debunking common myths about laser safety.", imageSrc: "http://img.b2bpic.net/free-photo/female-patient-getting-vaccinated-coronavirus_23-2149128440.jpg", authorName: "Dr. Mehmet Durgun", authorAvatar: "http://img.b2bpic.net/free-photo/doctor-with-smile_1098-21962.jpg", date: "Mar 2024" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Insights & Advice"
|
||||
description="Latest updates from our experts."
|
||||
blogs={[
|
||||
{ id: "b1", category: "Botox", title: "How long does Botox last?", excerpt: "Understanding the timeline of your treatments.", imageSrc: "http://img.b2bpic.net/free-photo/woman-checking-her-skin-mirror-after-receiving-cosmetic-treatment_107420-74034.jpg", authorName: "Dr. Mehmet Durgun", authorAvatar: "http://img.b2bpic.net/free-photo/female-doctor-holding-reports-clinic_107420-65114.jpg", date: "Jan 2024" },
|
||||
{ id: "b2", category: "Skincare", title: "Best treatments for glowing skin", excerpt: "Top tips for maintaining radiant, healthy skin.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-smiley-doctor-s-appointment_23-2149313522.jpg", authorName: "Dr. Mehmet Durgun", authorAvatar: "http://img.b2bpic.net/free-photo/person-getting-micro-needling-beauty-treatment_23-2149334246.jpg", date: "Feb 2024" },
|
||||
{ id: "b3", category: "Laser", title: "Is laser treatment safe?", excerpt: "Debunking common myths about laser safety.", imageSrc: "http://img.b2bpic.net/free-photo/female-patient-getting-vaccinated-coronavirus_23-2149128440.jpg", authorName: "Dr. Mehmet Durgun", authorAvatar: "http://img.b2bpic.net/free-photo/doctor-with-smile_1098-21962.jpg", date: "Mar 2024" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Book Your Consultation Today"
|
||||
description="Take the first step towards the healthy skin you deserve."
|
||||
tag="Consultation"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Book Your Consultation Today"
|
||||
description="Take the first step towards the healthy skin you deserve."
|
||||
tag="Consultation"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Clinic", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Contact", items: [{ label: "Address", href: "#" }, { label: "+90 532 223 07 84", href: "tel:+905322230784" }] },
|
||||
]}
|
||||
logoText="Etiler Aesthetic Dermatology"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Clinic", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Contact", items: [{ label: "Address", href: "#" }, { label: "+90 532 223 07 84", href: "tel:+905322230784" }] },
|
||||
]}
|
||||
logoText="Etiler Aesthetic Dermatology"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user