<x-header />
<div class="content-wrapper">
    <div class="content">
        <h2>Шаурма</h2>
        <div class="movie-grid">
            <div class="movie-item">
                <img src="public/images/шау1.jpg" alt="Movie 1">
                <h3>Шаурма из курицы</h3>
                <button>Купить</button>
            </div>
            <div class="movie-item">
                <img src="public/images/шау2.jpg" alt="Movie 2">
                <h3>Шаурма из свинины</h3>
                <button>Купить</button>
            </div>
            <div class="movie-item">
                <img src="public/images/шау3.jpg" alt="Movie 3">
                <h3>Шаурма из баранины</h3>
                <button>Купить</button>
            </div>
            <div class="movie-item">
                <img src="public/images/шау4.jpg" alt="Movie 4">
                <h3>Шаурма из говядины</h3>
                <button>Купить</button>
            </div>
            <div class="movie-item">
                <img src="public/images/шау5.jpg" alt="Movie 5">
                <h3>Шаурма в сырном лаваше</h3>
                <button>Купить</button>
            </div>
        </div>

        <h2 style="margin-top: 40px;">Шашлык</h2>
        <div class="movie-grid">
            <div class="movie-item">
                <img src="public/images/шаш1.jpg" alt="Movie 5">
                <h3>Шашлык из курицы</h3>
                <button>Купить</button>
            </div>
            <div class="movie-item">
                <img src="public/images/шаш2.jpg" alt="Movie 6">
                <h3>Шашлык из свинины</h3>
                <button>Купить</button>
            </div>
            <div class="movie-item">
                <img src="public/images/шаш3.jpg" alt="Movie 7">
                <h3>Шашлык из баранины</h3>
                <button>Купить</button>
            </div>
            <div class="movie-item">
                <img src="public/images/шаш4.jpg" alt="Movie 8">
                <h3>Шашлык из говядины</h3>
                <button>Купить</button>
            </div>
            <div class="movie-item">
                <img src="public/images/комбо.jpg" alt="Movie 8">
                <h3>Комбо</h3>
                <button>Купить</button>
            </div>
        </div>

        <h2 style="margin-top: 40px;">Салаты</h2>
        <div class="movie-grid">
            <div class="movie-item">
                <img src="public/images/греч.jpg" alt="Movie 9">
                <h3>Греческий</h3>
                <button>Купить</button>
            </div>
            <div class="movie-item">
                <img src="public/images/цезарь.jpg" alt="Movie 10">
                <h3>Цезарь</h3>
                <button>Купить</button>
            </div>
            <div class="movie-item">
                <img src="public/images/фректовый.jpg" alt="Movie 11">
                <h3>Фруктовый</h3>
                <button>Купить</button>
            </div>
            <div class="movie-item">
                <img src="public/images/винигрет.jpg" alt="Movie 12">
                <h3>Винигрет</h3>
                <button>Купить</button>
            </div>
            <div class="movie-item">
                <img src="public/images/оливье.jpg" alt="Movie 12">
                <h3>Оливье</h3>
                <button>Купить</button>
            </div>

        </div>
    </div>
</div>

<x-footer />
<x-scripts />