Initial AI-generated site
This commit is contained in:
+708
@@ -0,0 +1,708 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="he" dir="rtl">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>SeoPush – תוכן AI שמקדם את האתר שלך אוטומטית</title>
|
||||||
|
<meta name="description" content="SeoPush.ai – פלטפורמת AI ליצירת תוכן וקידום SEO אוטומטי. כתיבה, אופטימיזציה ופרסום אוטומטי לאתרי וורדפרס ואתרים סטטיים.">
|
||||||
|
<meta property="og:title" content="SeoPush – תוכן AI שמקדם את האתר שלך">
|
||||||
|
<meta property="og:description" content="צרו תוכן SEO איכותי באופן אוטומטי עם בינה מלאכותית. חסכו זמן וכסף בקידום האורגני.">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:locale" content="he_IL">
|
||||||
|
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><defs><linearGradient id='g' x1='0%' y1='0%' x2='100%' y2='100%'><stop offset='0%' stop-color='%236366f1'/><stop offset='100%' stop-color='%238b5cf6'/></linearGradient></defs><circle cx='50' cy='50' r='45' fill='url(%23g)'/><path d='M30 55 L45 70 L70 35' stroke='white' stroke-width='8' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!-- Header -->
|
||||||
|
<header class="header">
|
||||||
|
<div class="container header-inner">
|
||||||
|
<a href="#" class="logo">
|
||||||
|
<svg class="logo-icon" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
||||||
|
<defs>
|
||||||
|
<linearGradient id="logoGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||||
|
<stop offset="0%" stop-color="var(--primary)"/>
|
||||||
|
<stop offset="100%" stop-color="var(--secondary)"/>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<circle cx="20" cy="20" r="18" fill="url(#logoGrad)"/>
|
||||||
|
<path d="M12 22L17 27L28 14" stroke="white" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
</svg>
|
||||||
|
<span class="logo-text" lang="en">SeoPush</span>
|
||||||
|
</a>
|
||||||
|
<nav class="nav" aria-label="ניווט ראשי">
|
||||||
|
<a href="#how-it-works" class="nav-link">איך זה עובד</a>
|
||||||
|
<a href="#features" class="nav-link">יתרונות</a>
|
||||||
|
<a href="#pricing" class="nav-link">מחירים</a>
|
||||||
|
<a href="#faq" class="nav-link">שאלות נפוצות</a>
|
||||||
|
</nav>
|
||||||
|
<a href="#lead-form" class="btn btn-header">התחילו בחינם</a>
|
||||||
|
<button class="mobile-menu-btn" aria-label="פתח תפריט ניווט" aria-expanded="false" aria-controls="mobile-nav">
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<nav id="mobile-nav" class="mobile-nav" aria-label="ניווט נייד">
|
||||||
|
<a href="#how-it-works" class="mobile-nav-link">איך זה עובד</a>
|
||||||
|
<a href="#features" class="mobile-nav-link">יתרונות</a>
|
||||||
|
<a href="#pricing" class="mobile-nav-link">מחירים</a>
|
||||||
|
<a href="#faq" class="mobile-nav-link">שאלות נפוצות</a>
|
||||||
|
<a href="#lead-form" class="btn btn-primary mobile-nav-cta">התחילו בחינם</a>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<!-- Hero Section -->
|
||||||
|
<section class="hero">
|
||||||
|
<div class="hero-bg" aria-hidden="true"></div>
|
||||||
|
<div class="container hero-content">
|
||||||
|
<div class="hero-badge reveal">
|
||||||
|
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true">
|
||||||
|
<path d="M8 1L10 6L15 6.5L11.5 10L12.5 15L8 12.5L3.5 15L4.5 10L1 6.5L6 6L8 1Z" fill="currentColor"/>
|
||||||
|
</svg>
|
||||||
|
פלטפורמת AI לקידום אורגני
|
||||||
|
</div>
|
||||||
|
<h1 class="hero-title reveal">
|
||||||
|
תוכן שמקדם את האתר שלך —
|
||||||
|
<span class="gradient-text">כתוב, מותאם SEO ומפורסם אוטומטית</span>
|
||||||
|
</h1>
|
||||||
|
<p class="hero-subtitle reveal">
|
||||||
|
<span lang="en">SeoPush</span> יוצר עבורכם מאמרים איכותיים עם בינה מלאכותית, מבצע אופטימיזציה מלאה לגוגל, ומפרסם ישירות לאתר שלכם — הכל באופן אוטומטי.
|
||||||
|
</p>
|
||||||
|
<div class="hero-cta reveal">
|
||||||
|
<a href="#lead-form" class="btn btn-primary btn-large">
|
||||||
|
התחילו בחינם
|
||||||
|
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true">
|
||||||
|
<path d="M12.5 15L7.5 10L12.5 5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
<a href="#how-it-works" class="btn btn-secondary btn-large">
|
||||||
|
ראו איך זה עובד
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="hero-visual reveal" aria-hidden="true">
|
||||||
|
<div class="dashboard-mockup">
|
||||||
|
<div class="mockup-header">
|
||||||
|
<span class="mockup-dot"></span>
|
||||||
|
<span class="mockup-dot"></span>
|
||||||
|
<span class="mockup-dot"></span>
|
||||||
|
</div>
|
||||||
|
<div class="mockup-content">
|
||||||
|
<div class="mockup-sidebar">
|
||||||
|
<div class="mockup-menu-item active"></div>
|
||||||
|
<div class="mockup-menu-item"></div>
|
||||||
|
<div class="mockup-menu-item"></div>
|
||||||
|
<div class="mockup-menu-item"></div>
|
||||||
|
</div>
|
||||||
|
<div class="mockup-main">
|
||||||
|
<div class="mockup-card">
|
||||||
|
<div class="mockup-title"></div>
|
||||||
|
<div class="mockup-text"></div>
|
||||||
|
<div class="mockup-text short"></div>
|
||||||
|
</div>
|
||||||
|
<div class="mockup-stats">
|
||||||
|
<div class="mockup-stat">
|
||||||
|
<div class="stat-bar" style="--height: 60%"></div>
|
||||||
|
</div>
|
||||||
|
<div class="mockup-stat">
|
||||||
|
<div class="stat-bar" style="--height: 80%"></div>
|
||||||
|
</div>
|
||||||
|
<div class="mockup-stat">
|
||||||
|
<div class="stat-bar" style="--height: 45%"></div>
|
||||||
|
</div>
|
||||||
|
<div class="mockup-stat">
|
||||||
|
<div class="stat-bar" style="--height: 90%"></div>
|
||||||
|
</div>
|
||||||
|
<div class="mockup-stat">
|
||||||
|
<div class="stat-bar" style="--height: 70%"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Trust Bar -->
|
||||||
|
<section class="trust-bar" aria-label="נתונים מרשימים">
|
||||||
|
<div class="container">
|
||||||
|
<div class="trust-grid reveal">
|
||||||
|
<div class="trust-item">
|
||||||
|
<span class="trust-number">2,500+</span>
|
||||||
|
<span class="trust-label">אתרים מקודמים</span>
|
||||||
|
</div>
|
||||||
|
<div class="trust-divider" aria-hidden="true"></div>
|
||||||
|
<div class="trust-item">
|
||||||
|
<span class="trust-number">150K+</span>
|
||||||
|
<span class="trust-label">מאמרים שנוצרו</span>
|
||||||
|
</div>
|
||||||
|
<div class="trust-divider" aria-hidden="true"></div>
|
||||||
|
<div class="trust-item">
|
||||||
|
<span class="trust-number">98%</span>
|
||||||
|
<span class="trust-label">שביעות רצון</span>
|
||||||
|
</div>
|
||||||
|
<div class="trust-divider" aria-hidden="true"></div>
|
||||||
|
<div class="trust-item">
|
||||||
|
<span class="trust-number">24/7</span>
|
||||||
|
<span class="trust-label">פעילות אוטומטית</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Problem-Solution -->
|
||||||
|
<section class="problem-solution">
|
||||||
|
<div class="container">
|
||||||
|
<div class="section-header reveal">
|
||||||
|
<h2 class="section-title">הדרך הישנה מול הדרך החדשה</h2>
|
||||||
|
<p class="section-subtitle">כמה באמת עולה לכם קידום אורגני היום?</p>
|
||||||
|
</div>
|
||||||
|
<div class="comparison-grid">
|
||||||
|
<div class="comparison-card problem reveal">
|
||||||
|
<div class="comparison-icon" aria-hidden="true">
|
||||||
|
<svg viewBox="0 0 48 48" fill="none">
|
||||||
|
<circle cx="24" cy="24" r="22" stroke="currentColor" stroke-width="2"/>
|
||||||
|
<path d="M16 16L32 32M32 16L16 32" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3 class="comparison-title">הדרך המסורתית</h3>
|
||||||
|
<ul class="comparison-list">
|
||||||
|
<li>
|
||||||
|
<svg viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><circle cx="10" cy="10" r="3"/></svg>
|
||||||
|
₪800-2,000 למאמר מקצועי
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<svg viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><circle cx="10" cy="10" r="3"/></svg>
|
||||||
|
3-7 ימי עבודה לכל תוכן
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<svg viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><circle cx="10" cy="10" r="3"/></svg>
|
||||||
|
תיאום מול כותבים וסוכנויות
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<svg viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><circle cx="10" cy="10" r="3"/></svg>
|
||||||
|
העלאה ידנית לאתר
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<svg viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><circle cx="10" cy="10" r="3"/></svg>
|
||||||
|
מעקב דירוגים בנפרד
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="comparison-total">
|
||||||
|
<span class="total-label">עלות חודשית משוערת</span>
|
||||||
|
<span class="total-value">₪4,000-12,000</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="comparison-card solution reveal">
|
||||||
|
<div class="comparison-badge">מומלץ</div>
|
||||||
|
<div class="comparison-icon" aria-hidden="true">
|
||||||
|
<svg viewBox="0 0 48 48" fill="none">
|
||||||
|
<circle cx="24" cy="24" r="22" stroke="currentColor" stroke-width="2"/>
|
||||||
|
<path d="M14 24L21 31L34 17" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3 class="comparison-title">עם <span lang="en">SeoPush</span></h3>
|
||||||
|
<ul class="comparison-list">
|
||||||
|
<li>
|
||||||
|
<svg viewBox="0 0 20 20" aria-hidden="true"><circle cx="10" cy="10" r="8" fill="currentColor"/><path d="M7 10L9 12L13 8" stroke="white" stroke-width="1.5" fill="none"/></svg>
|
||||||
|
מאמרים ללא הגבלה
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<svg viewBox="0 0 20 20" aria-hidden="true"><circle cx="10" cy="10" r="8" fill="currentColor"/><path d="M7 10L9 12L13 8" stroke="white" stroke-width="1.5" fill="none"/></svg>
|
||||||
|
תוכן מוכן תוך דקות
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<svg viewBox="0 0 20 20" aria-hidden="true"><circle cx="10" cy="10" r="8" fill="currentColor"/><path d="M7 10L9 12L13 8" stroke="white" stroke-width="1.5" fill="none"/></svg>
|
||||||
|
הכל אוטומטי — בלי התעסקות
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<svg viewBox="0 0 20 20" aria-hidden="true"><circle cx="10" cy="10" r="8" fill="currentColor"/><path d="M7 10L9 12L13 8" stroke="white" stroke-width="1.5" fill="none"/></svg>
|
||||||
|
פרסום ישיר לאתר שלכם
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<svg viewBox="0 0 20 20" aria-hidden="true"><circle cx="10" cy="10" r="8" fill="currentColor"/><path d="M7 10L9 12L13 8" stroke="white" stroke-width="1.5" fill="none"/></svg>
|
||||||
|
מעקב דירוגים מובנה
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="comparison-total">
|
||||||
|
<span class="total-label">החל מ-</span>
|
||||||
|
<span class="total-value highlight">₪299/חודש</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- How It Works -->
|
||||||
|
<section id="how-it-works" class="how-it-works">
|
||||||
|
<div class="container">
|
||||||
|
<div class="section-header reveal">
|
||||||
|
<h2 class="section-title">איך <span lang="en">SeoPush</span> עובד?</h2>
|
||||||
|
<p class="section-subtitle">שלושה צעדים פשוטים לקידום אורגני אוטומטי</p>
|
||||||
|
</div>
|
||||||
|
<div class="steps-grid">
|
||||||
|
<div class="step-card reveal">
|
||||||
|
<div class="step-number">1</div>
|
||||||
|
<div class="step-icon" aria-hidden="true">
|
||||||
|
<svg viewBox="0 0 64 64" fill="none">
|
||||||
|
<rect x="8" y="12" width="48" height="40" rx="4" stroke="currentColor" stroke-width="2"/>
|
||||||
|
<path d="M8 24H56" stroke="currentColor" stroke-width="2"/>
|
||||||
|
<rect x="14" y="30" width="20" height="4" rx="2" fill="currentColor" opacity="0.3"/>
|
||||||
|
<rect x="14" y="38" width="28" height="4" rx="2" fill="currentColor" opacity="0.3"/>
|
||||||
|
<rect x="14" y="46" width="16" height="4" rx="2" fill="currentColor" opacity="0.3"/>
|
||||||
|
<circle cx="46" cy="40" r="8" stroke="currentColor" stroke-width="2"/>
|
||||||
|
<path d="M44 40L46 42L49 38" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3 class="step-title">בחרו נושאים ומילות מפתח</h3>
|
||||||
|
<p class="step-desc">הגדירו את התחומים שמעניינים אתכם או תנו ל-AI לזהות הזדמנויות קידום אוטומטית.</p>
|
||||||
|
</div>
|
||||||
|
<div class="step-connector reveal" aria-hidden="true">
|
||||||
|
<svg viewBox="0 0 100 20" fill="none">
|
||||||
|
<path d="M100 10H10M10 10L20 5M10 10L20 15" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<div class="step-card reveal">
|
||||||
|
<div class="step-number">2</div>
|
||||||
|
<div class="step-icon" aria-hidden="true">
|
||||||
|
<svg viewBox="0 0 64 64" fill="none">
|
||||||
|
<path d="M32 8L36 16H28L32 8Z" fill="currentColor"/>
|
||||||
|
<rect x="12" y="20" width="40" height="36" rx="4" stroke="currentColor" stroke-width="2"/>
|
||||||
|
<rect x="18" y="28" width="28" height="3" rx="1.5" fill="currentColor" opacity="0.3"/>
|
||||||
|
<rect x="18" y="34" width="24" height="3" rx="1.5" fill="currentColor" opacity="0.3"/>
|
||||||
|
<rect x="18" y="40" width="28" height="3" rx="1.5" fill="currentColor" opacity="0.3"/>
|
||||||
|
<rect x="18" y="46" width="20" height="3" rx="1.5" fill="currentColor" opacity="0.3"/>
|
||||||
|
<circle cx="48" cy="16" r="8" stroke="currentColor" stroke-width="2"/>
|
||||||
|
<text x="48" y="20" text-anchor="middle" fill="currentColor" font-size="10" font-weight="600">AI</text>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3 class="step-title">ה-AI יוצר תוכן מושלם</h3>
|
||||||
|
<p class="step-desc">מאמר מקיף עם כותרות, FAQ, תמונות ומטא תיאורים — הכל מותאם SEO.</p>
|
||||||
|
</div>
|
||||||
|
<div class="step-connector reveal" aria-hidden="true">
|
||||||
|
<svg viewBox="0 0 100 20" fill="none">
|
||||||
|
<path d="M100 10H10M10 10L20 5M10 10L20 15" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<div class="step-card reveal">
|
||||||
|
<div class="step-number">3</div>
|
||||||
|
<div class="step-icon" aria-hidden="true">
|
||||||
|
<svg viewBox="0 0 64 64" fill="none">
|
||||||
|
<rect x="8" y="8" width="48" height="40" rx="4" stroke="currentColor" stroke-width="2"/>
|
||||||
|
<path d="M8 20H56" stroke="currentColor" stroke-width="2"/>
|
||||||
|
<circle cx="16" cy="14" r="2" fill="currentColor"/>
|
||||||
|
<circle cx="24" cy="14" r="2" fill="currentColor"/>
|
||||||
|
<circle cx="32" cy="14" r="2" fill="currentColor"/>
|
||||||
|
<path d="M32 56V48" stroke="currentColor" stroke-width="2"/>
|
||||||
|
<rect x="20" y="54" width="24" height="4" rx="2" fill="currentColor"/>
|
||||||
|
<path d="M24 32L30 38L40 26" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3 class="step-title">פרסום אוטומטי לאתר</h3>
|
||||||
|
<p class="step-desc">התוכן עולה ישירות לוורדפרס או לאתר הסטטי שלכם, עם תזמון חכם.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Features -->
|
||||||
|
<section id="features" class="features">
|
||||||
|
<div class="container">
|
||||||
|
<div class="section-header reveal">
|
||||||
|
<h2 class="section-title">למה עסקים בוחרים ב-<span lang="en">SeoPush</span></h2>
|
||||||
|
<p class="section-subtitle">כל הכלים שאתם צריכים לקידום אורגני מנצח</p>
|
||||||
|
</div>
|
||||||
|
<div class="features-grid">
|
||||||
|
<div class="feature-card feature-highlight reveal">
|
||||||
|
<div class="feature-icon" aria-hidden="true">
|
||||||
|
<svg viewBox="0 0 48 48" fill="none">
|
||||||
|
<circle cx="24" cy="24" r="16" stroke="currentColor" stroke-width="2"/>
|
||||||
|
<path d="M24 16V24" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
|
||||||
|
<circle cx="24" cy="24" r="3" fill="currentColor"/>
|
||||||
|
<path d="M12 8L8 12M36 8L40 12M12 40L8 36M36 40L40 36" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3 class="feature-title">אוטופיילוט מלא</h3>
|
||||||
|
<p class="feature-desc">הפעילו ושכחו — <span lang="en">SeoPush</span> עובד ברקע 24/7 בלי שתצטרכו לגעת במשהו.</p>
|
||||||
|
</div>
|
||||||
|
<div class="feature-card reveal">
|
||||||
|
<div class="feature-icon" aria-hidden="true">
|
||||||
|
<svg viewBox="0 0 48 48" fill="none">
|
||||||
|
<circle cx="24" cy="24" r="20" stroke="currentColor" stroke-width="2"/>
|
||||||
|
<path d="M24 14V24L30 28" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3 class="feature-title">קמפיינים אוטומטיים</h3>
|
||||||
|
<p class="feature-desc">הגדירו קמפיין פעם אחת והמערכת תייצר ותפרסם תוכן באופן רציף.</p>
|
||||||
|
</div>
|
||||||
|
<div class="feature-card reveal">
|
||||||
|
<div class="feature-icon" aria-hidden="true">
|
||||||
|
<svg viewBox="0 0 48 48" fill="none">
|
||||||
|
<path d="M8 36L16 28L24 32L32 20L40 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M36 20H40V24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<rect x="6" y="8" width="36" height="32" rx="4" stroke="currentColor" stroke-width="2"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3 class="feature-title">מעקב דירוגים</h3>
|
||||||
|
<p class="feature-desc">עקבו אחרי הביצועים של כל מילת מפתח וראו איך האתר מטפס בתוצאות.</p>
|
||||||
|
</div>
|
||||||
|
<div class="feature-card reveal">
|
||||||
|
<div class="feature-icon" aria-hidden="true">
|
||||||
|
<svg viewBox="0 0 48 48" fill="none">
|
||||||
|
<rect x="6" y="10" width="14" height="14" rx="2" stroke="currentColor" stroke-width="2"/>
|
||||||
|
<rect x="6" y="28" width="14" height="14" rx="2" stroke="currentColor" stroke-width="2"/>
|
||||||
|
<rect x="28" y="10" width="14" height="14" rx="2" stroke="currentColor" stroke-width="2"/>
|
||||||
|
<rect x="28" y="28" width="14" height="14" rx="2" stroke="currentColor" stroke-width="2"/>
|
||||||
|
<path d="M20 17H28M20 35H28M13 24V28M35 24V28" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3 class="feature-title">תזמון חכם</h3>
|
||||||
|
<p class="feature-desc">קבעו קצב פרסום יומי, שבועי או חודשי — המערכת תדאג להכל.</p>
|
||||||
|
</div>
|
||||||
|
<div class="feature-card reveal">
|
||||||
|
<div class="feature-icon" aria-hidden="true">
|
||||||
|
<svg viewBox="0 0 48 48" fill="none">
|
||||||
|
<path d="M12 8H36C38.2091 8 40 9.79086 40 12V36C40 38.2091 38.2091 40 36 40H12C9.79086 40 8 38.2091 8 36V12C8 9.79086 9.79086 8 12 8Z" stroke="currentColor" stroke-width="2"/>
|
||||||
|
<path d="M16 24H32M16 18H28M16 30H24" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
|
||||||
|
<circle cx="36" cy="36" r="8" fill="currentColor"/>
|
||||||
|
<path d="M34 36L36 38L39 34" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3 class="feature-title">תוכן עם FAQ</h3>
|
||||||
|
<p class="feature-desc">כל מאמר כולל שאלות נפוצות שמגדילות את הסיכוי ל-Featured Snippets.</p>
|
||||||
|
</div>
|
||||||
|
<div class="feature-card reveal">
|
||||||
|
<div class="feature-icon" aria-hidden="true">
|
||||||
|
<svg viewBox="0 0 48 48" fill="none">
|
||||||
|
<rect x="4" y="8" width="18" height="32" rx="2" stroke="currentColor" stroke-width="2"/>
|
||||||
|
<rect x="26" y="8" width="18" height="32" rx="2" stroke="currentColor" stroke-width="2"/>
|
||||||
|
<path d="M8 16H18M8 22H16M30 16H40M30 22H38M30 28H36" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
|
||||||
|
<circle cx="13" cy="32" r="4" stroke="currentColor" stroke-width="2"/>
|
||||||
|
<circle cx="35" cy="32" r="4" stroke="currentColor" stroke-width="2"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3 class="feature-title">וורדפרס + אתרים סטטיים</h3>
|
||||||
|
<p class="feature-desc">תמיכה מלאה באתרי וורדפרס ואתרים סטטיים — חיבור מהיר ופשוט.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Pricing -->
|
||||||
|
<section id="pricing" class="pricing">
|
||||||
|
<div class="container">
|
||||||
|
<div class="section-header reveal">
|
||||||
|
<h2 class="section-title">תכנית שמתאימה לכל עסק</h2>
|
||||||
|
<p class="section-subtitle">התחילו בחינם ושדרגו כשאתם מוכנים</p>
|
||||||
|
</div>
|
||||||
|
<div class="pricing-grid">
|
||||||
|
<div class="pricing-card reveal">
|
||||||
|
<div class="pricing-header">
|
||||||
|
<h3 class="pricing-name">סטארטר</h3>
|
||||||
|
<div class="pricing-price">
|
||||||
|
<span class="price-currency">₪</span>
|
||||||
|
<span class="price-amount" lang="en">299</span>
|
||||||
|
<span class="price-period">/חודש</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<ul class="pricing-features">
|
||||||
|
<li>
|
||||||
|
<svg viewBox="0 0 20 20" aria-hidden="true"><circle cx="10" cy="10" r="8" fill="currentColor"/><path d="M7 10L9 12L13 8" stroke="white" stroke-width="1.5" fill="none"/></svg>
|
||||||
|
עד 10 מאמרים בחודש
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<svg viewBox="0 0 20 20" aria-hidden="true"><circle cx="10" cy="10" r="8" fill="currentColor"/><path d="M7 10L9 12L13 8" stroke="white" stroke-width="1.5" fill="none"/></svg>
|
||||||
|
אתר אחד מחובר
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<svg viewBox="0 0 20 20" aria-hidden="true"><circle cx="10" cy="10" r="8" fill="currentColor"/><path d="M7 10L9 12L13 8" stroke="white" stroke-width="1.5" fill="none"/></svg>
|
||||||
|
מעקב 50 מילות מפתח
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<svg viewBox="0 0 20 20" aria-hidden="true"><circle cx="10" cy="10" r="8" fill="currentColor"/><path d="M7 10L9 12L13 8" stroke="white" stroke-width="1.5" fill="none"/></svg>
|
||||||
|
תמיכה במייל
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<a href="#lead-form" class="btn btn-outline btn-block">התחילו עכשיו</a>
|
||||||
|
</div>
|
||||||
|
<div class="pricing-card featured reveal">
|
||||||
|
<div class="pricing-badge">הכי פופולרי</div>
|
||||||
|
<div class="pricing-header">
|
||||||
|
<h3 class="pricing-name">צמיחה</h3>
|
||||||
|
<div class="pricing-price">
|
||||||
|
<span class="price-currency">₪</span>
|
||||||
|
<span class="price-amount" lang="en">599</span>
|
||||||
|
<span class="price-period">/חודש</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<ul class="pricing-features">
|
||||||
|
<li>
|
||||||
|
<svg viewBox="0 0 20 20" aria-hidden="true"><circle cx="10" cy="10" r="8" fill="currentColor"/><path d="M7 10L9 12L13 8" stroke="white" stroke-width="1.5" fill="none"/></svg>
|
||||||
|
עד 30 מאמרים בחודש
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<svg viewBox="0 0 20 20" aria-hidden="true"><circle cx="10" cy="10" r="8" fill="currentColor"/><path d="M7 10L9 12L13 8" stroke="white" stroke-width="1.5" fill="none"/></svg>
|
||||||
|
3 אתרים מחוברים
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<svg viewBox="0 0 20 20" aria-hidden="true"><circle cx="10" cy="10" r="8" fill="currentColor"/><path d="M7 10L9 12L13 8" stroke="white" stroke-width="1.5" fill="none"/></svg>
|
||||||
|
מעקב 200 מילות מפתח
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<svg viewBox="0 0 20 20" aria-hidden="true"><circle cx="10" cy="10" r="8" fill="currentColor"/><path d="M7 10L9 12L13 8" stroke="white" stroke-width="1.5" fill="none"/></svg>
|
||||||
|
אוטופיילוט מלא
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<svg viewBox="0 0 20 20" aria-hidden="true"><circle cx="10" cy="10" r="8" fill="currentColor"/><path d="M7 10L9 12L13 8" stroke="white" stroke-width="1.5" fill="none"/></svg>
|
||||||
|
תמיכת צ׳אט בעברית
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<a href="#lead-form" class="btn btn-primary btn-block">התחילו עכשיו</a>
|
||||||
|
</div>
|
||||||
|
<div class="pricing-card reveal">
|
||||||
|
<div class="pricing-header">
|
||||||
|
<h3 class="pricing-name">ארגוני</h3>
|
||||||
|
<div class="pricing-price">
|
||||||
|
<span class="price-currency">₪</span>
|
||||||
|
<span class="price-amount" lang="en">1,199</span>
|
||||||
|
<span class="price-period">/חודש</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<ul class="pricing-features">
|
||||||
|
<li>
|
||||||
|
<svg viewBox="0 0 20 20" aria-hidden="true"><circle cx="10" cy="10" r="8" fill="currentColor"/><path d="M7 10L9 12L13 8" stroke="white" stroke-width="1.5" fill="none"/></svg>
|
||||||
|
מאמרים ללא הגבלה
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<svg viewBox="0 0 20 20" aria-hidden="true"><circle cx="10" cy="10" r="8" fill="currentColor"/><path d="M7 10L9 12L13 8" stroke="white" stroke-width="1.5" fill="none"/></svg>
|
||||||
|
אתרים ללא הגבלה
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<svg viewBox="0 0 20 20" aria-hidden="true"><circle cx="10" cy="10" r="8" fill="currentColor"/><path d="M7 10L9 12L13 8" stroke="white" stroke-width="1.5" fill="none"/></svg>
|
||||||
|
מעקב 1,000 מילות מפתח
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<svg viewBox="0 0 20 20" aria-hidden="true"><circle cx="10" cy="10" r="8" fill="currentColor"/><path d="M7 10L9 12L13 8" stroke="white" stroke-width="1.5" fill="none"/></svg>
|
||||||
|
מנהל לקוח ייעודי
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<svg viewBox="0 0 20 20" aria-hidden="true"><circle cx="10" cy="10" r="8" fill="currentColor"/><path d="M7 10L9 12L13 8" stroke="white" stroke-width="1.5" fill="none"/></svg>
|
||||||
|
<span lang="en">API</span> מלא
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<a href="#lead-form" class="btn btn-outline btn-block">צרו קשר</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Testimonials -->
|
||||||
|
<section class="testimonials" aria-label="המלצות לקוחות">
|
||||||
|
<div class="container">
|
||||||
|
<div class="section-header reveal">
|
||||||
|
<h2 class="section-title">מה הלקוחות שלנו אומרים</h2>
|
||||||
|
</div>
|
||||||
|
<div class="testimonials-grid">
|
||||||
|
<div class="testimonial-card reveal">
|
||||||
|
<div class="testimonial-content">
|
||||||
|
<svg class="quote-icon" viewBox="0 0 32 32" fill="currentColor" aria-hidden="true">
|
||||||
|
<path d="M6 18H12L8 26H14L18 18V6H6V18ZM20 18H26L22 26H28L32 18V6H20V18Z"/>
|
||||||
|
</svg>
|
||||||
|
<blockquote class="testimonial-text">״תוך חודשיים הכפלנו את התנועה האורגנית. ה-AI כותב תוכן ברמה שהייתי צריך לשלם אלפי שקלים עליה.״</blockquote>
|
||||||
|
</div>
|
||||||
|
<div class="testimonial-author">
|
||||||
|
<div class="author-avatar" aria-hidden="true">יש</div>
|
||||||
|
<div class="author-info">
|
||||||
|
<span class="author-name">ישראל כהן</span>
|
||||||
|
<span class="author-role">מנכ״ל, חברת SaaS</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="testimonial-card reveal">
|
||||||
|
<div class="testimonial-content">
|
||||||
|
<svg class="quote-icon" viewBox="0 0 32 32" fill="currentColor" aria-hidden="true">
|
||||||
|
<path d="M6 18H12L8 26H14L18 18V6H6V18ZM20 18H26L22 26H28L32 18V6H20V18Z"/>
|
||||||
|
</svg>
|
||||||
|
<blockquote class="testimonial-text">״חסכתי לעצמי 20 שעות בשבוע. במקום לכתוב תוכן, אני מתמקדת בלפתח את העסק. <span lang="en">SeoPush</span> משנה את חוקי המשחק.״</blockquote>
|
||||||
|
</div>
|
||||||
|
<div class="testimonial-author">
|
||||||
|
<div class="author-avatar" aria-hidden="true">מי</div>
|
||||||
|
<div class="author-info">
|
||||||
|
<span class="author-name">מיכל לוי</span>
|
||||||
|
<span class="author-role">בעלת חנות אונליין</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="testimonial-card reveal">
|
||||||
|
<div class="testimonial-content">
|
||||||
|
<svg class="quote-icon" viewBox="0 0 32 32" fill="currentColor" aria-hidden="true">
|
||||||
|
<path d="M6 18H12L8 26H14L18 18V6H6V18ZM20 18H26L22 26H28L32 18V6H20V18Z"/>
|
||||||
|
</svg>
|
||||||
|
<blockquote class="testimonial-text">״אחרי שנים של תסכול מקידום אורגני, סוף סוף יש פתרון שעובד. התוכן מדויק, ה-SEO מעולה, והתוצאות מדברות.״</blockquote>
|
||||||
|
</div>
|
||||||
|
<div class="testimonial-author">
|
||||||
|
<div class="author-avatar" aria-hidden="true">דב</div>
|
||||||
|
<div class="author-info">
|
||||||
|
<span class="author-name">דביר אברהם</span>
|
||||||
|
<span class="author-role">משווק דיגיטלי</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- FAQ -->
|
||||||
|
<section id="faq" class="faq">
|
||||||
|
<div class="container">
|
||||||
|
<div class="section-header reveal">
|
||||||
|
<h2 class="section-title">שאלות נפוצות</h2>
|
||||||
|
<p class="section-subtitle">כל מה שרציתם לדעת על <span lang="en">SeoPush</span></p>
|
||||||
|
</div>
|
||||||
|
<div class="faq-list">
|
||||||
|
<div class="faq-item reveal">
|
||||||
|
<button class="faq-question" aria-expanded="false">
|
||||||
|
<span>איך ה-AI יודע מה לכתוב?</span>
|
||||||
|
<svg class="faq-icon" viewBox="0 0 24 24" fill="none" aria-hidden="true">
|
||||||
|
<path d="M6 9L12 15L18 9" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
<div class="faq-answer">
|
||||||
|
<p><span lang="en">SeoPush</span> מנתח את התחום שלכם, חוקר מילות מפתח עם פוטנציאל תנועה גבוה, ובודק מה עובד אצל המתחרים. על סמך הנתונים האלה, ה-AI יוצר תוכן מותאם שעונה על שאלות אמיתיות שאנשים מחפשים.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="faq-item reveal">
|
||||||
|
<button class="faq-question" aria-expanded="false">
|
||||||
|
<span>האם התוכן באמת איכותי?</span>
|
||||||
|
<svg class="faq-icon" viewBox="0 0 24 24" fill="none" aria-hidden="true">
|
||||||
|
<path d="M6 9L12 15L18 9" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
<div class="faq-answer">
|
||||||
|
<p>התוכן שנוצר עובר בדיקות איכות אוטומטיות ומבוסס על מודלי AI מתקדמים. המאמרים כוללים מבנה נכון, FAQ, תמונות ממוטבות, וכתיבה בעברית טבעית שנשמעת כמו אדם כתב אותה.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="faq-item reveal">
|
||||||
|
<button class="faq-question" aria-expanded="false">
|
||||||
|
<span>כמה זמן לוקח לראות תוצאות?</span>
|
||||||
|
<svg class="faq-icon" viewBox="0 0 24 24" fill="none" aria-hidden="true">
|
||||||
|
<path d="M6 9L12 15L18 9" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
<div class="faq-answer">
|
||||||
|
<p>SEO הוא תהליך שלוקח זמן, אבל לקוחות רבים מדווחים על עלייה בתנועה תוך 4-8 שבועות. היתרון של <span lang="en">SeoPush</span> הוא שהוא עובד ברציפות, מה שמאיץ את התוצאות לעומת פרסום ספורדי.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="faq-item reveal">
|
||||||
|
<button class="faq-question" aria-expanded="false">
|
||||||
|
<span>איך מחברים את האתר?</span>
|
||||||
|
<svg class="faq-icon" viewBox="0 0 24 24" fill="none" aria-hidden="true">
|
||||||
|
<path d="M6 9L12 15L18 9" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
<div class="faq-answer">
|
||||||
|
<p>לוורדפרס יש תוסף ייעודי שמתקינים בקליק אחד. לאתרים סטטיים, אנחנו מספקים API פשוט או אפשרות לפרסום דרך GitHub/Netlify. תהליך החיבור לוקח פחות מ-5 דקות.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="faq-item reveal">
|
||||||
|
<button class="faq-question" aria-expanded="false">
|
||||||
|
<span>האם יש התחייבות?</span>
|
||||||
|
<svg class="faq-icon" viewBox="0 0 24 24" fill="none" aria-hidden="true">
|
||||||
|
<path d="M6 9L12 15L18 9" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
<div class="faq-answer">
|
||||||
|
<p>לא. כל התכניות הן חודשיות וניתן לבטל בכל עת. אנחנו כל כך בטוחים במוצר שאנחנו מציעים 14 ימי ניסיון חינם ללא צורך בכרטיס אשראי.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="faq-item reveal">
|
||||||
|
<button class="faq-question" aria-expanded="false">
|
||||||
|
<span>מה קורה אם אני לא מרוצה?</span>
|
||||||
|
<svg class="faq-icon" viewBox="0 0 24 24" fill="none" aria-hidden="true">
|
||||||
|
<path d="M6 9L12 15L18 9" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
<div class="faq-answer">
|
||||||
|
<p>יש לנו מדיניות החזר כספי מלא ב-30 הימים הראשונים. אם <span lang="en">SeoPush</span> לא עובד בשבילכם, תקבלו את כספכם בחזרה — בלי שאלות.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Final CTA -->
|
||||||
|
<section class="final-cta">
|
||||||
|
<div class="container">
|
||||||
|
<div class="cta-content reveal">
|
||||||
|
<h2 class="cta-title">מוכנים להתחיל לקדם את האתר שלכם?</h2>
|
||||||
|
<p class="cta-subtitle">הצטרפו לאלפי עסקים שכבר מקדמים עם <span lang="en">SeoPush</span></p>
|
||||||
|
<a href="#lead-form" class="btn btn-primary btn-large">
|
||||||
|
קבלו ניתוח SEO חינם
|
||||||
|
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true">
|
||||||
|
<path d="M12.5 15L7.5 10L12.5 5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<footer id="lead-form" class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<div class="footer-grid">
|
||||||
|
<div class="footer-brand">
|
||||||
|
<a href="#" class="logo">
|
||||||
|
<svg class="logo-icon" viewBox="0 0 40 40" fill="none" aria-hidden="true">
|
||||||
|
<defs>
|
||||||
|
<linearGradient id="footerLogoGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||||
|
<stop offset="0%" stop-color="var(--primary)"/>
|
||||||
|
<stop offset="100%" stop-color="var(--secondary)"/>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<circle cx="20" cy="20" r="18" fill="url(#footerLogoGrad)"/>
|
||||||
|
<path d="M12 22L17 27L28 14" stroke="white" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
</svg>
|
||||||
|
<span class="logo-text" lang="en">SeoPush</span>
|
||||||
|
</a>
|
||||||
|
<p class="footer-desc">פלטפורמת AI ליצירת תוכן וקידום SEO אוטומטי לאתרי וורדפרס ואתרים סטטיים.</p>
|
||||||
|
</div>
|
||||||
|
<div class="footer-form-wrapper">
|
||||||
|
<h3 class="footer-form-title">קבלו ניתוח SEO חינם לאתר שלכם</h3>
|
||||||
|
<form class="lead-form" action="#" method="POST" novalidate>
|
||||||
|
<div class="form-row">
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="name" class="visually-hidden">שם מלא</label>
|
||||||
|
<input type="text" id="name" name="name" placeholder="שם מלא" required autocomplete="name">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="email" class="visually-hidden">אימייל</label>
|
||||||
|
<input type="email" id="email" name="email" placeholder="אימייל" required autocomplete="email">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="website" class="visually-hidden">כתובת האתר</label>
|
||||||
|
<input type="url" id="website" name="website" placeholder="כתובת האתר (URL)" autocomplete="url">
|
||||||
|
</div>
|
||||||
|
<button type="submit" class="btn btn-primary btn-block btn-large">
|
||||||
|
קבלו ניתוח SEO חינם
|
||||||
|
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true">
|
||||||
|
<path d="M12.5 15L7.5 10L12.5 5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-bottom">
|
||||||
|
<p>© 2025 <span lang="en">SeoPush</span>. כל הזכויות שמורות.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<script src="script.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,142 @@
|
|||||||
|
(function() {
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
// Mobile menu toggle
|
||||||
|
const mobileMenuBtn = document.querySelector('.mobile-menu-btn');
|
||||||
|
const mobileNav = document.querySelector('.mobile-nav');
|
||||||
|
|
||||||
|
if (mobileMenuBtn && mobileNav) {
|
||||||
|
mobileMenuBtn.addEventListener('click', function() {
|
||||||
|
const isExpanded = this.getAttribute('aria-expanded') === 'true';
|
||||||
|
this.setAttribute('aria-expanded', !isExpanded);
|
||||||
|
mobileNav.classList.toggle('active');
|
||||||
|
});
|
||||||
|
|
||||||
|
// Close mobile menu when clicking a link
|
||||||
|
mobileNav.querySelectorAll('a').forEach(function(link) {
|
||||||
|
link.addEventListener('click', function() {
|
||||||
|
mobileMenuBtn.setAttribute('aria-expanded', 'false');
|
||||||
|
mobileNav.classList.remove('active');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// FAQ accordion
|
||||||
|
const faqItems = document.querySelectorAll('.faq-item');
|
||||||
|
|
||||||
|
faqItems.forEach(function(item) {
|
||||||
|
const question = item.querySelector('.faq-question');
|
||||||
|
|
||||||
|
question.addEventListener('click', function() {
|
||||||
|
const isExpanded = this.getAttribute('aria-expanded') === 'true';
|
||||||
|
|
||||||
|
// Close all other items
|
||||||
|
faqItems.forEach(function(otherItem) {
|
||||||
|
if (otherItem !== item) {
|
||||||
|
otherItem.classList.remove('active');
|
||||||
|
otherItem.querySelector('.faq-question').setAttribute('aria-expanded', 'false');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// Toggle current item
|
||||||
|
this.setAttribute('aria-expanded', !isExpanded);
|
||||||
|
item.classList.toggle('active');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// Scroll reveal animation
|
||||||
|
const revealElements = document.querySelectorAll('.reveal');
|
||||||
|
|
||||||
|
if (revealElements.length > 0 && !window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
|
||||||
|
const revealObserver = new IntersectionObserver(function(entries) {
|
||||||
|
entries.forEach(function(entry) {
|
||||||
|
if (entry.isIntersecting) {
|
||||||
|
entry.target.classList.add('visible');
|
||||||
|
revealObserver.unobserve(entry.target);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}, {
|
||||||
|
threshold: 0.1,
|
||||||
|
rootMargin: '0px 0px -50px 0px'
|
||||||
|
});
|
||||||
|
|
||||||
|
revealElements.forEach(function(el) {
|
||||||
|
revealObserver.observe(el);
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
// If reduced motion is preferred, show all elements immediately
|
||||||
|
revealElements.forEach(function(el) {
|
||||||
|
el.classList.add('visible');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Smooth scroll for anchor links
|
||||||
|
document.querySelectorAll('a[href^="#"]').forEach(function(anchor) {
|
||||||
|
anchor.addEventListener('click', function(e) {
|
||||||
|
const targetId = this.getAttribute('href');
|
||||||
|
if (targetId === '#') return;
|
||||||
|
|
||||||
|
const targetElement = document.querySelector(targetId);
|
||||||
|
if (targetElement) {
|
||||||
|
e.preventDefault();
|
||||||
|
const headerHeight = document.querySelector('.header').offsetHeight;
|
||||||
|
const targetPosition = targetElement.getBoundingClientRect().top + window.pageYOffset - headerHeight - 20;
|
||||||
|
|
||||||
|
window.scrollTo({
|
||||||
|
top: targetPosition,
|
||||||
|
behavior: 'smooth'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// Form submission handling
|
||||||
|
const leadForm = document.querySelector('.lead-form');
|
||||||
|
|
||||||
|
if (leadForm) {
|
||||||
|
leadForm.addEventListener('submit', function(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
|
||||||
|
const formData = new FormData(this);
|
||||||
|
const submitBtn = this.querySelector('button[type="submit"]');
|
||||||
|
const originalText = submitBtn.innerHTML;
|
||||||
|
|
||||||
|
// Show loading state
|
||||||
|
submitBtn.innerHTML = '<span>שולח...</span>';
|
||||||
|
submitBtn.disabled = true;
|
||||||
|
|
||||||
|
// Simulate form submission (replace with actual endpoint)
|
||||||
|
setTimeout(function() {
|
||||||
|
submitBtn.innerHTML = '<span>✓ נשלח בהצלחה!</span>';
|
||||||
|
submitBtn.style.background = 'linear-gradient(135deg, #10b981 0%, #059669 100%)';
|
||||||
|
|
||||||
|
// Reset form
|
||||||
|
leadForm.reset();
|
||||||
|
|
||||||
|
// Reset button after delay
|
||||||
|
setTimeout(function() {
|
||||||
|
submitBtn.innerHTML = originalText;
|
||||||
|
submitBtn.style.background = '';
|
||||||
|
submitBtn.disabled = false;
|
||||||
|
}, 3000);
|
||||||
|
}, 1500);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Header background on scroll
|
||||||
|
const header = document.querySelector('.header');
|
||||||
|
let lastScroll = 0;
|
||||||
|
|
||||||
|
window.addEventListener('scroll', function() {
|
||||||
|
const currentScroll = window.pageYOffset;
|
||||||
|
|
||||||
|
if (currentScroll > 50) {
|
||||||
|
header.style.background = 'rgba(15, 15, 26, 0.95)';
|
||||||
|
} else {
|
||||||
|
header.style.background = 'rgba(15, 15, 26, 0.8)';
|
||||||
|
}
|
||||||
|
|
||||||
|
lastScroll = currentScroll;
|
||||||
|
}, { passive: true });
|
||||||
|
|
||||||
|
})();
|
||||||
Reference in New Issue
Block a user