Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
355
src/app/page.tsx
355
src/app/page.tsx
@@ -18,255 +18,130 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Anasayfa",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Hizmetler",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Hakkımızda",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "İletişim",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Turab İsmayılov"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Anasayfa", id: "hero" },
|
||||
{ name: "Hizmetler", id: "services" },
|
||||
{ name: "Hakkımızda", id: "about" },
|
||||
{ name: "İletişim", id: "contact" },
|
||||
]}
|
||||
brandName="Dr. Turab İSMAYILOV"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Dr. Turab İSMAYILOV"
|
||||
description="Estetik ve plastik cerrahide mükemmeliyet. Kişiye özel dokunuşlar, doğal sonuçlar ve güvenli operasyon süreci ile hayalinizdeki görünüme kavuşun."
|
||||
buttons={[
|
||||
{
|
||||
text: "Randevu Al",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Hizmetleri İncele",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/students-learning-cafeteria_23-2147679038.jpg"
|
||||
imageAlt="Dr. Turab İsmayılov"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Dr. Turab İSMAYILOV"
|
||||
description="Estetik ve plastik cerrahide mükemmeliyet. Kişiye özel dokunuşlar, doğal sonuçlar ve güvenli operasyon süreci ile hayalinizdeki görünüme kavuşun."
|
||||
buttons={[
|
||||
{ text: "Randevu Al", href: "#contact" },
|
||||
{ text: "Hizmetleri İncele", href: "#services" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/students-learning-cafeteria_23-2147679038.jpg"
|
||||
imageAlt="Dr. Turab İsmayılov"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Uzman Cerrah"
|
||||
title="Dr. Turab İsmayılov Kimdir?"
|
||||
description="Plastik, Rekonstrüktif ve Estetik Cerrahi alanında uzmanlaşmış, uluslararası standartlarda operasyonlar gerçekleştiren Dr. Turab İsmayılov, her hastasının ihtiyaçlarına özel, doğal ve estetik çözümler sunmaktadır."
|
||||
subdescription="Yılların deneyimi, gelişmiş teknikler ve yüksek hasta memnuniyeti ile güzelliğinizi güvenli ellerle yeniden şekillendiriyoruz."
|
||||
icon={Activity}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-female-physiotherapist-posing_23-2148780764.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Uzman Cerrah"
|
||||
title="Dr. Turab İsmayılov Kimdir?"
|
||||
description="Plastik, Rekonstrüktif ve Estetik Cerrahi alanında uzmanlaşmış, uluslararası standartlarda operasyonlar gerçekleştiren Dr. Turab İsmayılov, her hastasının ihtiyaçlarına özel, doğal ve estetik çözümler sunmaktadır."
|
||||
subdescription="Yılların deneyimi, gelişmiş teknikler ve yüksek hasta memnuniyeti ile güzelliğinizi güvenli ellerle yeniden şekillendiriyoruz."
|
||||
icon={Activity}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-female-physiotherapist-posing_23-2148780764.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Burun Estetiği (Rinoplasti)",
|
||||
description: "Yüz hatlarınızla uyumlu, fonksiyonel ve estetik burun operasyonları.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-wavy-voluminous-hair-beige-background-with-bright-pink-lipstick-lip-gloss-topless-bare-shoulders_343596-8239.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Liposuction",
|
||||
description: "İnatçı yağlardan kurtulun, vücut hatlarınızı yeniden belirginleştirin.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159287.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Karın Germe",
|
||||
description: "Daha düz ve sıkı bir karın bölgesi için estetik abdominoplasti.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-using-medical-tool-patient_23-2149103624.jpg",
|
||||
},
|
||||
{
|
||||
title: "Lipödem",
|
||||
description: "Lipödem tedavisi ile ağrılarınızı azaltın, yaşam kalitenizi artırın.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159287.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Yüz Germe (Face Lift)",
|
||||
description: "Daha genç, dinamik ve doğal bir yüz görünümü için profesyonel dokunuşlar.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-wavy-voluminous-hair-beige-background-with-bright-pink-lipstick-lip-gloss-topless-bare-shoulders_343596-8239.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Estetik Hizmetlerimiz"
|
||||
description="Size en uygun estetik çözümleri sunuyoruz."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Burun Estetiği (Rinoplasti)", description: "Yüz hatlarınızla uyumlu, fonksiyonel ve estetik burun operasyonları.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-wavy-voluminous-hair-beige-background-with-bright-pink-lipstick-lip-gloss-topless-bare-shoulders_343596-8239.jpg" },
|
||||
{ title: "Liposuction", description: "İnatçı yağlardan kurtulun, vücut hatlarınızı yeniden belirginleştirin.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159287.jpg" },
|
||||
{ title: "Karın Germe", description: "Daha düz ve sıkı bir karın bölgesi için estetik abdominoplasti.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-using-medical-tool-patient_23-2149103624.jpg" },
|
||||
{ title: "Lipödem", description: "Lipödem tedavisi ile ağrılarınızı azaltın, yaşam kalitenizi artırın.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159287.jpg" },
|
||||
{ title: "Yüz Germe (Face Lift)", description: "Daha genç, dinamik ve doğal bir yüz görünümü için profesyonel dokunuşlar.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-wavy-voluminous-hair-beige-background-with-bright-pink-lipstick-lip-gloss-topless-bare-shoulders_343596-8239.jpg" },
|
||||
]}
|
||||
title="Estetik Hizmetlerimiz"
|
||||
description="Size en uygun estetik çözümleri sunuyoruz."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ayşe Y.",
|
||||
role: "Hasta",
|
||||
company: "Rinoplasti",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-looking-doctor_107420-74008.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mehmet K.",
|
||||
role: "Hasta",
|
||||
company: "Liposuction",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-girl-posing-with-closed-eyes_176420-8507.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Selin D.",
|
||||
role: "Hasta",
|
||||
company: "Yüz Germe",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-smiling-doctor-holding-hand-heart-dreamily-looking-camera-isolated-tender-touched-expression_574295-2653.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Canan B.",
|
||||
role: "Hasta",
|
||||
company: "Karın Germe",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-cosmetologist-making-beauty-procedures_1303-26019.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emre S.",
|
||||
role: "Hasta",
|
||||
company: "Lipödem",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-posing_23-2149265857.jpg",
|
||||
},
|
||||
]}
|
||||
title="Hastalarımız Ne Diyor?"
|
||||
description="Operasyon sonrası memnuniyetlerini paylaşan hastalarımızın yorumları."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Ayşe Y.", role: "Hasta", company: "Rinoplasti", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-looking-doctor_107420-74008.jpg" },
|
||||
{ id: "2", name: "Mehmet K.", role: "Hasta", company: "Liposuction", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-girl-posing-with-closed-eyes_176420-8507.jpg" },
|
||||
{ id: "3", name: "Selin D.", role: "Hasta", company: "Yüz Germe", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-smiling-doctor-holding-hand-heart-dreamily-looking-camera-isolated-tender-touched-expression_574295-2653.jpg" },
|
||||
{ id: "4", name: "Canan B.", role: "Hasta", company: "Karın Germe", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-cosmetologist-making-beauty-procedures_1303-26019.jpg" },
|
||||
{ id: "5", name: "Emre S.", role: "Hasta", company: "Lipödem", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-posing_23-2149265857.jpg" },
|
||||
]}
|
||||
title="Hastalarımız Ne Diyor?"
|
||||
description="Operasyon sonrası memnuniyetlerini paylaşan hastalarımızın yorumları."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "İyileşme süreci ne kadar sürer?",
|
||||
content: "İşleme göre değişiklik gösterse de ortalama 2-4 hafta içerisinde günlük hayatınıza dönebilirsiniz.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Operasyonlar kalıcı mı?",
|
||||
content: "Evet, cerrahi prosedürlerimiz kalıcı sonuçlar sunar, ancak yaşam tarzınıza göre zamanla hafif değişimler olabilir.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Randevu nasıl alırım?",
|
||||
content: "İletişim formunu doldurarak veya telefon numaramız üzerinden bize ulaşarak randevunuzu oluşturabilirsiniz.",
|
||||
},
|
||||
]}
|
||||
title="Sıkça Sorulan Sorular"
|
||||
description="Estetik cerrahi süreçlerinizle ilgili merak ettikleriniz."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "İyileşme süreci ne kadar sürer?", content: "İşleme göre değişiklik gösterse de ortalama 2-4 hafta içerisinde günlük hayatınıza dönebilirsiniz." },
|
||||
{ id: "2", title: "Operasyonlar kalıcı mı?", content: "Evet, cerrahi prosedürlerimiz kalıcı sonuçlar sunar, ancak yaşam tarzınıza göre zamanla hafif değişimler olabilir." },
|
||||
{ id: "3", title: "Randevu nasıl alırım?", content: "İletişim formunu doldurarak veya telefon numaranız üzerinden bize ulaşarak randevunuzu oluşturabilirsiniz." },
|
||||
]}
|
||||
title="Sıkça Sorulan Sorular"
|
||||
description="Estetik cerrahi süreçlerinizle ilgili merak ettikleriniz."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Hemen Randevu Alın"
|
||||
description="Hayalinizdeki görünüme kavuşmak için ilk adımı atın."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Adınız Soyadınız",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "E-posta Adresiniz",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Telefon Numaranız",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Sormak istediklerinizi yazın...",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/waiting-room-hospital-lobby-with-reception-counter-desk-diverse-people-waiting-attend-checkup-visit-appointment-health-care-examination-emergency-area-medical-clinic_482257-46891.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Hemen Randevu Alın"
|
||||
description="Hayalinizdeki görünüme kavuşmak için ilk adımı atın."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Adınız Soyadınız", required: true },
|
||||
{ name: "email", type: "email", placeholder: "E-posta Adresiniz", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Telefon Numaranız", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Sormak istediklerinizi yazın...", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/waiting-room-hospital-lobby-with-reception-counter-desk-diverse-people-waiting-attend-checkup-visit-appointment-health-care-examination-emergency-area-medical-clinic_482257-46891.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/waiting-room-hospital-lobby-with-reception-counter-desk-diverse-people-waiting-attend-checkup-visit-appointment-health-care-examination-emergency-area-medical-clinic_482257-46891.jpg?_wi=2"
|
||||
logoText="Dr. Turab İSMAYILOV"
|
||||
columns={[
|
||||
{
|
||||
title: "Hizmetler",
|
||||
items: [
|
||||
{
|
||||
label: "Burun Estetiği",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Liposuction",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Karın Germe",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "İletişim",
|
||||
items: [
|
||||
{
|
||||
label: "Bize Ulaşın",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Randevu",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Dr. Turab İsmayılov. Tüm hakları saklıdır."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/waiting-room-hospital-lobby-with-reception-counter-desk-diverse-people-waiting-attend-checkup-visit-appointment-health-care-examination-emergency-area-medical-clinic_482257-46891.jpg"
|
||||
logoText="Dr. Turab İSMAYILOV"
|
||||
columns={[
|
||||
{ title: "Hizmetler", items: [{ label: "Burun Estetiği", href: "#services" }, { label: "Liposuction", href: "#services" }, { label: "Karın Germe", href: "#services" }] },
|
||||
{ title: "İletişim", items: [{ label: "Bize Ulaşın", href: "#contact" }, { label: "Randevu", href: "#contact" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Dr. Turab İsmayılov. Tüm hakları saklıdır."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user