Merge version_1 into main #1
266
src/app/page.tsx
266
src/app/page.tsx
@@ -33,37 +33,22 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "الرئيسية", id: "#hero"},
|
||||
{
|
||||
name: "عنّا",
|
||||
id: "#about",
|
||||
},
|
||||
name: "عنّا", id: "#about"},
|
||||
{
|
||||
name: "خدماتنا",
|
||||
id: "#features",
|
||||
},
|
||||
name: "خدماتنا", id: "#features"},
|
||||
{
|
||||
name: "المنتجات",
|
||||
id: "#products",
|
||||
},
|
||||
name: "المنتجات", id: "#products"},
|
||||
{
|
||||
name: "الشهادات",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "الشهادات", id: "#testimonials"},
|
||||
{
|
||||
name: "الأسئلة الشائعة",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "الأسئلة الشائعة", id: "#faq"},
|
||||
{
|
||||
name: "اتصل بنا",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "اتصل بنا", id: "#contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "احصل على استشارة",
|
||||
}}
|
||||
text: "احصل على استشارة"}}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/logotype_23-2148152992.jpg"
|
||||
brandName="صيدلية البردينى"
|
||||
/>
|
||||
@@ -72,48 +57,31 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="صيدلية البردينى"
|
||||
description="صحتك أولويتنا: رعاية متميزة ومنتجات عالية الجودة لخدمة مجتمعنا."
|
||||
tag="خدمتكم تسعدنا"
|
||||
tagAnimation="blur-reveal"
|
||||
buttons={[
|
||||
{
|
||||
text: "استكشف منتجاتنا",
|
||||
href: "#products",
|
||||
},
|
||||
text: "استكشف منتجاتنا", href: "#products"},
|
||||
{
|
||||
text: "تواصل معنا",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "تواصل معنا", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-pharmacist-work_23-2150348168.jpg",
|
||||
imageAlt: "Modern pharmacy interior with clean shelves",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-pharmacist-work_23-2150348168.jpg", imageAlt: "Modern pharmacy interior with clean shelves"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-unrecognizable-female-doctor-looking-human-skull-x-ray-tablet_1098-20369.jpg",
|
||||
imageAlt: "Pharmacist arranging medicines on shelves",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-unrecognizable-female-doctor-looking-human-skull-x-ray-tablet_1098-20369.jpg", imageAlt: "Pharmacist arranging medicines on shelves"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kid-playing-with-small-sandbox-set-toys-shop_7502-4275.jpg",
|
||||
imageAlt: "Pharmacist giving prescription to a customer",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kid-playing-with-small-sandbox-set-toys-shop_7502-4275.jpg", imageAlt: "Pharmacist giving prescription to a customer"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-white-office-successful-doctor_8353-9587.jpg",
|
||||
imageAlt: "Bright and clean pharmacy counter",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-white-office-successful-doctor_8353-9587.jpg", imageAlt: "Bright and clean pharmacy counter"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-fuzzy-stands-with-products_1203-1548.jpg",
|
||||
imageAlt: "Pharmacy staff assisting a customer with products",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-fuzzy-stands-with-products_1203-1548.jpg", imageAlt: "Pharmacy staff assisting a customer with products"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-with-colorful-walls_1127-2241.jpg",
|
||||
imageAlt: "Pharmacy exterior at night with glowing sign",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-with-colorful-walls_1127-2241.jpg", imageAlt: "Pharmacy exterior at night with glowing sign"},
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
@@ -124,24 +92,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "عن ",
|
||||
},
|
||||
type: "text", content: "عن "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/logotype_23-2148152992.jpg",
|
||||
alt: "صيدلية البردينى Logo",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/logotype_23-2148152992.jpg", alt: "صيدلية البردينى Logo"},
|
||||
{
|
||||
type: "text",
|
||||
content: " البردينى",
|
||||
},
|
||||
type: "text", content: " البردينى"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "اقرأ المزيد عنّا",
|
||||
href: "#",
|
||||
},
|
||||
text: "اقرأ المزيد عنّا", href: "#"},
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -155,33 +114,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "صرف الوصفات الطبية",
|
||||
description: "صرف دقيق وسريع لوصفاتك الطبية مع إرشادات شاملة من صيادلتنا الخبراء.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/online-doctor-concept-with-smartphone-icons_23-2147791251.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/add-cart-sign-front-side-with-white-background_187299-39632.jpg",
|
||||
imageAlt: "Prescription bottle icon",
|
||||
buttonText: "المزيد",
|
||||
title: "صرف الوصفات الطبية", description: "صرف دقيق وسريع لوصفاتك الطبية مع إرشادات شاملة من صيادلتنا الخبراء.", imageSrc: "http://img.b2bpic.net/free-vector/online-doctor-concept-with-smartphone-icons_23-2147791251.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/add-cart-sign-front-side-with-white-background_187299-39632.jpg", imageAlt: "Prescription bottle icon", buttonText: "المزيد"},
|
||||
{
|
||||
title: "استشارات صحية", description: "احصل على نصائح وإرشادات شخصية حول الأدوية، التغذية، والعافية العامة.", imageSrc: "http://img.b2bpic.net/free-photo/hands-medical-doctor_93675-130844.jpg", titleImageSrc: "http://img.b2bpic.net/free-vector/illustration-healthy-living-concept_53876-5542.jpg", imageAlt: "Health consultation icon", buttonText: "المزيد"
|
||||
},
|
||||
{
|
||||
title: "استشارات صحية",
|
||||
description: "احصل على نصائح وإرشادات شخصية حول الأدوية، التغذية، والعافية العامة.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-medical-doctor_93675-130844.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-vector/illustration-healthy-living-concept_53876-5542.jpg",
|
||||
imageAlt: "Health consultation icon",
|
||||
title: "منتجات العناية", description: "تشكيلة واسعة من مستحضرات التجميل، العناية بالبشرة، ومنتجات الأطفال عالية الجودة.", imageSrc: "http://img.b2bpic.net/free-photo/beauty-product-composition-with-soaps_23-2147817682.jpg", titleImageSrc: "http://img.b2bpic.net/free-vector/medical-bag-icons_1308-82689.jpg", imageAlt: "Over-the-counter products icon", buttonText: "المزيد"
|
||||
},
|
||||
{
|
||||
title: "منتجات العناية",
|
||||
description: "تشكيلة واسعة من مستحضرات التجميل، العناية بالبشرة، ومنتجات الأطفال عالية الجودة.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-product-composition-with-soaps_23-2147817682.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-vector/medical-bag-icons_1308-82689.jpg",
|
||||
imageAlt: "Over-the-counter products icon",
|
||||
},
|
||||
{
|
||||
title: "خدمات التطعيم",
|
||||
description: "نوفر خدمات تطعيم آمنة وفعالة، بما في ذلك لقاحات الإنفلونزا والمزيد.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-paper-heart-world-heart-day_23-2148635129.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/stop-coronavirus-concept-medical-syringe-symbol-vaccination-red-background_559531-10318.jpg",
|
||||
imageAlt: "Vaccination injection icon",
|
||||
title: "خدمات التطعيم", description: "نوفر خدمات تطعيم آمنة وفعالة، بما في ذلك لقاحات الإنفلونزا والمزيد.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-paper-heart-world-heart-day_23-2148635129.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/stop-coronavirus-concept-medical-syringe-symbol-vaccination-red-background_559531-10318.jpg", imageAlt: "Vaccination injection icon", buttonText: "المزيد"
|
||||
},
|
||||
]}
|
||||
title="خدماتنا المتميزة"
|
||||
@@ -197,53 +138,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "فيتامين سي 1000 مجم",
|
||||
price: "120 جنيه",
|
||||
variant: "60 قرص",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-pills-blue-background-vitamin-c-concept_169016-19676.jpg",
|
||||
imageAlt: "Vitamin C supplements bottle",
|
||||
},
|
||||
id: "1", name: "فيتامين سي 1000 مجم", price: "120 جنيه", variant: "60 قرص", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-pills-blue-background-vitamin-c-concept_169016-19676.jpg", imageAlt: "Vitamin C supplements bottle"},
|
||||
{
|
||||
id: "2",
|
||||
name: "كريم مرطب للبشرة",
|
||||
price: "180 جنيه",
|
||||
variant: "50 مل",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-bronze-cosmetic-pump-bottle_187299-47913.jpg",
|
||||
imageAlt: "Skincare cream jar",
|
||||
},
|
||||
id: "2", name: "كريم مرطب للبشرة", price: "180 جنيه", variant: "50 مل", imageSrc: "http://img.b2bpic.net/free-photo/elegant-bronze-cosmetic-pump-bottle_187299-47913.jpg", imageAlt: "Skincare cream jar"},
|
||||
{
|
||||
id: "3",
|
||||
name: "مسكن آلام سريع المفعول",
|
||||
price: "75 جنيه",
|
||||
variant: "20 قرص",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-caucasian-ill-girl-wearing-robe-winter-hat-scarf-holding-pack-capsules-with-pack-tablets-hat-isolated-orange-wall-with-copy-space_141793-79925.jpg",
|
||||
imageAlt: "Pain relief medicine tablets",
|
||||
},
|
||||
id: "3", name: "مسكن آلام سريع المفعول", price: "75 جنيه", variant: "20 قرص", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-caucasian-ill-girl-wearing-robe-winter-hat-scarf-holding-pack-capsules-with-pack-tablets-hat-isolated-orange-wall-with-copy-space_141793-79925.jpg", imageAlt: "Pain relief medicine tablets"},
|
||||
{
|
||||
id: "4",
|
||||
name: "شراب الكحة للأطفال",
|
||||
price: "95 جنيه",
|
||||
variant: "100 مل",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-cup-hands-blue-background_23-2148333112.jpg",
|
||||
imageAlt: "Children's cough syrup bottle",
|
||||
},
|
||||
id: "4", name: "شراب الكحة للأطفال", price: "95 جنيه", variant: "100 مل", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-cup-hands-blue-background_23-2148333112.jpg", imageAlt: "Children's cough syrup bottle"},
|
||||
{
|
||||
id: "5",
|
||||
name: "صندوق الإسعافات الأولية",
|
||||
price: "250 جنيه",
|
||||
variant: "أساسي",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-first-aid-kit-white-background_23-2147874819.jpg",
|
||||
imageAlt: "First aid kit essentials",
|
||||
},
|
||||
id: "5", name: "صندوق الإسعافات الأولية", price: "250 جنيه", variant: "أساسي", imageSrc: "http://img.b2bpic.net/free-photo/open-first-aid-kit-white-background_23-2147874819.jpg", imageAlt: "First aid kit essentials"},
|
||||
{
|
||||
id: "6",
|
||||
name: "جهاز قياس الضغط الرقمي",
|
||||
price: "550 جنيه",
|
||||
variant: "منزلي",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-tensiometer-blood-pressure_23-2150456097.jpg",
|
||||
imageAlt: "Blood pressure monitor digital",
|
||||
},
|
||||
id: "6", name: "جهاز قياس الضغط الرقمي", price: "550 جنيه", variant: "منزلي", imageSrc: "http://img.b2bpic.net/free-photo/person-using-tensiometer-blood-pressure_23-2150456097.jpg", imageAlt: "Blood pressure monitor digital"},
|
||||
]}
|
||||
title="منتجاتنا المميزة"
|
||||
description="اكتشف مجموعتنا المختارة بعناية من المنتجات الصيدلانية، المكملات الغذائية، ومنتجات العناية الشخصية."
|
||||
@@ -258,20 +163,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "+20",
|
||||
description: "عام من الخبرة",
|
||||
},
|
||||
id: "1", value: "+20", description: "عام من الخبرة"},
|
||||
{
|
||||
id: "2",
|
||||
value: "+10K",
|
||||
description: "عميل راضٍ",
|
||||
},
|
||||
id: "2", value: "+10K", description: "عميل راضٍ"},
|
||||
{
|
||||
id: "3",
|
||||
value: "+500",
|
||||
description: "منتج متنوع",
|
||||
},
|
||||
id: "3", value: "+500", description: "منتج متنوع"},
|
||||
]}
|
||||
title="أرقام تتحدث عن جودتنا"
|
||||
description="نفخر بمسيرتنا في خدمة المجتمع وتفانينا في تقديم أفضل رعاية صحية."
|
||||
@@ -286,28 +182,18 @@ export default function LandingPage() {
|
||||
author="سميرة أحمد"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-young-redhead-woman-wearing-grey-checkered-shirt-laughing-out-loud-while-having-fun-indoors_273609-9041.jpg",
|
||||
alt: "سميرة أحمد",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-young-redhead-woman-wearing-grey-checkered-shirt-laughing-out-loud-while-having-fun-indoors_273609-9041.jpg", alt: "سميرة أحمد"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg",
|
||||
alt: "كريم محمود",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg", alt: "كريم محمود"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg",
|
||||
alt: "ليلى فؤاد",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg", alt: "ليلى فؤاد"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-spectacles_1303-14468.jpg",
|
||||
alt: "أحمد حسن",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-spectacles_1303-14468.jpg", alt: "أحمد حسن"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-doctor_23-2148485966.jpg",
|
||||
alt: "د. سارة عادل",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-doctor_23-2148485966.jpg", alt: "د. سارة عادل"},
|
||||
]}
|
||||
ratingAnimation="reveal-blur"
|
||||
avatarsAnimation="reveal-blur"
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -317,25 +203,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "ما هي ساعات عمل الصيدلية؟",
|
||||
content: "نعمل يوميًا من 9 صباحًا حتى 11 مساءً، بما في ذلك عطلات نهاية الأسبوع والأعياد.",
|
||||
},
|
||||
id: "1", title: "ما هي ساعات عمل الصيدلية؟", content: "نعمل يوميًا من 9 صباحًا حتى 11 مساءً، بما في ذلك عطلات نهاية الأسبوع والأعياد."},
|
||||
{
|
||||
id: "2",
|
||||
title: "هل تقدمون خدمة توصيل الأدوية؟",
|
||||
content: "نعم، نقدم خدمة توصيل سريعة وموثوقة لجميع المناطق. يمكنك طلب الأدوية عبر الهاتف أو تطبيقنا.",
|
||||
},
|
||||
id: "2", title: "هل تقدمون خدمة توصيل الأدوية؟", content: "نعم، نقدم خدمة توصيل سريعة وموثوقة لجميع المناطق. يمكنك طلب الأدوية عبر الهاتف أو تطبيقنا."},
|
||||
{
|
||||
id: "3",
|
||||
title: "هل يمكنني استشارة صيدلي بخصوص دواعي الاستعمال؟",
|
||||
content: "بالتأكيد! صيادلتنا متاحون لتقديم استشارات مجانية حول الأدوية والتفاعلات المحتملة والنصائح الصحية.",
|
||||
},
|
||||
id: "3", title: "هل يمكنني استشارة صيدلي بخصوص دواعي الاستعمال؟", content: "بالتأكيد! صيادلتنا متاحون لتقديم استشارات مجانية حول الأدوية والتفاعلات المحتملة والنصائح الصحية."},
|
||||
{
|
||||
id: "4",
|
||||
title: "هل تقبلون بطاقات التأمين الصحي؟",
|
||||
content: "نعم، نتعامل مع معظم شركات التأمين الصحي الكبرى. يرجى إحضار بطاقة التأمين الخاصة بك عند الزيارة.",
|
||||
},
|
||||
id: "4", title: "هل تقبلون بطاقات التأمين الصحي؟", content: "نعم، نتعامل مع معظم شركات التأمين الصحي الكبرى. يرجى إحضار بطاقة التأمين الخاصة بك عند الزيارة."},
|
||||
]}
|
||||
title="الأسئلة الشائعة"
|
||||
description="إجابات لأكثر الأسئلة تداولاً حول خدماتنا ومنتجاتنا."
|
||||
@@ -349,8 +223,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="تواصل معنا"
|
||||
title="نحن هنا لمساعدتك"
|
||||
description="لأي استفسارات أو طلبات، لا تتردد في التواصل معنا. فريقنا مستعد لخدمتك."
|
||||
@@ -370,54 +243,33 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "الشركة",
|
||||
items: [
|
||||
title: "الشركة", items: [
|
||||
{
|
||||
label: "عنّا",
|
||||
href: "#about",
|
||||
},
|
||||
label: "عنّا", href: "#about"},
|
||||
{
|
||||
label: "خدماتنا",
|
||||
href: "#features",
|
||||
},
|
||||
label: "خدماتنا", href: "#features"},
|
||||
{
|
||||
label: "المنتجات",
|
||||
href: "#products",
|
||||
},
|
||||
label: "المنتجات", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "المساعدة",
|
||||
items: [
|
||||
title: "المساعدة", items: [
|
||||
{
|
||||
label: "الأسئلة الشائعة",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "الأسئلة الشائعة", href: "#faq"},
|
||||
{
|
||||
label: "اتصل بنا",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "اتصل بنا", href: "#contact"},
|
||||
{
|
||||
label: "سياسة الخصوصية",
|
||||
href: "#",
|
||||
},
|
||||
label: "سياسة الخصوصية", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "تابعنا",
|
||||
items: [
|
||||
title: "تابعنا", items: [
|
||||
{
|
||||
label: "فيسبوك",
|
||||
href: "#",
|
||||
},
|
||||
label: "فيسبوك", href: "#"},
|
||||
{
|
||||
label: "إنستغرام",
|
||||
href: "#",
|
||||
},
|
||||
label: "إنستغرام", href: "#"},
|
||||
{
|
||||
label: "تويتر",
|
||||
href: "#",
|
||||
},
|
||||
label: "تويتر", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user