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