</main><!-- .site-main -->

<!-- ========== Contact Section ========== -->
<section class="fresh-section cta-section knife-section-top" id="contact" style="background: var(--fresh-charcoal);">
    <div class="fresh-container fresh-container--narrow">
        <div class="cta-section__inner fade-up">
            <span class="fresh-overline" style="justify-content: center;">צור קשר</span>
            <h2>מוכנים להביא את<br>המסעדה <span class="knife-highlight">לשלב הבא</span>?</h2>
            <p style="margin-top: var(--space-md);">שיחת אסטרטגיה ראשונית – ללא עלות, ללא התחייבות. רק תוכנית פעולה שמותאמת בדיוק לעסק שלכם.</p>

            <form class="fresh-contact-form" id="fresh-contact-form" style="margin-top: var(--space-xl); text-align: right;">
                <div style="display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-md); margin-bottom: var(--space-md);">
                    <input type="text" name="name" placeholder="שם מלא *" required
                           style="width:100%; padding: 0.875rem 1rem; background: var(--fresh-graphite); border: 1px solid rgba(255,255,255,0.08); color: var(--fresh-pure-white); font-family: var(--font-body); font-size: var(--text-sm); outline: none; transition: border-color 0.3s;">
                    <input type="tel" name="phone" placeholder="טלפון *" required dir="ltr"
                           style="width:100%; padding: 0.875rem 1rem; background: var(--fresh-graphite); border: 1px solid rgba(255,255,255,0.08); color: var(--fresh-pure-white); font-family: var(--font-body); font-size: var(--text-sm); outline: none;">
                </div>
                <div style="display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-md); margin-bottom: var(--space-md);">
                    <input type="email" name="email" placeholder="אימייל" dir="ltr"
                           style="width:100%; padding: 0.875rem 1rem; background: var(--fresh-graphite); border: 1px solid rgba(255,255,255,0.08); color: var(--fresh-pure-white); font-family: var(--font-body); font-size: var(--text-sm); outline: none;">
                    <input type="text" name="business" placeholder="שם המסעדה / העסק"
                           style="width:100%; padding: 0.875rem 1rem; background: var(--fresh-graphite); border: 1px solid rgba(255,255,255,0.08); color: var(--fresh-pure-white); font-family: var(--font-body); font-size: var(--text-sm); outline: none;">
                </div>
                <textarea name="message" rows="4" placeholder="ספרו לנו קצת על העסק..."
                          style="width:100%; padding: 0.875rem 1rem; background: var(--fresh-graphite); border: 1px solid rgba(255,255,255,0.08); color: var(--fresh-pure-white); font-family: var(--font-body); font-size: var(--text-sm); outline: none; resize: vertical; margin-bottom: var(--space-lg);"></textarea>

                <div style="text-align: center;">
                    <button type="submit" class="fresh-btn fresh-btn--primary fresh-btn--large">שלחו לי תוכנית פעולה ←</button>
                </div>
                <div id="form-feedback" style="text-align: center; margin-top: var(--space-md); font-family: var(--font-heading);"></div>
            </form>
        </div>
    </div>
</section>

<!-- ========== Footer ========== -->
<footer class="site-footer">
    <div class="fresh-container">

        <div class="footer-grid">
            <!-- Brand -->
            <div class="footer__brand">
                <a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="site-logo">
                    <img src="<?php echo esc_url( FRESH_URI . '/assets/images/fresh-logo.png' ); ?>"
                         alt="FRESH" width="100" height="30" style="filter: brightness(0) invert(1);">
                </a>
                <p>סוכנות שיווק דיגיטלי שמתמחה במסעדות. מביאים לקוחות לשולחן — בדרכים שעובדות.</p>
            </div>

            <!-- Quick Links -->
            <div>
                <h4 class="footer__heading">שירותים</h4>
                <ul class="footer__links">
                    <li><a href="#services">רשתות חברתיות</a></li>
                    <li><a href="#services">קמפיינים ממומנים</a></li>
                    <li><a href="#services">אופטימיזציית Wolt</a></li>
                    <li><a href="#services">צילום ופרודקשן</a></li>
                </ul>
            </div>

            <!-- Company -->
            <div>
                <h4 class="footer__heading">החברה</h4>
                <ul class="footer__links">
                    <li><a href="#about">אודות</a></li>
                    <li><a href="#cases">עבודות</a></li>
                    <li><a href="#contact">צור קשר</a></li>
                </ul>
            </div>

            <!-- Contact Info -->
            <div>
                <h4 class="footer__heading">בואו נדבר</h4>
                <ul class="footer__links">
                    <li><a href="tel:+972501234567" dir="ltr">050-123-4567</a></li>
                    <li><a href="mailto:hello@fresh.co.il">hello@fresh.co.il</a></li>
                </ul>
                <div class="footer__social" style="margin-top: var(--space-md);">
                    <a href="#" aria-label="Instagram">
                        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="2" width="20" height="20" rx="5"/><circle cx="12" cy="12" r="5"/><circle cx="17.5" cy="6.5" r="1.5" fill="currentColor" stroke="none"/></svg>
                    </a>
                    <a href="#" aria-label="Facebook">
                        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></svg>
                    </a>
                    <a href="#" aria-label="TikTok">
                        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 12a4 4 0 1 0 4 4V4a5 5 0 0 0 5 5"/></svg>
                    </a>
                    <a href="#" aria-label="LinkedIn">
                        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/><rect x="2" y="9" width="4" height="12"/><circle cx="4" cy="4" r="2"/></svg>
                    </a>
                </div>
            </div>
        </div>

        <div class="footer__bottom">
            <span>&copy; <?php echo date( 'Y' ); ?> FRESH. כל הזכויות שמורות.</span>
            <span style="display: flex; align-items: center; gap: var(--space-sm);">
                <span class="knife-line" style="width: 20px;"></span>
                The Culinary Edge
            </span>
        </div>

    </div>
</footer>

<?php wp_footer(); ?>
</body>
</html>
