فيديوهات إعلانية احترافية
إنشاء فيديوهات إعلانية كاضمن ليك بيع المنتوج أو الخدمة.
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ADN AGENCY — إعلانات Facebook احترافية و مبيعات حقيقية</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;600&family=Montserrat:wght@400;600&display=swap');
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; direction:rtl; }
body {
font-family:'Montserrat', sans-serif;
color:#1a1a1a;
background:#faf8f5;
overflow-x:hidden;
}
h1,h2,h3 { font-family:'Cormorant Garamond', serif; }
a { text-decoration:none; color:inherit; }
/* HEADER */
header {
position:fixed; top:0; right:0; width:100%;
display:flex; justify-content:space-between; align-items:center;
padding:15px 6%;
background:rgba(250,248,245,0.98);
backdrop-filter:blur(8px);
z-index:999;
border-bottom:1px solid rgba(212,175,55,0.1);
}
.logo {
font-family:'Cormorant Garamond', serif;
font-size:24px; font-weight:600; letter-spacing:4px;
color:#D4AF37;
}
nav { display:flex; gap:25px; }
nav a { font-size:10px; letter-spacing:1px; text-transform:uppercase; color:#6a6a6a; transition:.2s; }
nav a:hover { color:#D4AF37; }
.cta-btn {
background:linear-gradient(135deg, #D4AF37 0%, #c9a961 100%);
color:#1a1a1a; padding:10px 24px;
font-size:10px; letter-spacing:1px; text-transform:uppercase;
border:none; cursor:pointer; font-weight:600;
transition:.1s ease;
position:relative;
top:0;
box-shadow:0 2px 8px rgba(212,175,55,0.2), 0 4px 0 #c9a961;
border-radius:6px;
font-family:'Montserrat', sans-serif;
}
.cta-btn:hover {
top:2px;
box-shadow:0 1px 4px rgba(212,175,55,0.2), 0 2px 0 #c9a961;
}
.cta-btn:active {
top:4px;
box-shadow:0 0 0 rgba(212,175,55,0.2), 0 0 0 #c9a961;
}
/* FLOATING WHATSAPP */
@keyframes bounce-wa {
0%, 100% { top:0; }
50% { top:-8px; }
}
.wa-float {
position:fixed; bottom:30px; left:30px; z-index:998;
background:linear-gradient(135deg, #D4AF37 0%, #c9a961 100%);
color:#1a1a1a; width:65px; height:65px;
border-radius:50%; display:flex; align-items:center; justify-content:center;
font-size:32px; cursor:pointer;
animation:bounce-wa 1.5s ease-in-out infinite;
transition:.1s ease;
border:none;
font-weight:600;
position:relative;
top:0;
box-shadow:0 4px 15px rgba(212,175,55,0.3), 0 8px 0 #c9a961;
font-family:'Montserrat', sans-serif;
}
.wa-float:hover {
top:4px;
box-shadow:0 2px 8px rgba(212,175,55,0.3), 0 4px 0 #c9a961;
}
.wa-float:active {
top:8px;
box-shadow:0 0 4px rgba(212,175,55,0.2), 0 0 0 #c9a961;
}
@media(max-width:768px) {
.wa-float { bottom:20px; left:20px; width:55px; height:55px; font-size:26px; }
}
/* HERO */
.hero {
height:90vh; min-height:650px;
display:flex; align-items:center; justify-content:center;
text-align:center; position:relative; overflow:hidden;
padding-top:60px;
background:linear-gradient(135deg, #faf8f5 0%, #f5f2ec 100%);
}
.hero-content { max-width:750px; z-index:2; }
@keyframes fadeInUp {
0% { opacity:0; transform:translateY(30px); }
100% { opacity:1; transform:translateY(0); }
}
.hero h1 {
font-size:56px; font-weight:300; letter-spacing:2px;
margin-bottom:20px; line-height:1.2; color:#1a1a1a;
animation:fadeInUp 0.8s ease-out;
}
.hero h1 span { color:#D4AF37; font-weight:400; }
.hero-desc {
font-size:17px; color:#5a5a5a; margin-bottom:12px; font-weight:300; line-height:1.7;
animation:fadeInUp 0.8s ease-out 0.2s backwards;
}
.hero-sub {
font-size:14px; color:#7a7a7a; margin-bottom:40px; font-weight:300; font-style:italic;
animation:fadeInUp 0.8s ease-out 0.4s backwards;
}
@keyframes pulse-glow {
0%, 100% { box-shadow:0 0 0 0 rgba(212,175,55,0.7), 0 6px 0 #c9a961; }
50% { box-shadow:0 0 0 10px rgba(212,175,55,0), 0 6px 0 #c9a961; }
}
@keyframes slide-right {
0% { transform:translateY(0); }
50% { transform:translateY(3px); }
100% { transform:translateY(0); }
}
@keyframes shimmer {
0% { background-position:0% 50%; }
50% { background-position:100% 50%; }
100% { background-position:0% 50%; }
}
@keyframes float-featured {
0%, 100% { transform:scale(1.03) translateY(0); }
50% { transform:scale(1.03) translateY(-8px); }
}
@keyframes fadeInDown {
0% { opacity:0; transform:translateY(-20px); }
100% { opacity:1; transform:translateY(0); }
}
.problem-title, .solution-title, .packs-title, .howitworks-title, .whyadn-title, .reviews-title {
animation:fadeInDown 0.8s ease-out;
}
@keyframes scaleIn {
0% { opacity:0; transform:translateY(10px); }
100% { opacity:1; transform:translateY(0); }
}
.btn {
display:inline-block;
background:linear-gradient(135deg, #D4AF37 0%, #c9a961 100%);
color:#1a1a1a; padding:14px 36px;
font-size:11px; letter-spacing:2px; text-transform:uppercase;
border:none; cursor:pointer; font-weight:600;
transition:.1s ease; margin:0 8px;
position:relative;
top:0;
box-shadow:0 4px 15px rgba(212,175,55,0.2), 0 8px 0 #c9a961;
animation:pulse-glow 2s infinite, scaleIn 0.6s ease-out 0.6s backwards;
border-radius:8px;
font-family:'Montserrat', sans-serif;
}
.btn:hover {
top:4px;
box-shadow:0 2px 8px rgba(212,175,55,0.2), 0 4px 0 #c9a961;
}
.btn:active {
top:8px;
box-shadow:0 0 0 rgba(212,175,55,0.2), 0 0 0 #c9a961;
}
.btn-ghost {
background:transparent;
color:#D4AF37;
border:2px solid #D4AF37;
animation:none;
box-shadow:0 0 20px rgba(212,175,55,0.3);
top:0;
border-radius:8px;
font-family:'Montserrat', sans-serif;
}
.btn-ghost:hover {
background:#D4AF37;
color:#1a1a1a;
top:0;
box-shadow:0 0 30px rgba(212,175,55,0.5);
}
/* TRUST NUMBERS */
.trust {
padding:40px 6%;
max-width:1200px; margin:0 auto;
background:#fff;
border-top:1px solid rgba(212,175,55,0.1);
border-bottom:1px solid rgba(212,175,55,0.1);
text-align:center;
}
.trust-grid {
display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:40px;
}
.trust-item {
animation:scaleIn 0.6s ease-out;
}
.trust-item:nth-child(1) { animation-delay:0s; }
.trust-item:nth-child(2) { animation-delay:0.15s; }
.trust-item:nth-child(3) { animation-delay:0.3s; }
.trust-item h3 {
font-size:28px; font-weight:600; color:#D4AF37; margin-bottom:5px;
}
.trust-item p {
font-size:12px; color:#7a7a7a; font-weight:300;
}
/* PROBLEM SECTION */
.problem {
padding:60px 6%;
max-width:1000px; margin:0 auto;
background:#faf8f5;
border-bottom:1px solid rgba(212,175,55,0.1);
}
.problem-title {
font-size:38px; font-weight:300; letter-spacing:1px;
text-align:center; margin-bottom:30px; color:#1a1a1a;
}
.problem-list {
list-style:none; text-align:right; margin-bottom:30px;
}
.problem-list li {
font-size:14px; color:#5a5a5a; padding:12px 0; line-height:1.6; font-weight:300;
animation:slideInRight 0.6s ease-out backwards;
}
@keyframes slideInRight {
0% { opacity:0; transform:translateX(30px); }
100% { opacity:1; transform:translateX(0); }
}
.problem-list li:nth-child(1) { animation-delay:0.1s; }
.problem-list li:nth-child(2) { animation-delay:0.2s; }
.problem-list li:nth-child(3) { animation-delay:0.3s; }
.problem-list li:nth-child(4) { animation-delay:0.4s; }
.problem-list li::before {
content:'❌ '; margin-left:8px; color:#c0c0c0;
}
.problem-result {
background:rgba(212,175,55,0.08); padding:25px; border-right:4px solid #D4AF37;
margin-top:25px; text-align:right;
}
.problem-result p {
font-size:14px; color:#5a5a5a; font-weight:300; line-height:1.7;
}
/* SOLUTION SECTION */
.solution {
padding:60px 6%;
max-width:1200px; margin:0 auto;
background:#fff;
border-bottom:1px solid rgba(212,175,55,0.1);
}
.solution-title {
font-size:38px; font-weight:300; letter-spacing:1px;
text-align:center; margin-bottom:40px; color:#1a1a1a;
}
.solution-grid {
display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:40px;
}
.solution-item {
padding:35px; border:1px solid rgba(212,175,55,0.15); background:#faf8f5;
text-align:center; transition:.3s; border-radius:2px;
animation:fadeInUp 0.6s ease-out backwards;
}
.solution-item:nth-child(1) { animation-delay:0s; }
.solution-item:nth-child(2) { animation-delay:0.15s; }
.solution-item:nth-child(3) { animation-delay:0.3s; }
.solution-item:hover { border-color:#D4AF37; box-shadow:0 8px 25px rgba(212,175,55,0.08); }
.solution-icon { font-size:40px; margin-bottom:15px; }
.solution-item h3 {
font-size:19px; font-weight:400; margin-bottom:12px; color:#D4AF37; letter-spacing:0.5px;
}
.solution-item p {
font-size:13px; color:#6a6a6a; line-height:1.7; font-weight:300;
}
/* PACKS SECTION */
.packs {
padding:80px 6%;
max-width:1400px; margin:0 auto;
background:linear-gradient(135deg, #faf8f5 0%, #f5f2ec 100%);
border-bottom:1px solid rgba(212,175,55,0.1);
}
.packs-title {
font-size:48px; font-weight:300; letter-spacing:2px;
text-align:center; margin-bottom:50px; color:#1a1a1a;
font-family:'Cormorant Garamond', serif;
}
.packs-grid {
display:grid; grid-template-columns:repeat(auto-fit, minmax:350px, 1fr)); gap:35px;
}
.pkg {
padding:50px; border:2px solid rgba(212,175,55,0.2); background:#fff;
text-align:center; transition:.4s ease; border-radius:4px; position:relative;
display:flex; flex-direction:column;
box-shadow:0 8px 30px rgba(0,0,0,0.05);
}
.pkg:hover {
border-color:#D4AF37;
box-shadow:0 15px 50px rgba(212,175,55,0.15);
transform:translateY(-8px);
}
.pkg.featured {
border:3px solid #D4AF37;
background:linear-gradient(135deg, rgba(212,175,55,0.1) 0%, #fff 100%);
animation:float-featured 3s ease-in-out infinite;
box-shadow:0 20px 60px rgba(212,175,55,0.2);
}
@keyframes badge-pop {
0% { transform:scale(0.8); opacity:0; }
50% { transform:scale(1.1); }
100% { transform:scale(1); opacity:1; }
}
.pkg-badge {
position:absolute; top:-18px; right:30px;
background:linear-gradient(135deg, #D4AF37 0%, #c9a961 100%);
color:#1a1a1a;
padding:12px 28px; font-size:11px; font-weight:600; letter-spacing:1.5px; text-transform:uppercase;
animation:badge-pop 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
box-shadow:0 6px 16px rgba(212,175,55,0.35);
}
.pkg-icon {
font-size:64px; margin-bottom:20px;
filter:drop-shadow(0 4px 8px rgba(212,175,55,0.1));
}
.pkg h3 {
font-size:32px; font-weight:400; margin-bottom:12px; color:#D4AF37; letter-spacing:1px;
font-family:'Cormorant Garamond', serif;
}
.pkg-header {
margin-bottom:30px;
padding-bottom:30px;
border-bottom:2px solid rgba(212,175,55,0.15);
}
.pkg-price {
font-size:22px; color:#D4AF37; margin-bottom:8px; font-weight:600;
line-height:1.8;
font-family:'Cormorant Garamond', serif;
letter-spacing:1px;
}
.pkg-price-note {
font-size:12px; color:#8a8a8a; margin-bottom:0; font-weight:300;
}
.pkg-video {
background:linear-gradient(135deg, rgba(212,175,55,0.15) 0%, rgba(212,175,55,0.08) 100%);
border:2px solid #D4AF37;
border-radius:4px;
padding:28px;
margin:30px 0 32px 0;
text-align:center;
}
.pkg-video-count {
font-family:'Cormorant Garamond', serif;
font-size:48px;
font-weight:600;
color:#D4AF37;
margin-bottom:8px;
line-height:1;
}
.pkg-video-desc {
font-size:13px;
color:#5a5a5a;
font-weight:300;
line-height:1.7;
}
.pkg-video-desc strong {
color:#D4AF37;
font-weight:600;
}
.pkg-list {
list-style:none; margin-bottom:35px; font-size:14px; color:#5a5a5a; text-align:right;
flex-grow:1;
}
.pkg-list li {
padding:14px 0;
border-bottom:1px solid rgba(212,175,55,0.08);
font-weight:300;
line-height:1.7;
}
.pkg-list li:last-child {
border-bottom:none;
}
.pkg-list li::before {
content:'→ ';
color:#D4AF37;
font-weight:600;
margin-left:8px;
font-size:16px;
}
.pkg-btn {
background:linear-gradient(135deg, #D4AF37 0%, #c9a961 100%);
color:#1a1a1a; padding:16px 32px;
font-size:12px; letter-spacing:2px; text-transform:uppercase;
border:none; cursor:pointer; font-weight:600; width:100%;
transition:.1s ease;
position:relative;
top:0;
box-shadow:0 6px 16px rgba(212,175,55,0.25), 0 8px 0 #c9a961;
border-radius:4px;
font-family:'Montserrat', sans-serif;
}
.pkg-btn:hover {
top:4px;
box-shadow:0 2px 8px rgba(212,175,55,0.2), 0 4px 0 #c9a961;
}
.pkg-btn:active {
top:8px;
box-shadow:0 0 4px rgba(212,175,55,0.15), 0 0 0 #c9a961;
}
/* HOW IT WORKS */
.howitworks {
padding:60px 6%;
max-width:1000px; margin:0 auto;
background:#fff;
border-bottom:1px solid rgba(212,175,55,0.1);
}
.howitworks-title {
font-size:38px; font-weight:300; letter-spacing:1px;
text-align:center; margin-bottom:40px; color:#1a1a1a;
}
.steps-grid {
display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:30px;
}
.step {
padding:30px; background:#faf8f5; border:1px solid rgba(212,175,55,0.15);
text-align:center; border-radius:2px; position:relative;
}
.step-num {
position:absolute; top:-15px; right:50%; transform:translateX(50%);
width:50px; height:50px; background:#D4AF37; color:#1a1a1a;
border-radius:50%; display:flex; align-items:center; justify-content:center;
font-weight:600; font-size:20px;
}
.step h3 {
font-size:16px; font-weight:400; margin-top:20px; margin-bottom:10px; color:#1a1a1a;
}
.step p {
font-size:12px; color:#6a6a6a; line-height:1.6; font-weight:300;
}
/* WHY ADN */
.whyadn {
padding:60px 6%;
max-width:1200px; margin:0 auto;
background:#faf8f5;
border-bottom:1px solid rgba(212,175,55,0.1);
}
.whyadn-title {
font-size:38px; font-weight:300; letter-spacing:1px;
text-align:center; margin-bottom:40px; color:#1a1a1a;
}
.whyadn-grid {
display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:30px;
}
.whyadn-item {
padding:25px; text-align:center;
animation:fadeInUp 0.6s ease-out backwards;
}
.whyadn-item:nth-child(1) { animation-delay:0s; }
.whyadn-item:nth-child(2) { animation-delay:0.1s; }
.whyadn-item:nth-child(3) { animation-delay:0.2s; }
.whyadn-item:nth-child(4) { animation-delay:0.3s; }
.whyadn-item p {
font-size:13px; color:#5a5a5a; line-height:1.7; font-weight:300;
}
.whyadn-item strong {
color:#D4AF37; display:block; margin-bottom:8px; font-weight:600;
}
/* REVIEWS */
.reviews {
padding:60px 6%;
max-width:1200px; margin:0 auto;
background:#fff;
border-bottom:1px solid rgba(212,175,55,0.1);
}
.reviews-title {
font-size:38px; font-weight:300; letter-spacing:1px;
text-align:center; margin-bottom:40px; color:#1a1a1a;
}
.reviews-grid {
display:grid; grid-template-columns:repeat(auto-fit, minmax:300px, 1fr)); gap:30px;
}
.review {
padding:30px; border:1px solid rgba(212,175,55,0.15); background:#faf8f5;
border-radius:2px; text-align:right;
}
.stars { font-size:14px; margin-bottom:10px; }
.review-text {
font-size:13px; color:#5a5a5a; line-height:1.8; margin-bottom:12px; font-style:italic; font-weight:300;
}
.review-author {
font-size:12px; color:#D4AF37; font-weight:600;
}
.review-company {
font-size:11px; color:#8a8a8a; margin-top:3px; font-weight:300;
}
/* LOW RISK */
.lowrisk {
padding:50px 6%;
max-width:900px; margin:0 auto;
background:#faf8f5;
border-bottom:1px solid rgba(212,175,55,0.1);
}
.lowrisk-title {
font-size:32px; font-weight:300; letter-spacing:1px;
text-align:center; margin-bottom:30px; color:#1a1a1a;
animation:fadeInDown 0.8s ease-out;
}
.lowrisk-list {
list-style:none; text-align:right; max-width:600px; margin:0 auto;
}
.lowrisk-list li {
font-size:13px; color:#5a5a5a; padding:10px 0; line-height:1.6; font-weight:300;
animation:slideInRight 0.6s ease-out backwards;
}
.lowrisk-list li:nth-child(1) { animation-delay:0.1s; }
.lowrisk-list li:nth-child(2) { animation-delay:0.2s; }
.lowrisk-list li:nth-child(3) { animation-delay:0.3s; }
.lowrisk-list li:nth-child(4) { animation-delay:0.4s; }
.lowrisk-list li::before {
content:'✅ '; margin-left:6px; color:#D4AF37;
}
/* CTA FINAL */
.cta-final {
padding:80px 6%;
max-width:1200px; margin:0 auto;
text-align:center;
background:linear-gradient(135deg, #faf8f5 0%, #f5f2ec 100%);
border-top:1px solid rgba(212,175,55,0.1);
}
.cta-final h2 {
font-size:48px; font-weight:300; letter-spacing:1px; margin-bottom:15px; color:#1a1a1a;
animation:fadeInDown 0.8s ease-out;
}
.cta-final h2 span { color:#D4AF37; }
.cta-final p {
font-size:15px; color:#6a6a6a; margin-bottom:30px; max-width:600px; margin-left:auto; margin-right:auto; font-weight:300;
animation:fadeInUp 0.8s ease-out 0.2s backwards;
}
/* FOOTER */
footer {
background:#1a1a1a; color:#b0b0b0; padding:50px 6%;
font-size:11px; text-align:center; border-top:1px solid rgba(212,175,55,0.15);
}
.footer-content { max-width:1200px; margin:0 auto; }
.footer-logo {
font-family:'Cormorant Garamond', serif;
font-size:24px; font-weight:600; letter-spacing:4px;
color:#D4AF37; margin-bottom:25px;
}
.flinks {
display:flex; justify-content:center; gap:25px; flex-wrap:wrap; margin-bottom:20px; font-size:10px;
}
.flinks a { color:#8a8a8a; transition:.2s; }
.flinks a:hover { color:#D4AF37; }
.footer-copy { color:#606060; font-size:10px; line-height:1.6; }
@media(max-width:768px) {
header { padding:12px 4%; }
nav { display:none; }
.hero h1 { font-size:36px; }
.problem-title, .solution-title, .packs-title, .howitworks-title, .whyadn-title, .reviews-title { font-size:28px; }
.packs-grid, .reviews-grid { grid-template-columns:1fr; }
.pkg.featured { transform:scale(1); }
.cta-final h2 { font-size:32px; }
.btn { font-size:10px; padding:10px 24px; margin:5px; }
}
</style>
</head>
<body>
<!-- FLOATING WHATSAPP -->
<div class="wa-float" onclick="openWA()">💬</div>
<!-- HEADER -->
<header>
<div class="logo">ADN</div>
<nav>
<a href="#packs">الباقات</a>
<a href="#reviews">التقييمات</a>
</nav>
<button class="cta-btn" onclick="openWA()">تواصل</button>
</header>
<!-- HERO -->
<section class="hero">
<div class="hero-content">
<h1>حوّل إعلانات Facebook<br>إلى <span>زبناء ومبيعات</span></h1>
<p class="hero-desc">ADN Agency تساعدك تبني حملات إعلانية احترافية، تستهدف العملاء المناسبين وتزيد فرص البيع الحقيقية</p>
<p class="hero-sub">ما تضيعش الفلوس في إعلانات عشوائية</p>
<button class="btn btn-ghost" onclick="openWA()">ابدأ الآن</button>
<button class="btn" onclick="openWA()">🟢 استشارة مجانية</button>
</div>
</section>
<!-- TRUST NUMBERS -->
<section class="trust">
<div class="trust-grid">
<div class="trust-item">
<h3>+500</h3>
<p>حملة إعلانية تم إطلاقها</p>
</div>
<div class="trust-item">
<h3>5+</h3>
<p>سنوات خبرة في Digital Marketing</p>
</div>
<div class="trust-item">
<h3>100%</h3>
<p>خدمة موجهة للمشاريع والمتاجر</p>
</div>
</div>
</section>
<!-- PROBLEM -->
<section class="problem">
<h2 class="problem-title">المشكلة الحقيقية</h2>
<ul class="problem-list">
<li>تطلق إعلانات وما كتشوفش النتائج</li>
<li>الأموال كتضيع على جمهور ما كيهتمش بالمنتج ديالك</li>
<li>ما فيك وقت لتحليل الحملات وتحسينها</li>
<li>ما عندك فريق متخصص في إعلانات Facebook</li>
</ul>
<div class="problem-result">
<p><strong>النتيجة؟</strong> ميزانية محدودة، جمهور خاطئ، مبيعات قليلة.</p>
</div>
</section>
<!-- SOLUTION -->
<section class="solution">
<h2 class="solution-title">الحل: ADN Agency</h2>
<div class="solution-grid">
<div class="solution-item">
<div class="solution-icon">🎯</div>
<h3>استهداف دقيق</h3>
<p>نوصلك للعملاء المهتمين فعلاً بالمنتج ديالك، ما تضيع فلوس على ناس ما كيشريوش</p>
</div>
<div class="solution-item">
<div class="solution-icon">🎨</div>
<h3>فيديوهات احترافية</h3>
<p>إعلانات فيديو و صور تشد الانتباه، مصممة حسب الجمهور ديالك، مؤهلة للبيع</p>
</div>
<div class="solution-item">
<div class="solution-icon">📊</div>
<h3>متابعة مستمرة</h3>
<p>كنتابع الحملة يومياً، كنحسنو الأداء، كنركزو على اللي كيعطي نتايج حقيقية</p>
</div>
</div>
</section>
<!-- PACKAGES -->
<section class="packs" id="packs">
<h2 class="packs-title">الباقات</h2>
<div class="packs-grid">
<div class="pkg">
<div class="pkg-icon">⚡</div>
<div class="pkg-header">
<h3>STARTER</h3>
<p class="pkg-price">3j - 210 DH</p>
</div>
<div class="pkg-video">
<div class="pkg-video-count">🎬 1</div>
<div class="pkg-video-desc"><strong>Video Professionnel</strong><br>Créé pour ta campagne</div>
</div>
<ul class="pkg-list">
<li>إنشاء وإطلاق حملة موجهة للبيع</li>
<li>استهداف العملاء الأكثر احتمالاً للشراء</li>
<li>تتبع يومي للأداء</li>
<li>تقرير النتائج</li>
</ul>
<button class="pkg-btn" onclick="openWA('starter')">احجز الآن</button>
</div>
<div class="pkg featured">
<div class="pkg-badge">الأشهر</div>
<div class="pkg-icon">🔥</div>
<div class="pkg-header">
<h3>BOOST</h3>
<p class="pkg-price">7j - 490 DH</p>
</div>
<div class="pkg-video">
<div class="pkg-video-count">🎬 1</div>
<div class="pkg-video-desc"><strong>Video Professionnel</strong><br>Créé pour ta campagne</div>
</div>
<ul class="pkg-list">
<li>بناء استراتيجية إعلانية كاملة</li>
<li>اختبار أكثر من جمهور</li>
<li>تحسين الحملة يومياً حسب النتائج</li>
<li>تقارير مفصلة كل يوم</li>
<li>دعم مباشر عبر WhatsApp</li>
</ul>
<button class="pkg-btn" onclick="openWA('boost')">احجز الآن</button>
</div>
<div class="pkg">
<div class="pkg-icon">👑</div>
<div class="pkg-header">
<h3>SCALE</h3>
<p class="pkg-price">15j - 990 DH</p>
</div>
<div class="pkg-video">
<div class="pkg-video-count">🎬 3</div>
<div class="pkg-video-desc"><strong>Videos Professionnel</strong><br>Variations pour plus de résultats</div>
</div>
<ul class="pkg-list">
<li>كل ما في BOOST + مميزات إضافية</li>
<li>تحليل متقدم للمنافسين</li>
<li>اختبار استراتيجيات مختلفة</li>
<li>تقرير شامل مع توصيات</li>
<li>جلسات استشارة أسبوعية</li>
</ul>
<button class="pkg-btn" onclick="openWA('scale')">احجز الآن</button>
</div>
</div>
<button class="btn" style="margin-top:40px;" onclick="openWA()">بغيت نفهم أكثر</button>
</section>
<!-- HOW IT WORKS -->
<section class="howitworks">
<h2 class="howitworks-title">كيفاش غادي نخدمو على مشروعك؟</h2>
<div class="steps-grid">
<div class="step">
<div class="step-num">1</div>
<h3>تحليل النشاط ديالك</h3>
<p>كنفهمو المنتج ديالك، الهدف، والعملاء اللي بغيتهم</p>
</div>
<div class="step">
<div class="step-num">2</div>
<h3>إعداد الاستراتيجية</h3>
<p>كنبني خطة إعلانية مخصصة ليك، تستهدف الجمهور الصحيح</p>
</div>
<div class="step">
<div class="step-num">3</div>
<h3>إطلاق الحملة</h3>
<p>كنطلقو الإعلانات و الفيديوهات على Facebook/Instagram</p>
</div>
<div class="step">
<div class="step-num">4</div>
<h3>تحسين النتائج يومياً</h3>
<p>كنتابعو الأداء، كنحسنو الاستهداف، كنركزو على اللي كيجيب البيع</p>
</div>
</div>
</section>
<!-- WHY ADN -->
<section class="whyadn">
<h2 class="whyadn-title">علاش تختار ADN؟</h2>
<div class="whyadn-grid">
<div class="whyadn-item">
<strong>5+ سنوات خبرة</strong>
<p>متخصصين في Facebook Ads و Digital Marketing</p>
</div>
<div class="whyadn-item">
<strong>+500 حملة</strong>
<p>شتغلنا مع مشاريع و متاجر كيشوفو نمو حقيقي</p>
</div>
<div class="whyadn-item">
<strong>نتائج مثبتة</strong>
<p>العملاء ديالنا كيشوفو زيادة في المبيعات و الزبناء</p>
</div>
<div class="whyadn-item">
<strong>دعم مباشر</strong>
<p>WhatsApp support - ماشي بوتات أو ردود آلية</p>
</div>
</div>
</section>
<!-- REVIEWS -->
<section class="reviews" id="reviews">
<h2 class="reviews-title">ماذا يقول العملاء</h2>
<div class="reviews-grid">
<div class="review">
<div class="stars">⭐⭐⭐⭐⭐</div>
<p class="review-text">"ADN Agency ساعدتنا نزيدو الطلبات و نحسنو تكلفة الإعلان. النتائج كانت أفضل من التوقعات"</p>
<div class="review-author">محمد</div>
<div class="review-company">صاحب متجر إلكتروني</div>
</div>
<div class="review">
<div class="stars">⭐⭐⭐⭐⭐</div>
<p class="review-text">"الفريق ديالهم حقا متفهمين. كل يوم كيقولولي الأداء و كيحسنو الحملة. شكرا ADN"</p>
<div class="review-author">فاطمة</div>
<div class="review-company">صاحبة صالون جمال</div>
</div>
<div class="review">
<div class="stars">⭐⭐⭐⭐⭐</div>
<p class="review-text">"بسرعة قسطم كنا عندهم نتائج. الفريق احترافي و شرحوها لي بطريقة سهلة"</p>
<div class="review-author">علي</div>
<div class="review-company">صاحب شركة خدمات</div>
</div>
</div>
</section>
<!-- LOW RISK -->
<section class="lowrisk">
<h2 class="lowrisk-title">علاش تبدأ معنا بدون قلق؟</h2>
<ul class="lowrisk-list">
<li>استشارة مجانية قبل البداية - نقول ليك بدقة شنو اللي غادا نديرو</li>
<li>اختيار الباقة المناسبة حسب مشروعك و ميزانيتك</li>
<li>متابعة مباشرة عبر WhatsApp - نتا كاين فالعملية</li>
<li>تقارير يومية - كتشوف النتائج بروحك</li>
</ul>
</section>
<!-- CTA FINAL -->
<section class="cta-final">
<h2>واجد تحول الإعلانات<br>إلى <span>مبيعات حقيقية</span>؟</h2>
<p>ابدأ دابا. استشارة مجانية كاملة - بدون التزام</p>
<button class="btn" onclick="openWA()">🟢 تواصل عبر WhatsApp</button>
</section>
<!-- FOOTER -->
<footer>
<div class="footer-content">
<div class="footer-logo">ADN AGENCY</div>
<div class="flinks">
<a href="#">عن الخدمة</a>
<a href="#">الباقات</a>
<a href="#">Contact</a>
<a href="#">Privacy</a>
</div>
<div class="footer-copy">
<p>© 2024 ADN AGENCY | إعلانات Facebook احترافية و مبيعات حقيقية | المغرب</p>
<p style="margin-top:6px;">مباشر • سريع • نتائج</p>
</div>
</div>
</footer>
<script>
function openWA(pkg) {
const msg = pkg
? `مرحبا، بغيت نشتري ${pkg} pack 👋`
: `مرحبا ADN Agency، بغيت نتعرف على الخدمات ديالكم 👋`;
const phone = '212705832311';
window.open(`https://wa.me/${phone}?text=${encodeURIComponent(msg)}`, '_blank');
}
// Smooth scroll
document.querySelectorAll('a[href^="#"]').forEach(a => {
a.addEventListener('click', (e) => {
e.preventDefault();
const id = a.getAttribute('href');
const el = document.querySelector(id);
if(el) el.scrollIntoView({behavior: 'smooth'});
});
});
// Scroll animations
const observerOptions = {
threshold: 0.1,
rootMargin: '0px 0px -100px 0px'
};
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if(entry.isIntersecting) {
entry.target.style.animation = entry.target.dataset.animation || 'fadeInDown 0.8s ease-out forwards';
observer.unobserve(entry.target);
}
});
}, observerOptions);
// Animate solution items
document.querySelectorAll('.solution-item').forEach((el, i) => {
el.style.opacity = '0';
el.style.animation = `fadeInDown 0.8s ease-out ${i * 0.15}s forwards`;
});
// Animate package cards
document.querySelectorAll('.pkg').forEach((el, i) => {
if(!el.classList.contains('featured')) {
el.style.opacity = '0';
el.style.animation = `fadeInDown 0.8s ease-out ${i * 0.15}s forwards`;
}
});
// Animate step cards
document.querySelectorAll('.step').forEach((el, i) => {
el.style.opacity = '0';
el.style.animation = `fadeInDown 0.8s ease-out ${i * 0.15}s forwards`;
});
// Animate review cards
document.querySelectorAll('.review').forEach((el, i) => {
el.style.opacity = '0';
el.style.animation = `fadeInDown 0.8s ease-out ${i * 0.15}s forwards`;
});
</script>
</body>
</html>
من السكريبت حتى النتيجة: نصورو ونمونطاجو الفيديوهات الإعلانية، ونديرو الحملات الإعلانية باستهداف ذكي باش تشوف الفرق فأرقام البيع ديالك.
خدمة كاملة من التصور حتى النتيجة، بلا ضغط عليك.
إنشاء فيديوهات إعلانية كاضمن ليك بيع المنتوج أو الخدمة.
إنشاء حملات إعلانية لي غادي تخليك تبيع ماشي تخسر فلوسك فالخاوي.
كل باقة فيها فيديوهات إعلانية هدية، وترتيب الطلبية كيتم مباشرة عبر واتساب.
15 يوم
شهر كامل
شهرين كاملين
شوف أحدث الأعمال والفيديوهات الإعلانية اللي كنصاوبو لعملائنا، وكولشي يوم جديد.
زور البروفايل ديالنارسائل واتساب حقيقية من عملاء ديالنا فالمغرب.
خويا تبارك الله عليك الفيديوهات ناضيين بزاف! المبيعات طلعات هاد السيمانة، الله يحفظك أسبوع جاي نزيدو باقة أخرى 🔥
السلام عليكم، صراحة الخدمة احترافية، UGC جاب لينا نسبة تفاعل واعرة فالمتجر ورواس طالع، شكرا بزاف 🙏
تبارك الله عليكم السكريبت والمونتاج طوب، الكلاينت عجبهم الإعلان بزاف. غادي نكملوا معاكم ديما إن شاء الله