<!DOCTYPE html>
<html lang="he" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Royale Socials - ניהול מדיה חברתית</title>
    <link href="https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;700;900&display=swap" rel="stylesheet">
    <style>
</style>
        </head>
        <body>
            <div class="loading-screen" id="loadingScreen">
                <div class="logo-animation">
                    <svg width="100" height="100" viewBox="0 0 100 100">
                        <path class="crown-path" d="M10,70 L90,70 L80,40 L50,60 L20,40 L10,70" fill="none" stroke="#C6A95D" stroke-width="2">
                            <animate 
                                attributeName="d" 
                                from="M50,50 L50,50 L50,50 L50,50 L50,50 L50,50" 
                                to="M10,70 L90,70 L80,40 L50,60 L20,40 L10,70"
                                dur="2s"
                                fill="freeze"
                            />
                            <animate
                                attributeName="fill"
                                from="none"
                                to="#C6A95D"
                                dur="0.5s"
                                begin="1.5s"
                                fill="freeze"
                            />
                        </path>
                        <path class="crown-detail" d="M20,40 C20,40 35,20 50,40 C65,20 80,40 80,40" fill="none" stroke="#C6A95D" stroke-width="2" opacity="0">
                            <animate
                                attributeName="opacity"
                                from="0"
                                to="1"
                                dur="0.5s"
                                begin="2s"
                                fill="freeze"
                            />
                        </path>
                    </svg>
                </div>
                <div class="logo-text">Royale Socials</div>
            </div>

            <div class="animated-bg"></div>

            <header id="header">
                <div class="container">
                    <div class="logo">Royale Socials</div>
                </div>
            </header>

            <main class="parallax-wrapper">
                <section class="hero parallax-section">
                    <div class="parallax-bg"></div>
                    <div class="container hero-content">
                        <h1>ניהול מדיה חברתית ברמה אחרת</h1>
                        <p>מובילים את המותג שלך לפסגה עם אסטרטגיה דיגיטלית מותאמת אישית</p>
                    </div>
                </section>

                <section class="packages">
                    <div class="container">
                        <div class="section-header">
                            <h2>חבילות שירות</h2>
                            <p>בחרו את החבילה המתאימה לכם</p>
                        </div>

                        <div class="packages-grid">
                            <!-- Basic Package -->
                            <div class="package-card">
                                <h3>חבילה בסיסית</h3>
                                <div class="package-price">₪450</div>
                                <p>לחודש</p>
                                <ul class="package-features">
                                    <li>2 סרטונים בחודש</li>
                                </ul>
                                <a href="https://wa.me/972542234624" class="btn" target="_blank">להצטרפות</a>
                            </div>

                            <!-- Standard Package -->
                            <div class="package-card">
                                <h3>חבילה מתקדמת</h3>
                                <div class="package-price">₪850</div>
                                <p>לחודש</p>
                                <ul class="package-features">
                                    <li>3 סרטונים בחודש</li>
                                    <li>הפניית תגובות ומענה לשאלות</li>
                                </ul>
                                <a href="https://wa.me/972542234624" class="btn" target="_blank">להצטרפות</a>
                            </div>

                            <!-- Premium Package -->
                            <div class="package-card">
                             <div class="limited-offer-tag">מבצע מיוחד!</div>
                             <h3>חבילה פרימיום</h3>
                             <div class="package-price">
                              <span class="original-price">₪1,299</span>
                              ₪999
                             </div>
                             <p>לחודש</p>
                             <ul class="package-features">
                              <li>6 סרטונים בחודש</li>
                              <li>מענה מלא לתגובות</li>
                              <li>סטוריז ותוכן נוסף</li>
                             </ul>
                                <a href="https://wa.me/972542234624" class="btn" target="_blank">להצטרפות</a>
                            </div>

                            <!-- Custom Package -->
                            <div class="package-card custom">
                                <h3>חבילה בהתאמה אישית</h3>
                                <div class="package-price">₪???</div>
                                <p>בנה את החבילה המושלמת</p>
                                <ul class="package-features">
                                    <li>בחר כמות סרטונים</li>
                                    <li>התאם את רמת הניהול</li>
                                    <li>קבל הצעת מחיר מותאמת</li>
                                </ul>
                                <a href="#" class="btn" onclick="openCustomPackage()">בנה חבילה</a>
                            </div>
                        </div>
                    </div>
                </section>
                <section class="courses">
                        <div class="container">
                            <div class="section-header">
                                <h2>קורסים מקצועיים</h2>
                                <p>פתח את הדלת להצלחה בעולם המדיה החברתית</p>
                            </div>

                            <div class="courses-grid">
                                <!-- Social Yourself Course -->
                                <div class="course-card">
                                    <h3>Social Yourself</h3>
                                    <div class="package-price">₪3,000</div>
                                    <p>6 מפגשים | 40 דקות כל מפגש</p>
                                    <ul class="course-meetings">
                                        <li>מפגש 1: מבוא ואפיון סוג המדיה המתאים</li>
                                        <li>מפגש 2: יצירת חיבור רגשי עם הלקוחות</li>
                                        <li>מפגש 3: טכניקות פסיכולוגיות ומבחן אמצע</li>
                                        <li>מפגש 4: כלי עריכה בסיסיים ומתקדמים</li>
                                        <li>מפגש 5: אסטרטגיית העלאת תוכן</li>
                                        <li>מפגש 6: מבחן סיום וסיכום הקורס</li>
                                    </ul>
                                    <a href="https://wa.me/972542234624" class="btn" target="_blank">להרשמה</a>
                                </div>

                                <!-- Media Filming Course -->
                                <div class="course-card">
                                    <h3>צילום מדיה מקצועי</h3>
                                    <div class="package-price">₪2,499</div>
                                    <p>4 מפגשים | 40 דקות כל מפגש</p>
                                    <ul class="course-meetings">
                                        <li>מפגש 1: מבוא וסקירת עבודות לדוגמה</li>
                                        <li>מפגש 2: בניית תסריט ושאלות מפתח</li>
                                        <li>מפגש 3: טכניקות צילום מתקדמות</li>
                                        <li>מפגש 4: מבחן מסכם וסיכום הקורס</li>
                                    </ul>
                                    <a href="https://wa.me/972542234624" class="btn" target="_blank">להרשמה</a>
                                </div>

                                <!-- Social Media Analysis Course -->
                                <div class="course-card">
                                    <h3>ניתוח מדיה חברתית</h3>
                                    <div class="package-price">₪2,499</div>
                                    <p>3 מפגשים | שעה כל מפגש</p>
                                    <ul class="course-meetings">
                                        <li>מפגש 1: הבנת וניתוח מדיה חברתית</li>
                                        <li>מפגש 2: טקטיקות קידום וניתוח אנליטי</li>
                                        <li>מפגש 3: מבחן מסכם וטקטיקות מתקדמות</li>
                                    </ul>
                                    <a href="https://wa.me/972542234624" class="btn" target="_blank">להרשמה</a>
                                </div>

                                <!-- Bundle Package -->
                                <div class="course-card bundle-card">
                                    <div class="limited-offer-tag">חבילת חיסכון!</div>
                                    <h3>חבילת שלושת הקורסים</h3>
                                    <div class="package-price">
                                        <span class="original-bundle-price">₪8,000</span>
                                        ₪6,399
                                    </div>
                                    <p>כל הקורסים במחיר מיוחד</p>
                                    <ul class="package-features">
                                        <li>Social Yourself</li>
                                        <li>צילום מדיה מקצועי</li>
                                        <li>ניתוח מדיה חברתית</li>
                                        <li>חיסכון של ₪1,601</li>
                                    </ul>
                                    <a href="https://wa.me/972542234624" class="btn" target="_blank">להרשמה לחבילה</a>
                                </div>
                            </div>
                        </div>
                    </section>
                <footer class="footer">
                    <div class="container">
                        <div class="footer-content">
                            <div class="logo">Royale Socials</div>
                            <div class="credits">
                                <p>© 2024 Royale Socials</p>
                                <p>כל הזכויות שמורות</p>
                                <p>עיצוב ופיתוח: רויאל מדיה גרופ</p>
                                <p>טלפון: 054-2234624</p>
                            </div>
                        </div>
                    </div>
                </footer>
                </main>
            </main>

            <!-- Chat Button -->
            <div class="chat-button" id="chatButton">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                    <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
                </svg>
            </div>

            <!-- Chat Window -->
            <div class="chat-window" id="chatWindow">
                <div class="chat-header">
                    איך אפשר לעזור?
                    <span class="modal-close" id="chatClose">&times;</span>
                </div>
                <div class="chat-messages" id="chatMessages"></div>
                <div class="chat-input">
                    <input type="text" placeholder="הקלד הודעה..." id="chatInput">
                    <button onclick="sendMessage()">שלח</button>
                </div>
            </div>

            <!-- WhatsApp Button -->
            <a href="https://wa.me/972542234624" class="whatsapp-button" target="_blank">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="#ffffff">
                    <path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C10.03,22 8.2,21.43 6.65,20.45L2,22L3.55,17.35C2.57,15.8 2,13.97 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12C4,13.72 4.54,15.31 5.46,16.61L4.5,19.5L7.39,18.54C8.69,19.46 10.28,20 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z"/>
                </svg>
                WhatsApp
            </a>

            <!-- Custom Package Modal -->
            <div class="modal" id="customPackageModal">
                <div class="modal-content">
                    <span class="modal-close" onclick="closeCustomPackage()">&times;</span>
                    <h2>בניית חבילה מותאמת אישית</h2>
                    <form class="custom-form" id="customPackageForm">
                        <div class="form-group">
                            <label>כמה סרטונים בחודש?</label>
                            <input type="number" min="1" value="1" id="videosCount">
                        </div>
                        <div class="form-group">
                            <label>רמת ניהול חשבונות</label>
                            <select id="managementLevel">
                                <option value="none">ללא ניהול</option>
                                <option value="messages">מענה להודעות</option>
                                <option value="full">ניהול מלא</option>
                            </select>
                        </div>
                        <div class="price-display">
                            <h3>מחיר מוערך:</h3>
                            <h3 id="estimatedPrice">₪0</h3>
                        </div>
                        <div class="contact-info">
                            <p>למידע נוסף והרשמה:</p>
                            <p style="font-size: 1.2em; color: var(--gold);">054-2234624</p>
                        </div>
                    </form>
                </div>
            </div>
            <footer class="footer">
                <div class="container">
                    <div class="footer-content">
                        <div class="logo">Royale Socials</div>
                        <div class="credits">
                            <p>© 2024 Royale Socials</p>
                            <p>כל הזכויות שמורות</p>
                            <p>עיצוב ופיתוח: רויאל מדיה גרופ</p>
                            <p>טלפון: 054-2234624</p>
                        </div>
                    </div>
                </div>
            </footer>
<script>
</script>
    </body>
</html>