Update src/app/page.tsx

This commit is contained in:
2026-06-10 16:31:02 +00:00
parent 13ae04cc59
commit 6fa3582bc3

View File

@@ -30,68 +30,42 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "الرئيسية",
id: "hero",
},
name: "الرئيسية", id: "hero"},
{
name: "قبل وبعد",
id: "before-after",
},
"\\\n",
name: "قبل وبعد", id: "before-after"},
"\\\n", {
name: "الفوائد", id: "benefits"},
{
name: "الفوائد",
id: "benefits",
},
name: "البرامج", id: "programs"},
{
name: "البرامج",
id: "programs",
},
name: "آراء المشتركات", id: "testimonials"},
{
name: "آراء المشتركات",
id: "testimonials",
},
name: "الأسئلة الشائعة", id: "faq"},
{
name: "الأسئلة الشائعة",
id: "faq",
},
{
name: "تواصلي معنا",
id: "contact",
},
name: "تواصلي معنا", id: "contact"},
]}
brandName="Coach Noka"
button={{
text: "اشتركي الآن",
href: "#programs",
}}
text: "اشتركي الآن", href: "#programs"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "plain",
}}
variant: "plain"}}
title="ابدئي رحلتك الصحية مع Coach Noka"
description="أنظمة غذائية متوازنة تساعدك على تنظيم أكلك، تحسين عاداتك اليومية، والوصول لهدفك بطريقة صحية ومناسبة لنمط حياتك."
tag="متابعة أونلاين • خطط غذائية مرنة • دعم وتحفيز مستمر"
buttons={[
{
text: "اشتركي الآن",
href: "#programs",
},
text: "اشتركي الآن", href: "#programs"},
{
text: "شاهدي النتائج",
href: "#before-after",
},
text: "شاهدي النتائج", href: "#before-after"},
{
text: "تعرفي على البرامج",
href: "#programs",
},
text: "تعرفي على البرامج", href: "#programs"},
{
text: "واتساب",
href: "https://wa.me/9647859536314",
},
text: "واتساب", href: "https://wa.me/9647859536314"},
]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-happy-woman-with-healthy-food-bowl_23-2147855473.jpg"
imageAlt="Coach Noka helping a client with nutrition"
@@ -105,23 +79,11 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "مدة الالتزام: 8 أسابيع",
description: "الهدف: نزول وزن وتحسين نمط غذائي\nملاحظة: النتائج تختلف حسب الجسم والالتزام ونمط الحياة",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-active-disabled-woman-with-prosthetic-leg_23-2150520866.jpg",
imageAlt: "صورة قبل وبعد التنحيف لمشتركة",
},
title: "مدة الالتزام: 8 أسابيع", description: "الهدف: نزول وزن وتحسين نمط غذائي\nملاحظة: النتائج تختلف حسب الجسم والالتزام ونمط الحياة", imageSrc: "http://img.b2bpic.net/free-photo/portrait-active-disabled-woman-with-prosthetic-leg_23-2150520866.jpg", imageAlt: "صورة قبل وبعد التنحيف لمشتركة"},
{
title: "مدة الالتزام: 12 أسبوعاً",
description: "الهدف: بناء عضلات وزيادة لياقة\nملاحظة: النتائج تختلف حسب الجسم والالتزام ونمط الحياة",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-women-with-sport-equipment_23-2149622993.jpg",
imageAlt: "صورة قبل وبعد لزيادة اللياقة",
},
title: "مدة الالتزام: 12 أسبوعاً", description: "الهدف: بناء عضلات وزيادة لياقة\nملاحظة: النتائج تختلف حسب الجسم والالتزام ونمط الحياة", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-women-with-sport-equipment_23-2149622993.jpg", imageAlt: "صورة قبل وبعد لزيادة اللياقة"},
{
title: "مدة الالتزام: 6 أسابيع",
description: "الهدف: تحسين عادات غذائية\nملاحظة: النتائج تختلف حسب الجسم والالتزام ونمط الحياة",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-active-lady-sport-clothing-sitting-steps_651396-335.jpg",
imageAlt: "صورة قبل وبعد لتحسين العادات الغذائية",
},
title: "مدة الالتزام: 6 أسابيع", description: "الهدف: تحسين عادات غذائية\nملاحظة: النتائج تختلف حسب الجسم والالتزام ونمط الحياة", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-active-lady-sport-clothing-sitting-steps_651396-335.jpg", imageAlt: "صورة قبل وبعد لتحسين العادات الغذائية"},
]}
title="قبل وبعد التنحيف"
description="شاهدي نتائج الالتزام بالأنظمة والمتابعة. النتائج تختلف حسب الجسم، الالتزام، ونمط الحياة."
@@ -135,41 +97,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "تنظيم الوجبات",
description: "نساعدك على تنظيم وجباتك لتناسب احتياجاتك اليومية.",
imageSrc: "http://img.b2bpic.net/free-photo/healthy-meal-prep-containers-inside-refrigerator_123827-37545.jpg",
imageAlt: "صورة تنظيم الوجبات",
},
title: "تنظيم الوجبات", description: "نساعدك على تنظيم وجباتك لتناسب احتياجاتك اليومية.", imageSrc: "http://img.b2bpic.net/free-photo/healthy-meal-prep-containers-inside-refrigerator_123827-37545.jpg", imageAlt: "صورة تنظيم الوجبات"},
{
title: "تحسين الطاقة",
description: "زيادة مستويات الطاقة لديك بفضل الغذاء الصحي والمتوازن.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-sportswoman-going-morning-walk-listening-music-earphones_637285-5529.jpg",
imageAlt: "صورة تحسين الطاقة",
},
title: "تحسين الطاقة", description: "زيادة مستويات الطاقة لديك بفضل الغذاء الصحي والمتوازن.", imageSrc: "http://img.b2bpic.net/free-photo/happy-sportswoman-going-morning-walk-listening-music-earphones_637285-5529.jpg", imageAlt: "صورة تحسين الطاقة"},
{
title: "دعم الصحة العامة",
description: "تعزيز صحتك العامة والوقاية من الأمراض المرتبطة بسوء التغذية.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pie-with-nuts-citrus-fruits-white-background-fruits-sweet-nut-cake-pie-biscuit_140725-99274.jpg",
imageAlt: "صورة دعم الصحة العامة",
},
title: "دعم الصحة العامة", description: "تعزيز صحتك العامة والوقاية من الأمراض المرتبطة بسوء التغذية.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pie-with-nuts-citrus-fruits-white-background-fruits-sweet-nut-cake-pie-biscuit_140725-99274.jpg", imageAlt: "صورة دعم الصحة العامة"},
{
title: "تقليل العشوائية بالأكل",
description: "تعلم كيفية التحكم في الشهية وتجنب الأكل العشوائي.",
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-delicious-food-showing-fit-fat-concept_23-2148193115.jpg",
imageAlt: "صورة تقليل العشوائية بالأكل",
},
title: "تقليل العشوائية بالأكل", description: "تعلم كيفية التحكم في الشهية وتجنب الأكل العشوائي.", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-delicious-food-showing-fit-fat-concept_23-2148193115.jpg", imageAlt: "صورة تقليل العشوائية بالأكل"},
{
title: "بناء عادات صحية",
description: "اكتساب عادات غذائية مستدامة تدوم مدى الحياة.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-grapefruit-slices-lined-dark-background_140725-126098.jpg",
imageAlt: "صورة بناء عادات صحية",
},
title: "بناء عادات صحية", description: "اكتساب عادات غذائية مستدامة تدوم مدى الحياة.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-grapefruit-slices-lined-dark-background_140725-126098.jpg", imageAlt: "صورة بناء عادات صحية"},
{
title: "متابعة وتحفيز",
description: "دعم مستمر وتحفيز للوصول إلى أهدافك الصحية.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-women-active-menopause_23-2149193325.jpg",
imageAlt: "صورة متابعة وتحفيز",
},
title: "متابعة وتحفيز", description: "دعم مستمر وتحفيز للوصول إلى أهدافك الصحية.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-women-active-menopause_23-2149193325.jpg", imageAlt: "صورة متابعة وتحفيز"},
]}
title="ليش النظام الغذائي مهم؟"
description="النظام الغذائي المتوازن يساعد على تحسين الطاقة اليومية، تنظيم الشهية، تقليل العشوائية بالأكل، بناء عادات صحية، والوصول لهدفك بطريقة أفضل."
@@ -184,33 +122,13 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "1",
name: "برنامج نزول الوزن: خطة غذائية مرنة تساعدك على تقليل السعرات بطريقة صحية ومناسبة لروتينك.",
price: "المدة: مرنة",
imageSrc: "http://img.b2bpic.net/free-photo/healthy-lifestyle-online-webpage-interface_53876-125090.jpg",
imageAlt: "صورة برنامج نزول الوزن",
},
id: "1", name: "برنامج نزول الوزن: خطة غذائية مرنة تساعدك على تقليل السعرات بطريقة صحية ومناسبة لروتينك.", price: "المدة: مرنة", imageSrc: "http://img.b2bpic.net/free-photo/healthy-lifestyle-online-webpage-interface_53876-125090.jpg", imageAlt: "صورة برنامج نزول الوزن"},
{
id: "2",
name: "برنامج تثبيت الوزن: مناسب بعد الوصول للهدف للحفاظ على النتائج بدون حرمان.",
price: "المدة: مرنة",
imageSrc: "http://img.b2bpic.net/free-photo/measuring-tape-amidst-fruits-salad_23-2147778469.jpg",
imageAlt: "صورة برنامج تثبيت الوزن",
},
id: "2", name: "برنامج تثبيت الوزن: مناسب بعد الوصول للهدف للحفاظ على النتائج بدون حرمان.", price: "المدة: مرنة", imageSrc: "http://img.b2bpic.net/free-photo/measuring-tape-amidst-fruits-salad_23-2147778469.jpg", imageAlt: "صورة برنامج تثبيت الوزن"},
{
id: "3",
name: "برنامج زيادة الوزن الصحية: خطة غذائية مدروسة لزيادة الوزن بطريقة صحية ومتوازنة.",
price: "المدة: مرنة",
imageSrc: "http://img.b2bpic.net/free-photo/meal-planning-clipboard-food-assortment_23-2149099834.jpg",
imageAlt: "صورة برنامج زيادة الوزن الصحية",
},
id: "3", name: "برنامج زيادة الوزن الصحية: خطة غذائية مدروسة لزيادة الوزن بطريقة صحية ومتوازنة.", price: "المدة: مرنة", imageSrc: "http://img.b2bpic.net/free-photo/meal-planning-clipboard-food-assortment_23-2149099834.jpg", imageAlt: "صورة برنامج زيادة الوزن الصحية"},
{
id: "4",
name: "برنامج تحسين العادات الغذائية: للي تريد ترتب أكلها وتتعلم شلون تاكل بطريقة أفضل.",
price: "المدة: مرنة",
imageSrc: "http://img.b2bpic.net/free-photo/human-hand-cutting-unhealthy-word-with-scissor-near-healthy-fruits_23-2148193105.jpg",
imageAlt: "صورة برنامج تحسين العادات الغذائية",
},
id: "4", name: "برنامج تحسين العادات الغذائية: للي تريد ترتب أكلها وتتعلم شلون تاكل بطريقة أفضل.", price: "المدة: مرنة", imageSrc: "http://img.b2bpic.net/free-photo/human-hand-cutting-unhealthy-word-with-scissor-near-healthy-fruits_23-2148193105.jpg", imageAlt: "صورة برنامج تحسين العادات الغذائية"},
]}
title="اختاري البرنامج المناسب إلك"
description="كل برنامج مصمم ليناسب احتياجاتك، مع خطط مرنة ومتابعة مستمرة."
@@ -224,64 +142,28 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "سارة محمد",
role: "برنامج نزول الوزن",
company: "نتائج مبهرة",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg",
imageAlt: "صورة مشتركة سعيدة",
},
id: "1", name: "سارة محمد", role: "برنامج نزول الوزن", company: "نتائج مبهرة", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg", imageAlt: "صورة مشتركة سعيدة"},
{
id: "2",
name: "فاطمة أحمد",
role: "برنامج تثبيت الوزن",
company: "استمرارية رائعة",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-lying-rock-reading-book_23-2148139668.jpg",
imageAlt: "صورة مشتركة راضية",
},
id: "2", name: "فاطمة أحمد", role: "برنامج تثبيت الوزن", company: "استمرارية رائعة", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-lying-rock-reading-book_23-2148139668.jpg", imageAlt: "صورة مشتركة راضية"},
{
id: "3",
name: "ليلى خالد",
role: "برنامج تحسين عادات",
company: "صحة أفضل",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/person-practicing-yoga-meditation-desert_23-2150838482.jpg",
imageAlt: "صورة مشتركة بصحة جيدة",
},
id: "3", name: "ليلى خالد", role: "برنامج تحسين عادات", company: "صحة أفضل", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/person-practicing-yoga-meditation-desert_23-2150838482.jpg", imageAlt: "صورة مشتركة بصحة جيدة"},
{
id: "4",
name: "نور علي",
role: "برنامج نزول الوزن",
company: "ثقة بالنفس",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/casual-teenager-posing-outdoors_23-2148804653.jpg",
imageAlt: "صورة مشتركة واثقة",
},
id: "4", name: "نور علي", role: "برنامج نزول الوزن", company: "ثقة بالنفس", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/casual-teenager-posing-outdoors_23-2148804653.jpg", imageAlt: "صورة مشتركة واثقة"},
{
id: "5",
name: "هدى محمود",
role: "برنامج زيادة الوزن",
company: "توازن غذائي",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-muslim-woman-wearing-hijab_23-2149123042.jpg",
imageAlt: "صورة مشتركة متوازنة",
},
id: "5", name: "هدى محمود", role: "برنامج زيادة الوزن", company: "توازن غذائي", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-muslim-woman-wearing-hijab_23-2149123042.jpg", imageAlt: "صورة مشتركة متوازنة"},
]}
kpiItems={[
{
value: "95%",
label: "نجاح المشتركات",
},
value: "95%", label: "نجاح المشتركات"},
{
value: "100+",
label: "برامج شخصية",
},
value: "100+", label: "برامج شخصية"},
{
value: "5+",
label: "سنوات خبرة",
},
value: "5+", label: "سنوات خبرة"},
]}
title="آراء المشتركات"
description="استمعي إلى تجارب مشتركاتنا وكيف غيرت حياتهن نحو الأفضل مع Coach Noka."
@@ -293,36 +175,17 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "هل النظام فيه حرمان؟",
content: "لا، أنظمتنا مصممة لتكون متوازنة ولا تعتمد على الحرمان، بل على خيارات صحية ومرونة تناسب نمط حياتك.",
},
id: "1", title: "هل النظام فيه حرمان؟", content: "لا، أنظمتنا مصممة لتكون متوازنة ولا تعتمد على الحرمان، بل على خيارات صحية ومرونة تناسب نمط حياتك."},
{
id: "2",
title: "شكد مدة البرنامج؟",
content: "مدة البرنامج مرنة وتختلف حسب هدفك، التزامك، والبرنامج الذي تختارينه. تبدأ من 4 أسابيع ويمكن تمديدها.",
},
"\\\n",
id: "2", title: "شكد مدة البرنامج؟", content: "مدة البرنامج مرنة وتختلف حسب هدفك، التزامك، والبرنامج الذي تختارينه. تبدأ من 4 أسابيع ويمكن تمديدها."},
"\\\n", {
id: "3", title: "هل الخطة حسب وزني وطولي؟", content: "نعم، كل خطة يتم تصميمها بشكل شخصي بناءً على بياناتك الجسدية، هدفك، ومستوى نشاطك."},
{
id: "3",
title: "هل الخطة حسب وزني وطولي؟",
content: "نعم، كل خطة يتم تصميمها بشكل شخصي بناءً على بياناتك الجسدية، هدفك، ومستوى نشاطك.",
},
id: "4", title: "هل أكدر أختار عدد الوجبات؟", content: "بالتأكيد، يمكنك تحديد عدد الوجبات المفضلة لديك وسنقوم بتصميم الخطة بما يتناسب مع روتينك."},
{
id: "4",
title: "هل أكدر أختار عدد الوجبات؟",
content: "بالتأكيد، يمكنك تحديد عدد الوجبات المفضلة لديك وسنقوم بتصميم الخطة بما يتناسب مع روتينك.",
},
id: "5", title: "شلون يتم التواصل؟", content: "يتم التواصل والمتابعة بشكل رئيسي عبر الواتساب والتليجرام، لضمان دعم وتحفيز مستمر."},
{
id: "5",
title: "شلون يتم التواصل؟",
content: "يتم التواصل والمتابعة بشكل رئيسي عبر الواتساب والتليجرام، لضمان دعم وتحفيز مستمر.",
},
{
id: "6",
title: "هل البرنامج مناسب للحالات الصحية؟",
content: "برامجنا تناسب معظم الحالات الصحية، ولكن في حال وجود حالات صحية خاصة، يفضل استشارة الطبيب قبل البدء.",
},
id: "6", title: "هل البرنامج مناسب للحالات الصحية؟", content: "برامجنا تناسب معظم الحالات الصحية، ولكن في حال وجود حالات صحية خاصة، يفضل استشارة الطبيب قبل البدء."},
]}
sideTitle="الأسئلة الشائعة"
sideDescription="كل ما تحتاجين معرفته عن برامجنا وخدماتنا."
@@ -335,8 +198,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="تواصلي معنا"
title="ابدئي رحلتك الآن"
description="تواصلي معنا عبر الواتساب لإرسال طلب الاشتراك وبدء رحلتك الصحية مع Coach Noka."
@@ -345,7 +207,7 @@ export default function LandingPage() {
mediaAnimation="opacity"
mediaPosition="left"
buttonText="واتساب"
onSubmit={window.location.href = 'https://wa.me/9647859536314?text=طلب اشتراك جديد مع Coach Noka\nالاسم:\nالعمر:\nرقم الواتساب:\nمعرف التلكرام:\nالطول:\nالوزن الحالي:\nالوزن المطلوب:\nالهدف:\nمستوى النشاط:\nعدد الوجبات:\nالحساسية الغذائية:\nالحالة الصحية إن وجدت:\nالبرنامج المطلوب:\nالملاحظات:';}
onSubmit={(email) => { window.location.href = 'https://wa.me/9647859536314?text=طلب اشتراك جديد مع Coach Noka\nالاسم:\nالعمر:\nرقم الواتساب:\nمعرف التلكرام:\nالطول:\nالوزن الحالي:\nالوزن المطلوب:\nالهدف:\nمستوى النشاط:\nعدد الوجبات:\nالحساسية الغذائية:\nالحالة الصحية إن وجدت:\nالبرنامج المطلوب:\nالملاحظات:'; }}
/>
</div>
@@ -353,13 +215,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="Coach Noka"
leftLink={{
text: "سياسة الخصوصية",
href: "#",
}}
text: "سياسة الخصوصية", href: "#"}}
rightLink={{
text: "الشروط والأحكام",
href: "#",
}}
text: "الشروط والأحكام", href: "#"}}
/>
</div>
</ReactLenis>