Landing Scroll Story: منشئ مواقع متحركة
حوّل وصف خدمتك أو رابطها إلى صفحة هبوط Next.js بحركات التمرير. قالبان (light يركز على تحسين محركات البحث، وcinematic بتقنية GSAP)، وتغيير لون العلامة بأمر واحد، مع ملاحظات SEO والنشر.
#التصميم#الهندسة#التسويق
التقييم
مطلوب المزيد من التقييمات
المبيعات
0
كيفية الاستخدام
تنزيل
Landing Scroll Story
يُنشئ Landing Scroll Story موقع صفحة هبوط كاملاً وقابلاً للتشغيل بتقنية Next.js انطلاقاً من رابط خدمة أو ملف README أو نص تعريفي. تجيب على ثلاثة أسئلة كحد أقصى، ثم تتسلم ملف zip للمشروع جاهزاً للتشغيل والنشر.
قالبان
Light (الأولوية لـ SEO)
- واجهة رئيسية داكنة بأشرطة متحركة، وتنقل عائم على شكل حبة، وبطاقات bento، وعرض مثبّت أثناء التمرير، وخطوات الاستخدام، والأسئلة الشائعة
- صفحات أدلة تفصيلية وبيانات JSON-LD لـ FAQPage وWebSite
- يبقى sitemap وrobots مغلقين إلى أن تحدد رابط الإنتاج (عمليات نشر Preview لا تُفهرس أبداً)
Cinematic (الأولوية للمظهر)
- تنسيق حركي باستخدام GSAP + ScrollTrigger + Lenis
- تتقلص الواجهة الرئيسية إلى شبكة bento، ومقدمة Lottie تتحكم بها حركة التمرير، وبطاقات القيم، وعرض شريطي متحرك، وتذييل بشكل ستارة
- تخطيط متجاوب للجوال مضمّن
طريقة العمل
- زوّد المهارة برابط أو ملف README أو وصف قصير.
- اختر light أو cinematic. توصي المهارة بأحدهما وتشرح السبب.
- تملأ المهارة النصوص، وتضبط لون علامتك بأمر واحد، ثم تبني المشروع وتتحقق من الأنواع وتفحص عرض سطح المكتب والجوال.
- تتسلم ملف zip للمشروع مع ملاحظات قصيرة حول التشغيل وتعديل النصوص والنشر (Vercel وCloudflare وSearch Console).
مثال على النتيجة
لقطات الشاشة أدناه من خدمة تجريبية خيالية ("Brewly") أُنشئت بهذه المهارة.
ملاحظات مهمة
- الرسومات في قالب cinematic أشكال هندسية بسيطة مولّدة بالشيفرة. للحصول على مظهر احترافي، استبدل الملفات الموجودة في
public/landing/برسوماتك الخاصة. - يعرض قالب cinematic عدة أقسام بعد مرحلة hydration، لذلك يغيب معظم نصه عن HTML الخادم. اختر light إذا كان الترتيب في محركات البحث مهماً.
- جرى التحقق على سطح المكتب وعلى عرض 390 بكسل في بيئة تطوير. لا يشمل ذلك الاختبار على أجهزة حقيقية أو Safari.
- تعتمد جودة النصوص على مصادرك. لا تخترع المهارة أرقاماً أو عملاء أو جوائز.
التراخيص والإسناد
- قالب cinematic مشتق من شيفرة صفحة الهبوط في SEED Design System (github.com/daangn/seed-design)، بترخيص Apache-2.0، حقوق النشر 2025 Danggeun Market Inc. يتضمن المشروع المسلَّم نص الترخيص والإشعارات. لا يتضمن المنتج شعارات SEED أو Daangn ولا أسماءهما ولا وسائطهما. هذا المنتج غير تابع لـ Daangn ولا ترعاه ولا تؤيده.
- يُستخدم GSAP بموجب ترخيصه القياسي المجاني. خط Pretendard بترخيص SIL OFL 1.1.
واجهات API الخارجية
registry.npmjs.org
