Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-22 20:32:26 +00:00

View File

@@ -16,356 +16,150 @@ import { CheckCircle, Shield, Zap } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="small"
sizing="mediumLargeSizeLargeTitles"
background="aurora"
cardStyle="gradient-mesh"
primaryButtonStyle="shadow"
secondaryButtonStyle="radial-glow"
headingFontWeight="bold"
defaultButtonVariant="bounce-effect"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="small"
sizing="mediumLargeSizeLargeTitles"
background="aurora"
cardStyle="gradient-mesh"
primaryButtonStyle="shadow"
secondaryButtonStyle="radial-glow"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Ana Səhifə",
id: "#hero",
},
{
name: "Dərmanlar",
id: "#products",
},
{
name: "Apteklər",
id: "#pharmacies",
},
{
name: "Haqqımızda",
id: "#about",
},
]}
brandName="DarmanTap"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Ana Səhifə", id: "hero" },
{ name: "Dərmanlar", id: "pharmacies" },
{ name: "Apteklər", id: "pharmacies" },
{ name: "Haqqımızda", id: "features" }
]}
brandName="DarmanTap"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "plain",
}}
title="Sağlamlığınız üçün ən uyğun qiyməti tapın"
description="Minlərlə dərman preparatını Bakı və ətraf ərazilərdəki apteklər üzrə müqayisə edin, ən yaxın və ən sərfəlisini seçin. Qiymətləri real vaxtda yoxlayın, stok mövcudluğunu təsdiq edin və dərhal zəng edin."
buttons={[
{
text: "İndi Axtarın",
href: "#products",
},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/thermometer-with-high-temperature-medicine_23-2150471124.jpg?_wi=1",
imageAlt: "Hero Scene 1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/indian-physician-consulting-male-patient-medical-facility-chroma-key_482257-118501.jpg",
imageAlt: "Hero Scene 2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/multi-ethnic-team-discussing-sickness-symptoms-analyzing-medical-document-working-healthcare-treatment-hospital-office-mock-up-green-screen-chroma-key-computer-with-isolated-display_482257-29746.jpg",
imageAlt: "Hero Scene 3",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/nurse-surfing-net-mobile-device_482257-90378.jpg",
imageAlt: "Hero Scene 4",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-cartoon-character-shopping_23-2151656738.jpg",
imageAlt: "Hero Scene 5",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/female-general-practitioner-patient-looking-green-screen-tablet_482257-124040.jpg",
imageAlt: "Hero Scene 6",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{ variant: "plain" }}
title="Sağlamlığınız üçün ən uyğun qiyməti tapın"
description="Minlərlə dərman preparatını Bakı və ətraf ərazilərdəki apteklər üzrə müqayisə edin, ən yaxın və ən sərfəlisini seçin. Qiymətləri real vaxtda yoxlayın, stok mövcudluğunu təsdiq edin və dərhal zəng edin."
buttons={[{ text: "İndi Axtarın", href: "#pharmacies" }]}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/thermometer-with-high-temperature-medicine_23-2150471124.jpg", imageAlt: "Hero Scene 1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/indian-physician-consulting-male-patient-medical-facility-chroma-key_482257-118501.jpg", imageAlt: "Hero Scene 2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/multi-ethnic-team-discussing-sickness-symptoms-analyzing-medical-document-working-healthcare-treatment-hospital-office-mock-up-green-screen-chroma-key-computer-with-isolated-display_482257-29746.jpg", imageAlt: "Hero Scene 3" },
{ imageSrc: "http://img.b2bpic.net/free-photo/nurse-surfing-net-mobile-device_482257-90378.jpg", imageAlt: "Hero Scene 4" },
{ imageSrc: "http://img.b2bpic.net/free-photo/view-cartoon-character-shopping_23-2151656738.jpg", imageAlt: "Hero Scene 5" },
{ imageSrc: "http://img.b2bpic.net/free-photo/female-general-practitioner-patient-looking-green-screen-tablet_482257-124040.jpg", imageAlt: "Hero Scene 6" }
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Real Vaxt Qiymətləri",
description: "Bakı apteklərindəki qiymətləri anlıq yeniləmələrlə izləyin.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-doctor-analyzing-disease-expertise-using-tablet-monitoring-patient-symptoms-clinical-examination-specialist-working-healthcare-treatment-hospital-office_482257-30429.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/digital-composite-doctor-with-white-graph-with-flare-against-blurry-background-with-light-blue-overlay_1258-84253.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/thermometer-with-high-temperature-medicine_23-2150471124.jpg?_wi=2",
imageAlt: "person using pharmacy app",
},
{
title: "Stok İzləmə",
description: "Dərmanın mövcudluğunu dəqiq məlumatlarla yoxlayın.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/medical-professionals-meeting-examining-organs-ct-scan-results_482257-123078.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/woman-general-practitioner-patient-looking-green-screen-laptop_482257-118085.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/doctor-provides-cancer-screening-guidance-patient-office_482257-126373.jpg",
imageAlt: "person using pharmacy app",
},
{
title: "Aptek Xəritəsi",
description: "Ən yaxın və işlək aptekləri xəritədə dərhal tapın.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/man-learning-about-his-pills_23-2148506069.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/different-emotions-covid19-social-distancing-technology-concept-excited-enthusiastic-goodlooking-girl-medical-mask-pointing-looking-mobile-phone-display-promote-app_1258-105897.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/doctor-standing-with-thumb-up-horizontal-medium-shot_1098-18147.jpg?_wi=1",
imageAlt: "person using pharmacy app",
},
]}
showStepNumbers={true}
title="Platforma Xüsusiyyətləri"
description="DarmanTap ilə aptek axtarışı və dərman təchizatı artıq daha asandır."
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ title: "Real Vaxt Qiymətləri", description: "Bakı apteklərindəki qiymətləri anlıq yeniləmələrlə izləyin.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-doctor-analyzing-disease-expertise-using-tablet-monitoring-patient-symptoms-clinical-examination-specialist-working-healthcare-treatment-hospital-office_482257-30429.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/digital-composite-doctor-with-white-graph-with-flare-against-blurry-background-with-light-blue-overlay_1258-84253.jpg" } },
{ title: "Stok İzləmə", description: "Dərmanın mövcudluğunu dəqiq məlumatlarla yoxlayın.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/medical-professionals-meeting-examining-organs-ct-scan-results_482257-123078.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/woman-general-practitioner-patient-looking-green-screen-laptop_482257-118085.jpg" } },
{ title: "Aptek Xəritəsi", description: "Ən yaxın və işlək aptekləri xəritədə dərhal tapın.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-learning-about-his-pills_23-2148506069.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/different-emotions-covid19-social-distancing-technology-concept-excited-enthusiastic-goodlooking-girl-medical-mask-pointing-looking-mobile-phone-display-promote-app_1258-105897.jpg" } }
]}
showStepNumbers={true}
title="Platforma Xüsusiyyətləri"
description="DarmanTap ilə aptek axtarışı və dərman təchizatı artıq daha asandır."
/>
</div>
<div id="pharmacies" data-section="pharmacies">
<ProductCardOne
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Zəfəran Aptek",
price: "1.2 km",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-hand-with-location-symbols_23-2149764130.jpg",
},
{
id: "p2",
name: "Aviçenna",
price: "2.5 km",
imageSrc: "http://img.b2bpic.net/free-photo/3d-view-map_23-2150472829.jpg",
},
{
id: "p3",
name: "Buta Aptek",
price: "3.8 km",
imageSrc: "http://img.b2bpic.net/free-photo/3d-view-map_23-2150471691.jpg",
},
{
id: "p4",
name: "Şəfa Aptek",
price: "4.1 km",
imageSrc: "http://img.b2bpic.net/free-vector/doctor-s-helpline-medical-booking-app_23-2148552687.jpg",
},
{
id: "p5",
name: "Bakı Med",
price: "5.0 km",
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-smartphone-while-holding-flowers_23-2148781478.jpg",
},
{
id: "p6",
name: "Vita Aptek",
price: "6.2 km",
imageSrc: "http://img.b2bpic.net/free-vector/online-pharmacy-landing-page-template_52683-14459.jpg",
},
]}
title="Aptek Siyahıları"
description="Ən çox istifadə olunan apteklərin inventar siyahısına göz atın."
/>
</div>
<div id="pharmacies" data-section="pharmacies">
<ProductCardOne
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
useInvertedBackground={true}
products={[
{ id: "p1", name: "Zəfəran Aptek", price: "1.2 km", imageSrc: "http://img.b2bpic.net/free-photo/side-view-hand-with-location-symbols_23-2149764130.jpg" },
{ id: "p2", name: "Aviçenna", price: "2.5 km", imageSrc: "http://img.b2bpic.net/free-photo/3d-view-map_23-2150472829.jpg" },
{ id: "p3", name: "Buta Aptek", price: "3.8 km", imageSrc: "http://img.b2bpic.net/free-photo/3d-view-map_23-2150471691.jpg" }
]}
title="Aptek Siyahıları"
description="Ən çox istifadə olunan apteklərin inventar siyahısına göz atın."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
animationType="depth-3d"
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Shield,
title: "Etibarlı Apteklər",
value: "150+",
},
{
id: "m2",
icon: Zap,
title: "Aylıq İstifadəçi",
value: "25K+",
},
{
id: "m3",
icon: CheckCircle,
title: "Dərman Çeşidi",
value: "5000+",
},
]}
title="Platforma Statistikası"
description="Uğurla idarə olunan şəbəkə və məlumatlar."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
animationType="depth-3d"
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{ id: "m1", icon: Shield, title: "Etibarlı Apteklər", value: "150+" },
{ id: "m2", icon: Zap, title: "Aylıq İstifadəçi", value: "25K+" },
{ id: "m3", icon: CheckCircle, title: "Dərman Çeşidi", value: "5000+" }
]}
title="Platforma Statistikası"
description="Uğurla idarə olunan şəbəkə və məlumatlar."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="scale-rotate"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Aygün Əliyeva",
role: "Müəllim",
company: "Bakı",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/doctor-standing-with-thumb-up-horizontal-medium-shot_1098-18147.jpg?_wi=2",
},
{
id: "2",
name: "Rəşad Vəliyev",
role: "Mühəndis",
company: "Bakı",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pharmacist-providing-products-clients_482257-75482.jpg",
},
{
id: "3",
name: "Nigar Həsənova",
role: "Tələbə",
company: "Bakı",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/senior-professor-holding-glasses-near-desk-classroom_23-2148200970.jpg",
},
{
id: "4",
name: "Kamran Abbasov",
role: "İdarəçi",
company: "Bakı",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall-interior_1203-8294.jpg",
},
{
id: "5",
name: "Sevinc Quliyeva",
role: "Həkim",
company: "Bakı",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-female-doctor_23-2148962392.jpg",
},
]}
kpiItems={[
{
value: "4.9",
label: "İstifadəçi Reytinqi",
},
{
value: "95%",
label: "Məmnuniyyət",
},
{
value: "100+",
label: "Günlük Zənglər",
},
]}
title="İstifadəçi Rəyləri"
description="İstifadəçilərimizin DarmanTap haqqında fikirləri."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="scale-rotate"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Aygün Əliyeva", role: "Müəllim", company: "Bakı", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/doctor-standing-with-thumb-up-horizontal-medium-shot_1098-18147.jpg" },
{ id: "2", name: "Rəşad Vəliyev", role: "Mühəndis", company: "Bakı", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pharmacist-providing-products-clients_482257-75482.jpg" },
{ id: "3", name: "Nigar Həsənova", role: "Tələbə", company: "Bakı", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-professor-holding-glasses-near-desk-classroom_23-2148200970.jpg" }
]}
kpiItems={[
{ value: "4.9", label: "İstifadəçi Reytinqi" },
{ value: "95%", label: "Məmnuniyyət" },
{ value: "100+", label: "Günlük Zənglər" }
]}
title="İstifadəçi Rəyləri"
description="İstifadəçilərimizin DarmanTap haqqında fikirləri."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Qiymətlər necə yenilənir?",
content: "Qiymətlər apteklər tərəfindən avtomatik və ya manual olaraq real vaxtda yenilənir.",
},
{
id: "f2",
title: "Dərman bron etmək olar?",
content: "Bəli, əksər apteklərdə birbaşa zəng edərək dərmanları bron etmək mümkündür.",
},
{
id: "f3",
title: "Xidmət pulludur?",
content: "Xeyr, DarmanTap platforması istifadəçilər üçün tamamilə pulsuzdur.",
},
]}
sideTitle="Sual-Cavab"
sideDescription="Ən çox verilən suallar."
faqsAnimation="blur-reveal"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "Qiymətlər necə yenilənir?", content: "Qiymətlər apteklər tərəfindən avtomatik və ya manual olaraq real vaxtda yenilənir." },
{ id: "f2", title: "Dərman bron etmək olar?", content: "Bəli, əksər apteklərdə birbaşa zəng edərək dərmanları bron etmək mümkündür." },
{ id: "f3", title: "Xidmət pulludur?", content: "Xeyr, DarmanTap platforması istifadəçilər üçün tamamilə pulsuzdur." }
]}
sideTitle="Sual-Cavab"
sideDescription="Ən çox verilən suallar."
faqsAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
tag="Bizimlə Əlaqə"
title="Suallarınız qaldı?"
description="Daha ətraflı məlumat üçün bizə müraciət edin."
buttons={[
{
text: "Mesaj Göndərin",
href: "#",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{ variant: "radial-gradient" }}
tag="Bizimlə Əlaqə"
title="Suallarınız qaldı?"
description="Daha ətraflı məlumat üçün bizə müraciət edin."
buttons={[{ text: "Mesaj Göndərin", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="DarmanTap"
columns={[
{
title: "Xidmətlər",
items: [
{
label: "Dərman Axtarışı",
href: "#",
},
{
label: "Aptek Siyahısı",
href: "#",
},
],
},
{
title: "Dəstək",
items: [
{
label: "İstifadə Şərtləri",
href: "#",
},
{
label: "Məxfilik",
href: "#",
},
],
},
]}
copyrightText="© 2025 DarmanTap | Bütün hüquqlar qorunur."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="DarmanTap"
columns={[
{ title: "Xidmətlər", items: [{ label: "Dərman Axtarışı", href: "#" }, { label: "Aptek Siyahısı", href: "#" }] },
{ title: "Dəstək", items: [{ label: "İstifadə Şərtləri", href: "#" }, { label: "Məxfilik", href: "#" }] }
]}
copyrightText="© 2025 DarmanTap | Bütün hüquqlar qorunur."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}