Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
431
src/app/page.tsx
431
src/app/page.tsx
@@ -16,315 +16,150 @@ import TextAbout from '@/components/sections/about/TextAbout';
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
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">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Əsas Səhifə",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Haqqımızda",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Xidmətlər",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Qəbul Şərtləri",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Əlaqə",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="PHP Həkim Rezerv"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Əsas Səhifə", id: "hero" },
|
||||
{ name: "Haqqımızda", id: "about" },
|
||||
{ name: "Xidmətlər", id: "features" },
|
||||
{ name: "Qəbul Şərtləri", id: "pricing" },
|
||||
{ name: "Əlaqə", id: "contact" },
|
||||
]}
|
||||
brandName="PHP Həkim Rezerv"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Onlayn Həkim Rezervasiyası"
|
||||
description="PHP bazalı sistemimizlə həkim qəbuluna rahatlıqla yazılın. Vaxtınıza qənaət edin və sağlamlığınızı etibarlı əllərə əmanət edin."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-medical-examination-report-cellphone-medical-equipments-wooden-desk_1387-629.jpg"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-doctor-desktop-with-stethoscope-clipboard-with-medical-records-form-computer-laptop_1421-698.jpg",
|
||||
alt: "Doctor desk",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-medical-workspace-with-technology_482257-115276.jpg",
|
||||
alt: "Empty workspace",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-man-patient-arriving-appointment-with-physician-mockup_482257-126341.jpg",
|
||||
alt: "Patient appointment",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/doctors-nurses-review-radiography-scans-with-green-screen-desk_482257-123281.jpg",
|
||||
alt: "Reviewing scans",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-general-practitioner-explaining-preventative-medicine-risk-factors_482257-126397.jpg",
|
||||
alt: "GP practitioner",
|
||||
},
|
||||
]}
|
||||
avatarText="5000+ məmnun pasiyent"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Onlayn Həkim Rezervasiyası"
|
||||
description="PHP bazalı sistemimizlə həkim qəbuluna rahatlıqla yazılın. Vaxtınıza qənaət edin və sağlamlığınızı etibarlı əllərə əmanət edin."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-medical-examination-report-cellphone-medical-equipments-wooden-desk_1387-629.jpg"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-view-doctor-desktop-with-stethoscope-clipboard-with-medical-records-form-computer-laptop_1421-698.jpg", alt: "Doctor desk" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/empty-medical-workspace-with-technology_482257-115276.jpg", alt: "Empty workspace" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/senior-man-patient-arriving-appointment-with-physician-mockup_482257-126341.jpg", alt: "Patient appointment" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/doctors-nurses-review-radiography-scans-with-green-screen-desk_482257-123281.jpg", alt: "Reviewing scans" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-general-practitioner-explaining-preventative-medicine-risk-factors_482257-126397.jpg", alt: "GP practitioner" },
|
||||
]}
|
||||
avatarText="5000+ məmnun pasiyent"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Niyə Bizim Rezervasiya Sistemini Seçməlisiniz?"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout useInvertedBackground={true} title="Niyə Bizim Rezervasiya Sistemini Seçməlisiniz?" />
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Rezervasiya",
|
||||
title: "24/7 Rezervasiya",
|
||||
items: [
|
||||
"İstənilən vaxt qəbul yazılma",
|
||||
"SMS xatırlatmalar",
|
||||
"Həkim qrafiki ilə sinxronizasiya",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Təhlükəsizlik",
|
||||
title: "Məlumatların Mühafizəsi",
|
||||
items: [
|
||||
"Şifrələnmiş pasiyent məlumatları",
|
||||
"PHP təhlükəsizlik standartları",
|
||||
"Məxfilik siyasəti",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "İdarəetmə",
|
||||
title: "Admin Paneli",
|
||||
items: [
|
||||
"Həkimlərin idarə olunması",
|
||||
"Qəbul statistikasının izlənməsi",
|
||||
"Hesabatlar",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Sistemin Əsas Üstünlükləri"
|
||||
description="Platformamızın həkimlər və pasiyentlər üçün təklif etdiyi funksiyalar."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", label: "Rezervasiya", title: "24/7 Rezervasiya", items: ["İstənilən vaxt qəbul yazılma", "SMS xatırlatmalar", "Həkim qrafiki ilə sinxronizasiya"] },
|
||||
{ id: "f2", label: "Təhlükəsizlik", title: "Məlumatların Mühafizəsi", items: ["Şifrələnmiş pasiyent məlumatları", "PHP təhlükəsizlik standartları", "Məxfilik siyasəti"] },
|
||||
{ id: "f3", label: "İdarəetmə", title: "Admin Paneli", items: ["Həkimlərin idarə olunması", "Qəbul statistikasının izlənməsi", "Hesabatlar"] },
|
||||
]}
|
||||
title="Sistemin Əsas Üstünlükləri"
|
||||
description="Platformamızın həkimlər və pasiyentlər üçün təklif etdiyi funksiyalar."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5000+",
|
||||
title: "Uğurlu Qəbul",
|
||||
description: "İllik tamamlanan rezervasiyalar.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/specialist-old-woman-discuss-x-ray-scan-preventive-cancer-medicine_482257-126717.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "150+",
|
||||
title: "Peşəkar Həkim",
|
||||
description: "Müxtəlif sahələr üzrə mütəxəssislər.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-provides-cancer-screening-guidance-patient-office_482257-126373.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Pasiyent Məmnunluğu",
|
||||
description: "Yüksək xidmət səviyyəsi.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-doctor-office-featuring-modern-medical-equipment-pills_482257-124730.jpg",
|
||||
},
|
||||
]}
|
||||
title="Sistem Statistikamız"
|
||||
description="Minlərlə pasiyent və peşəkar həkimin etimadı."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "5000+", title: "Uğurlu Qəbul", description: "İllik tamamlanan rezervasiyalar.", imageSrc: "http://img.b2bpic.net/free-photo/specialist-old-woman-discuss-x-ray-scan-preventive-cancer-medicine_482257-126717.jpg" },
|
||||
{ id: "m2", value: "150+", title: "Peşəkar Həkim", description: "Müxtəlif sahələr üzrə mütəxəssislər.", imageSrc: "http://img.b2bpic.net/free-photo/doctor-provides-cancer-screening-guidance-patient-office_482257-126373.jpg" },
|
||||
{ id: "m3", value: "99%", title: "Pasiyent Məmnunluğu", description: "Yüksək xidmət səviyyəsi.", imageSrc: "http://img.b2bpic.net/free-photo/empty-doctor-office-featuring-modern-medical-equipment-pills_482257-124730.jpg" },
|
||||
]}
|
||||
title="Sistem Statistikamız"
|
||||
description="Minlərlə pasiyent və peşəkar həkimin etimadı."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Aygün Məmmədova",
|
||||
role: "Pasiyent",
|
||||
company: "Bakı",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-patient-clinic_23-2149103571.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Elvin Həsənov",
|
||||
role: "Pasiyent",
|
||||
company: "Sumqayıt",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1293.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Nigar Əliyeva",
|
||||
role: "Pasiyent",
|
||||
company: "Gəncə",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-headphones_23-2148773580.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Ramin Rzayev",
|
||||
role: "Pasiyent",
|
||||
company: "Bakı",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-man-woman-working-together_23-2148461552.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sara Quliyeva",
|
||||
role: "Pasiyent",
|
||||
company: "Şəki",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-good-mood-looks-into-camera-with-smile-pink-background_197531-18060.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Orta Reytinq",
|
||||
},
|
||||
{
|
||||
value: "1200+",
|
||||
label: "Rəy sayı",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Tövsiyə",
|
||||
},
|
||||
]}
|
||||
title="Pasiyentlərin Rəyləri"
|
||||
description="Sistemimizdən istifadə edən şəxslərin fikirləri."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Aygün Məmmədova", role: "Pasiyent", company: "Bakı", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-patient-clinic_23-2149103571.jpg" },
|
||||
{ id: "t2", name: "Elvin Həsənov", role: "Pasiyent", company: "Sumqayıt", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1293.jpg" },
|
||||
{ id: "t3", name: "Nigar Əliyeva", role: "Pasiyent", company: "Gəncə", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-headphones_23-2148773580.jpg" },
|
||||
{ id: "t4", name: "Ramin Rzayev", role: "Pasiyent", company: "Bakı", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/adult-man-woman-working-together_23-2148461552.jpg" },
|
||||
{ id: "t5", name: "Sara Quliyeva", role: "Pasiyent", company: "Şəki", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-good-mood-looks-into-camera-with-smile-pink-background_197531-18060.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "4.9/5", label: "Orta Reytinq" },
|
||||
{ value: "1200+", label: "Rəy sayı" },
|
||||
{ value: "98%", label: "Tövsiyə" },
|
||||
]}
|
||||
title="Pasiyentlərin Rəyləri"
|
||||
description="Sistemimizdən istifadə edən şəxslərin fikirləri."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Standart",
|
||||
price: "10 AZN",
|
||||
subtitle: "İlkin konsultasiya",
|
||||
features: [
|
||||
"Həkim müayinəsi",
|
||||
"Diaqnostika yönləndirməsi",
|
||||
"Elektron resept",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Rezerv Et",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Premium",
|
||||
price: "25 AZN",
|
||||
subtitle: "Tam müayinə",
|
||||
features: [
|
||||
"Həkim müayinəsi",
|
||||
"Laborator analizlər",
|
||||
"Prioritet növbə",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Rezerv Et",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Qəbul Paketləri"
|
||||
description="Ehtiyacınıza uyğun qəbul forması seçin."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{ id: "basic", badge: "Standart", price: "10 AZN", subtitle: "İlkin konsultasiya", features: ["Həkim müayinəsi", "Diaqnostika yönləndirməsi", "Elektron resept"], buttons: [{ text: "Rezerv Et" }] },
|
||||
{ id: "pro", badge: "Premium", price: "25 AZN", subtitle: "Tam müayinə", features: ["Həkim müayinəsi", "Laborator analizlər", "Prioritet növbə"], buttons: [{ text: "Rezerv Et" }] },
|
||||
]}
|
||||
title="Qəbul Paketləri"
|
||||
description="Ehtiyacınıza uyğun qəbul forması seçin."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Rezervasiyanı necə ləğv edə bilərəm?",
|
||||
content: "Admin panelində və ya şəxsi kabinetinizdən ləğv et düyməsini seçə bilərsiniz.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Ödəniş üsulları hansılardır?",
|
||||
content: "Həm nağd, həm də onlayn ödənişlər mövcuddur.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Həkim məlumatları dəqiqdir?",
|
||||
content: "Bəli, bütün həkimlərimizin profili rəsmi sənədlərlə təsdiqlənib.",
|
||||
},
|
||||
]}
|
||||
title="Tez-tez Soruşulan Sual"
|
||||
description="Sistemimiz haqqında suallarınızı cavablandırdıq."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Rezervasiyanı necə ləğv edə bilərəm?", content: "Admin panelində və ya şəxsi kabinetinizdən ləğv et düyməsini seçə bilərsiniz." },
|
||||
{ id: "q2", title: "Ödəniş üsulları hansılardır?", content: "Həm nağd, həm də onlayn ödənişlər mövcuddur." },
|
||||
{ id: "q3", title: "Həkim məlumatları dəqiqdir?", content: "Bəli, bütün həkimlərimizin profili rəsmi sənədlərlə təsdiqlənib." },
|
||||
]}
|
||||
title="Tez-tez Soruşulan Sual"
|
||||
description="Sistemimiz haqqında suallarınızı cavablandırdıq."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Dəstək"
|
||||
title="Bizimlə Əlaqə Saxlayın"
|
||||
description="Suallarınız varsa, bizə yazın."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Dəstək"
|
||||
title="Bizimlə Əlaqə Saxlayın"
|
||||
description="Suallarınız varsa, bizə yazın."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="PHP Həkim Rezerv"
|
||||
leftLink={{
|
||||
text: "Məxfilik Siyasəti",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "İstifadə Qaydaları",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="PHP Həkim Rezerv"
|
||||
leftLink={{ text: "Məxfilik Siyasəti", href: "#" }}
|
||||
rightLink={{ text: "İstifadə Qaydaları", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user