Update src/app/page.tsx

This commit is contained in:
2026-06-03 13:22:26 +00:00
parent be96c0082b
commit c130754ea5

View File

@@ -33,34 +33,20 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "الرئيسية",
id: "#hero",
},
name: "الرئيسية", id: "#hero"},
{
name: "الجوائز",
id: "#prizes",
},
name: "الجوائز", id: "#prizes"},
{
name: "كيف تعمل",
id: "#features",
},
name: "كيف تعمل", id: "#features"},
{
name: "أسئلة شائعة",
id: "#faq",
},
name: "أسئلة شائعة", id: "#faq"},
{
name: "اتصل بنا",
id: "#contact",
},
name: "اتصل بنا", id: "#contact"},
{
name: "تسجيل الدخول",
id: "/login",
},
name: "تسجيل الدخول", id: "/login"},
]}
button={{
text: "العب الآن",
href: "/play",
}}
text: "العب الآن", href: "/play"}}
brandName="تطبيق القرعة"
/>
</div>
@@ -68,71 +54,46 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
imagePosition="right"
title="اربح جوائز مذهلة في تطبيق القرعة الخاص بنا!"
description="شارك في قرعاتنا الحصرية، اجمع النقاط، وكن أحد الفائزين المحظوظين بجوائز قيمة. تجربة ممتعة ومثيرة بانتظارك."
buttons={[
{
text: "ابدأ اللعب",
href: "/play",
},
text: "ابدأ اللعب", href: "/play"},
{
text: "تعرف على المزيد",
href: "#about",
},
text: "تعرف على المزيد", href: "#about"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg",
alt: "صورة فائز",
},
src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg", alt: "صورة فائز"},
{
src: "http://img.b2bpic.net/free-photo/portrait-attractive-young-woman-smiling_273609-12421.jpg",
alt: "صورة فائز",
},
src: "http://img.b2bpic.net/free-photo/portrait-attractive-young-woman-smiling_273609-12421.jpg", alt: "صورة فائز"},
{
src: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg",
alt: "صورة فائز",
},
src: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg", alt: "صورة فائز"},
{
src: "http://img.b2bpic.net/free-photo/man-playing-video-game-with-virtual-reality-goggles_23-2148815664.jpg",
alt: "صورة فائز",
},
src: "http://img.b2bpic.net/free-photo/man-playing-video-game-with-virtual-reality-goggles_23-2148815664.jpg", alt: "صورة فائز"},
{
src: "http://img.b2bpic.net/free-photo/beautiful-middle-aged-woman-white-hoodie_23-2149051802.jpg",
alt: "صورة فائزة جديدة",
},
src: "http://img.b2bpic.net/free-photo/beautiful-middle-aged-woman-white-hoodie_23-2149051802.jpg", alt: "صورة فائزة جديدة"},
]}
avatarText="أكثر من 1000 فائز سعيد!"
imageSrc="http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586565.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586565.jpg"
imageAlt="واجهة تطبيق القرعة"
mediaAnimation="opacity"
marqueeItems={[
{
type: "text-icon",
text: "جوائز يومية",
icon: Award,
type: "text-icon", text: "جوائز يومية", icon: Award,
},
{
type: "text",
text: "فائزون جدد كل ساعة",
type: "text", text: "فائزون جدد كل ساعة"},
{
type: "text-icon", text: "أمان كامل", icon: Lock,
},
{
type: "text-icon",
text: "أمان كامل",
icon: Lock,
type: "text-icon", text: "دعم 24/7", icon: Headphones,
},
{
type: "text-icon",
text: "دعم 24/7",
icon: Headphones,
},
{
type: "text",
text: "سهولة المشاركة",
},
type: "text", text: "سهولة المشاركة"},
]}
/>
</div>
@@ -143,15 +104,10 @@ export default function LandingPage() {
title="كيف يعمل تطبيق القرعة؟"
buttons={[
{
text: "سجل الآن",
href: "/register",
},
text: "سجل الآن", href: "/register"},
{
text: "شاهد الجوائز",
href: "#prizes",
},
text: "شاهد الجوائز", href: "#prizes"},
]}
description="تطبيقنا يقدم لك فرصة فريدة للفوز بجوائز مذهلة. ما عليك سوى التسجيل، تصفح الجوائز المتاحة، وشارك في القرعة. كلما زادت مشاركاتك، زادت فرصك في الفوز. لوحة تحكم سهلة الاستخدام تتيح لنا إضافة جوائز جديدة باستمرار."
/>
</div>
@@ -162,53 +118,23 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "قرعات عادلة وشفافة",
description: "نضمن النزاهة والشفافية في جميع عمليات السحب لإرضاء مستخدمينا.",
bentoComponent: "reveal-icon",
icon: ShieldCheck,
imageSrc: "http://img.b2bpic.net/free-photo/three-dimensional-casino-item_23-2151067309.jpg",
imageAlt: "Three dimensional casino item",
title: "قرعات عادلة وشفافة", description: "نضمن النزاهة والشفافية في جميع عمليات السحب لإرضاء مستخدمينا.", bentoComponent: "reveal-icon", icon: ShieldCheck
},
{
title: "تنوع الجوائز",
description: "مجموعة واسعة من الجوائز القيمة من أحدث الأجهزة الإلكترونية إلى التجارب الفريدة.",
bentoComponent: "reveal-icon",
icon: Gift,
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586565.jpg?_wi=2",
imageAlt: "Three dimensional casino item",
title: "تنوع الجوائز", description: "مجموعة واسعة من الجوائز القيمة من أحدث الأجهزة الإلكترونية إلى التجارب الفريدة.", bentoComponent: "reveal-icon", icon: Gift
},
{
title: "سهولة الاستخدام",
description: "واجهة مستخدم بديهية وسهلة التنقل تجعل المشاركة في القرعة متعة حقيقية.",
bentoComponent: "reveal-icon",
icon: Check,
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg",
imageAlt: "Three dimensional casino item",
title: "سهولة الاستخدام", description: "واجهة مستخدم بديهية وسهلة التنقل تجعل المشاركة في القرعة متعة حقيقية.", bentoComponent: "reveal-icon", icon: Check
},
{
title: "إشعارات فورية",
description: "ابقَ على اطلاع دائم بنتائج القرعة والجوائز الجديدة من خلال إشعارات فورية.",
bentoComponent: "reveal-icon",
icon: Bell,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-woman-smiling_273609-12421.jpg",
imageAlt: "Three dimensional casino item",
title: "إشعارات فورية", description: "ابقَ على اطلاع دائم بنتائج القرعة والجوائز الجديدة من خلال إشعارات فورية.", bentoComponent: "reveal-icon", icon: Bell
},
{
title: "لوحة تحكم للمنظمين",
description: "نحن نوفر لوحة تحكم قوية لإدارة الجوائز والقرعات بفعالية.",
bentoComponent: "reveal-icon",
icon: Settings,
imageSrc: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg",
imageAlt: "Three dimensional casino item",
title: "لوحة تحكم للمنظمين", description: "نحن نوفر لوحة تحكم قوية لإدارة الجوائز والقرعات بفعالية.", bentoComponent: "reveal-icon", icon: Settings
},
{
title: "نظام نقاط ومكافآت",
description: "اجمع النقاط مع كل مشاركة واستبدلها بمكافآت إضافية أو فرص فوز أكبر.",
bentoComponent: "reveal-icon",
icon: Star,
imageSrc: "http://img.b2bpic.net/free-photo/man-playing-video-game-with-virtual-reality-goggles_23-2148815664.jpg",
imageAlt: "Three dimensional casino item",
},
title: "نظام نقاط ومكافآت", description: "اجمع النقاط مع كل مشاركة واستبدلها بمكافآت إضافية أو فرص فوز أكبر.", bentoComponent: "reveal-icon", icon: Star
}
]}
title="ميزات التطبيق"
description="استمتع بتجربة سلسة ومثيرة مع تطبيق القرعة الخاص بنا، المصمم ليمنحك أفضل فرص الفوز."
@@ -223,65 +149,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "TechBrand",
name: "هاتف ذكي متطور",
price: "قيمته 3500 ريال",
rating: 5,
reviewCount: "1200",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-playing-vr-winning-cup-dark-wall_179666-39593.jpg",
imageAlt: "هاتف ذكي متطور",
},
id: "p1", brand: "TechBrand", name: "هاتف ذكي متطور", price: "قيمته 3500 ريال", rating: 5,
reviewCount: "1200", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-playing-vr-winning-cup-dark-wall_179666-39593.jpg", imageAlt: "هاتف ذكي متطور"},
{
id: "p2",
brand: "GamingPro",
name: "كمبيوتر محمول للألعاب",
price: "قيمته 7000 ريال",
rating: 4,
reviewCount: "850",
imageSrc: "http://img.b2bpic.net/free-photo/gamer-girl-losing-video-game-tournament-while-playing-with-vr-headset-late-night-her-room_482257-23348.jpg",
imageAlt: "كمبيوتر محمول للألعاب",
},
id: "p2", brand: "GamingPro", name: "كمبيوتر محمول للألعاب", price: "قيمته 7000 ريال", rating: 4,
reviewCount: "850", imageSrc: "http://img.b2bpic.net/free-photo/gamer-girl-losing-video-game-tournament-while-playing-with-vr-headset-late-night-her-room_482257-23348.jpg", imageAlt: "كمبيوتر محمول للألعاب"},
{
id: "p3",
brand: "SoundBliss",
name: "سماعات رأس لاسلكية",
price: "قيمتها 900 ريال",
rating: 5,
reviewCount: "1500",
imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074244.jpg",
imageAlt: "سماعات رأس لاسلكية",
},
id: "p3", brand: "SoundBliss", name: "سماعات رأس لاسلكية", price: "قيمتها 900 ريال", rating: 5,
reviewCount: "1500", imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074244.jpg", imageAlt: "سماعات رأس لاسلكية"},
{
id: "p4",
brand: "VisionMax",
name: "تلفاز ذكي 4K",
price: "قيمته 4500 ريال",
rating: 4,
reviewCount: "700",
imageSrc: "http://img.b2bpic.net/free-photo/person-coming-home-looking-films-broadcasted-tv-eat-popcorn_482257-120971.jpg",
imageAlt: "تلفاز ذكي 4K",
},
id: "p4", brand: "VisionMax", name: "تلفاز ذكي 4K", price: "قيمته 4500 ريال", rating: 4,
reviewCount: "700", imageSrc: "http://img.b2bpic.net/free-photo/person-coming-home-looking-films-broadcasted-tv-eat-popcorn_482257-120971.jpg", imageAlt: "تلفاز ذكي 4K"},
{
id: "p5",
brand: "SkyRover",
name: "طائرة درون احترافية",
price: "قيمتها 2800 ريال",
rating: 5,
reviewCount: "600",
imageSrc: "http://img.b2bpic.net/free-photo/drone-hovering-up_181624-502.jpg",
imageAlt: "طائرة درون احترافية",
},
id: "p5", brand: "SkyRover", name: "طائرة درون احترافية", price: "قيمتها 2800 ريال", rating: 5,
reviewCount: "600", imageSrc: "http://img.b2bpic.net/free-photo/drone-hovering-up_181624-502.jpg", imageAlt: "طائرة درون احترافية"},
{
id: "p6",
brand: "WearTech",
name: "ساعة ذكية متقدمة",
price: "قيمتها 1200 ريال",
rating: 4,
reviewCount: "950",
imageSrc: "http://img.b2bpic.net/free-photo/hand-using-smartwatch-playing-music_23-2148994199.jpg",
imageAlt: "ساعة ذكية متقدمة",
},
id: "p6", brand: "WearTech", name: "ساعة ذكية متقدمة", price: "قيمتها 1200 ريال", rating: 4,
reviewCount: "950", imageSrc: "http://img.b2bpic.net/free-photo/hand-using-smartwatch-playing-music_23-2148994199.jpg", imageAlt: "ساعة ذكية متقدمة"},
]}
title="جوائزنا الحالية"
description="اكتشف مجموعة واسعة من الجوائز القيمة التي يمكنك الفوز بها اليوم."
@@ -295,29 +179,11 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "12,500+",
title: "إجمالي الفائزين",
description: "عدد المستخدمين الذين حصلوا على جوائز قيمة عبر تطبيقنا.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-environment-project-scene_23-2148896013.jpg",
imageAlt: "رسم بياني للفائزين",
},
id: "m1", value: "12,500+", title: "إجمالي الفائزين", description: "عدد المستخدمين الذين حصلوا على جوائز قيمة عبر تطبيقنا.", imageSrc: "http://img.b2bpic.net/free-photo/3d-environment-project-scene_23-2148896013.jpg", imageAlt: "رسم بياني للفائزين"},
{
id: "m2",
value: "25,000,000+",
title: "جوائز تم توزيعها",
description: "القيمة الإجمالية للجوائز التي قدمناها لمجتمعنا.",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-neon-light-waves-wonder-wheel_23-2148328072.jpg",
imageAlt: "ايقونات الجوائز",
},
id: "m2", value: "25,000,000+", title: "جوائز تم توزيعها", description: "القيمة الإجمالية للجوائز التي قدمناها لمجتمعنا.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-neon-light-waves-wonder-wheel_23-2148328072.jpg", imageAlt: "ايقونات الجوائز"},
{
id: "m3",
value: "100,000,000+",
title: "مشاركات القرعة",
description: "إجمالي عدد المشاركات في جميع القرعات التي أجريناها.",
imageSrc: "http://img.b2bpic.net/free-photo/2020-word-alphabet-wooden-cube-letters-placed-gold-coin_1150-19613.jpg",
imageAlt: "عداد المشاركات",
},
id: "m3", value: "100,000,000+", title: "مشاركات القرعة", description: "إجمالي عدد المشاركات في جميع القرعات التي أجريناها.", imageSrc: "http://img.b2bpic.net/free-photo/2020-word-alphabet-wooden-cube-letters-placed-gold-coin_1150-19613.jpg", imageAlt: "عداد المشاركات"},
]}
title="أرقامنا تتحدث"
description="نحن فخورون بتقديم تجربة فوز حقيقية لمستخدمينا."
@@ -332,50 +198,20 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "أحمد الشمري",
role: "مبرمج",
company: "Tech Solutions",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/african-american-young-man-white-t-shirt-holding-smartphone-clenching-fist-happy-excited-rejoicing-his-success-standing-blue-background_141793-117121.jpg",
imageAlt: "أحمد الشمري",
},
id: "t1", name: "أحمد الشمري", role: "مبرمج", company: "Tech Solutions", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/african-american-young-man-white-t-shirt-holding-smartphone-clenching-fist-happy-excited-rejoicing-his-success-standing-blue-background_141793-117121.jpg", imageAlt: "أحمد الشمري"},
{
id: "t2",
name: "فاطمة الزهراني",
role: "مصممة جرافيك",
company: "Creative Minds",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-holding-gift_1187-3935.jpg",
imageAlt: "فاطمة الزهراني",
},
id: "t2", name: "فاطمة الزهراني", role: "مصممة جرافيك", company: "Creative Minds", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-holding-gift_1187-3935.jpg", imageAlt: "فاطمة الزهراني"},
{
id: "t3",
name: "خالد العنزي",
role: "طالب جامعي",
company: "King Saud University",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-through-his-phone-while-listening-music_23-2148687242.jpg",
imageAlt: "خالد العنزي",
},
id: "t3", name: "خالد العنزي", role: "طالب جامعي", company: "King Saud University", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-through-his-phone-while-listening-music_23-2148687242.jpg", imageAlt: "خالد العنزي"},
{
id: "t4",
name: "ريم القحطاني",
role: "ربة منزل",
company: "Home",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-casual-clothes-holding-smartphone-clenching-fist-happy-excited-rejoicing-his-success-sitting-chair-light-living-room_141793-99017.jpg",
imageAlt: "ريم القحطاني",
},
id: "t4", name: "ريم القحطاني", role: "ربة منزل", company: "Home", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-casual-clothes-holding-smartphone-clenching-fist-happy-excited-rejoicing-his-success-sitting-chair-light-living-room_141793-99017.jpg", imageAlt: "ريم القحطاني"},
{
id: "t5",
name: "يوسف الدوسري",
role: "رائد أعمال",
company: "Startup Hub",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/managing-smart-speakers-concept_23-2150170082.jpg",
imageAlt: "يوسف الدوسري",
},
id: "t5", name: "يوسف الدوسري", role: "رائد أعمال", company: "Startup Hub", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/managing-smart-speakers-concept_23-2150170082.jpg", imageAlt: "يوسف الدوسري"},
]}
title="ماذا يقول الفائزون؟"
description="قصص نجاح حقيقية من مجتمع الفائزين لدينا."
@@ -388,30 +224,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "كيف يمكنني المشاركة في القرعة؟",
content: "للمشاركة، يجب عليك التسجيل في التطبيق، ثم تصفح الجوائز المتاحة واختيار القرعة التي ترغب في الانضمام إليها.",
},
id: "q1", title: "كيف يمكنني المشاركة في القرعة؟", content: "للمشاركة، يجب عليك التسجيل في التطبيق، ثم تصفح الجوائز المتاحة واختيار القرعة التي ترغب في الانضمام إليها."},
{
id: "q2",
title: "هل القرعات عادلة وشفافة؟",
content: "نعم، نستخدم نظامًا عشوائيًا لضمان العدالة والشفافية التامة في جميع عمليات السحب، ويمكنك مراجعة سجل الفائزين.",
},
id: "q2", title: "هل القرعات عادلة وشفافة؟", content: "نعم، نستخدم نظامًا عشوائيًا لضمان العدالة والشفافية التامة في جميع عمليات السحب، ويمكنك مراجعة سجل الفائزين."},
{
id: "q3",
title: "كيف يتم إبلاغي إذا فزت؟",
content: "في حال فوزك، سيتم إعلامك فورًا عبر إشعار داخل التطبيق ورسالة بريد إلكتروني تحتوي على تفاصيل استلام الجائزة.",
},
id: "q3", title: "كيف يتم إبلاغي إذا فزت؟", content: "في حال فوزك، سيتم إعلامك فورًا عبر إشعار داخل التطبيق ورسالة بريد إلكتروني تحتوي على تفاصيل استلام الجائزة."},
{
id: "q4",
title: "ما هي أنواع الجوائز المتاحة؟",
content: "نقدم مجموعة متنوعة من الجوائز تشمل الأجهزة الإلكترونية، بطاقات الهدايا، التجارب الفريدة، والمزيد.",
},
id: "q4", title: "ما هي أنواع الجوائز المتاحة؟", content: "نقدم مجموعة متنوعة من الجوائز تشمل الأجهزة الإلكترونية، بطاقات الهدايا، التجارب الفريدة، والمزيد."},
{
id: "q5",
title: "هل يمكنني إلغاء مشاركتي في قرعة ما؟",
content: "بمجرد تأكيد المشاركة، لا يمكن إلغاؤها. يرجى التأكد من اختيارك قبل إتمام العملية.",
},
id: "q5", title: "هل يمكنني إلغاء مشاركتي في قرعة ما؟", content: "بمجرد تأكيد المشاركة، لا يمكن إلغاؤها. يرجى التأكد من اختيارك قبل إتمام العملية."},
]}
title="أسئلة شائعة"
description="إجابات لأكثر الأسئلة تكرارًا حول تطبيق القرعة."
@@ -423,14 +244,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
text="لا تتردد في التواصل معنا. فريق الدعم لدينا مستعد لمساعدتك في أي وقت."
buttons={[
{
text: "تواصل معنا عبر البريد الإلكتروني",
href: "mailto:support@lotteryapp.com",
},
text: "تواصل معنا عبر البريد الإلكتروني", href: "mailto:support@lotteryapp.com"},
]}
/>
</div>
@@ -439,54 +257,36 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "روابط سريعة",
items: [
title: "روابط سريعة", items: [
{
label: "الرئيسية",
href: "#hero",
},
label: "الرئيسية", href: "#hero"},
{
label: "الجوائز",
href: "#prizes",
},
label: "الجوائز", href: "#prizes"},
{
label: "كيف تعمل",
href: "#features",
},
label: "كيف تعمل", href: "#features"},
],
},
{
title: "الدعم",
items: [
title: "الدعم", items: [
{
label: "الأسئلة الشائعة",
href: "#faq",
},
label: "الأسئلة الشائعة", href: "#faq"},
{
label: "تواصل معنا",
href: "#contact",
},
label: "تواصل معنا", href: "#contact"},
{
label: "لوحة التحكم (المنظمون)",
href: "/admin-login",
},
label: "لوحة التحكم (المنظمون)", href: "/admin-login"},
],
},
{
title: "قانوني",
items: [
title: "قانوني", items: [
{
label: "سياسة الخصوصية",
href: "/privacy",
},
label: "سياسة الخصوصية", href: "/privacy"},
{
label: "شروط الخدمة",
href: "/terms",
},
label: "شروط الخدمة", href: "/terms"},
],
},
]}
bottomLeftText="جميع الحقوق محفوظة لتطبيق القرعة © 2024"
bottomRightText=""
/>
</div>
</ReactLenis>