xbuilder-landing-page

PROMPT 1 — HERO + PROBLEM (الجزء العلوي)
You are a world-class Arabic direct-response landing page designer and commercial advertising photographer specialized in high-converting COD e-commerce pages in the Middle East.
Your task is to create the TOP SECTION of a high-converting Arabic mobile landing page for a product advertisement.
This design must look like a real Arabic COD product landing page used in Facebook Ads and TikTok Ads.
━━━━━━━━━━━━━━━━━━━━━
OUTPUT RULES
Generate ONE vertical mobile landing page image only.
No explanations.
No extra text outside the design.
Mobile aspect ratio:
9:16 or 9:18
━━━━━━━━━━━━━━━━━━━━━
COLOR SYSTEM
Automatically extract the dominant color palette from the product image.
Use those colors for:
background blocks
highlight frames
section containers
gradients
Then combine with proven e-commerce colors:
Yellow → CTA buttons
Red → discount badges and urgency labels
White → readability
Black → contrast
The page must visually match the product colors.
━━━━━━━━━━━━━━━━━━━━━
TOP NOTICE BAR
Add a slim sticky notice bar at the very top.
The notice bar must use the dominant color extracted from the product image.
Include small mobile icons and Arabic text such as:
🚚 شحن سريع لجميع المدن
💰 الدفع عند الاستلام
⭐ أكثر من 10,000 طلب ناجح
🔥 عرض خاص اليوم
Text color must be white.
━━━━━━━━━━━━━━━━━━━━━
HERO OFFER SECTION
Create a powerful hero section.
Include:
• Large professional product image
• Bold Arabic headline
• Discount badge
• Rounded modern containers
Example headline style:
الأكثر مبيعاً اليوم
الحل النهائي لهذه المشكلة
Add a red badge:
خصم %50
Add a large yellow CTA button
اطلب الآن
━━━━━━━━━━━━━━━━━━━━━
PROBLEM SECTION
Visually present the customer problem.
Add 2–3 images illustrating the problem.
Use red highlight labels and warning style boxes.
Example Arabic text:
هل تعاني من هذه المشكلة؟
الكثير من الناس يواجهون هذه المشكلة يومياً
ولكن الحل أصبح متوفراً الآن
━━━━━━━━━━━━━━━━━━━━━
QUICK BENEFITS STRIP
Create a horizontal benefits block with icons:
✔ نتائج سريعة
✔ جودة عالية
✔ سهل الاستخدام
✔ مناسب للجميع
━━━━━━━━━━━━━━━━━━━━━
PRODUCT IMAGE INPUT
[INSERT PRODUCT IMAGE HERE]

PROMPT 2 — BENEFITS + SOCIAL PROOF (الجزء الأوسط)
You are a world-class Arabic direct-response landing page designer specialized in high-converting COD e-commerce product pages.
Your task is to create the MIDDLE SECTION of a high-converting Arabic mobile landing page.
The design must look like a professional Arabic product page used in COD advertising.
━━━━━━━━━━━━━━━━━━━━━
OUTPUT RULES
Generate ONE vertical mobile landing page image only.
No explanations.
Aspect ratio:
9:16
━━━━━━━━━━━━━━━━━━━━━
COLOR SYSTEM
Continue using the same palette extracted from the product image.
Combine with:
Yellow CTA elements
Red urgency highlights
White clean background areas
━━━━━━━━━━━━━━━━━━━━━
BEFORE / AFTER SECTION
Create a strong comparison block.
Two side-by-side images.
Labels:
قبل
بعد
Headline:
شاهد الفرق بنفسك
━━━━━━━━━━━━━━━━━━━━━
PRODUCT FEATURES SECTION
Add close-up product photography.
Create feature cards with icons.
Example feature text:
تصميم احترافي
مواد عالية الجودة
نتائج مضمونة
سهل الاستخدام
Use rounded containers and highlight frames.
━━━━━━━━━━━━━━━━━━━━━
SOCIAL PROOF SECTION
Show customer faces and testimonials.
Include:
⭐ ⭐ ⭐ ⭐ ⭐
Arabic headline:
أكثر من 10,000 عميل سعيد
Add review bubbles like:
"المنتج رائع والنتيجة فاقت توقعاتي"
"أفضل شراء قمت به هذا العام"
"أنصح به بشدة"
━━━━━━━━━━━━━━━━━━━━━
PRODUCT COMPARISON
Create a comparison table.
Column 1:
منتجنا
Column 2:
المنتجات العادية
Include benefits such as:
✔ نتائج أسرع
✔ جودة أفضل
✔ ضمان حقيقي
━━━━━━━━━━━━━━━━━━━━━
PRODUCT IMAGE INPUT
[INSERT PRODUCT IMAGE HERE]

PROMPT 3 — OFFER + FINAL CTA (الجزء السفلي)
You are a world-class Arabic direct-response landing page designer specialized in high-converting COD landing pages.
Your task is to create the FINAL SECTION of the product landing page.
This part must push the user strongly toward ordering.
━━━━━━━━━━━━━━━━━━━━━
OUTPUT RULES
Generate ONE vertical mobile landing page image only.
No explanations.
Aspect ratio:
9:16
━━━━━━━━━━━━━━━━━━━━━
COLOR SYSTEM
Use the same product color palette.
Combine with:
Yellow CTA buttons
Red urgency blocks
White clean containers
━━━━━━━━━━━━━━━━━━━━━
TRUST BADGES SECTION
Add trust icons with Arabic labels:
✔ ضمان 100%
✔ الدفع عند الاستلام
✔ شحن سريع
✔ جودة عالية
━━━━━━━━━━━━━━━━━━━━━
CUSTOMER REVIEWS GRID
Create multiple testimonial cards.
Include:
profile photos
star ratings
Example text:
"النتيجة كانت مذهلة"
"منتج يستحق الشراء"
"وصلني بسرعة والجودة ممتازة"
━━━━━━━━━━━━━━━━━━━━━
FAQ SECTION
Add short FAQ blocks.
Examples:
هل المنتج آمن؟
نعم آمن 100%
كم مدة التوصيل؟
من 2 إلى 5 أيام
هل يوجد دفع عند الاستلام؟
نعم متوفر في جميع المدن
━━━━━━━━━━━━━━━━━━━━━
BIG OFFER SECTION
Create a strong discount banner.
Large headline:
خصم %50 اليوم فقط
Add urgency badge:
الكمية محدودة
━━━━━━━━━━━━━━━━━━━━━
FINAL CTA SECTION
Large bold yellow button.
Button text:
اطلب الآن
Sub text:
الدفع عند الاستلام
━━━━━━━━━━━━━━━━━━━━━
PRODUCT IMAGE INPUT
[INSERT PRODUCT IMAGE HERE]