<header class=”topbar”>

  <div class=”container nav”>

    <a href=”#home” class=”brand”>

      <div class=”brand-text”>

        <strong>Tasia’s Flavor Station</strong>

        <small>Foodoholic</small>

      </div>

    </a>

    <nav>

      <a href=”#menu”>Menu</a>

      <a href=”#gallery”>Gallery</a>

      <a href=”#videos”>Videos</a>

      <a href=”#contact”>Contact</a>

      <a href=”#order” class=”btn primary”>Order Now</a>

    </nav>

  </div>

</header>

<main id=”home”>

  <section class=”hero”>

    <div class=”container hero-inner”>

      <h1>Flavor on Track</h1>

      <p>All aboard the taste train! Vibrant, homemade plates that satisfy every Foodoholic.</p>

      <div class=”cta-row”>

        <a href=”#menu” class=”btn primary”>Explore Menu</a>

        <a href=”#gallery” class=”btn ghost”>See the Food</a>

      </div>

    </div>

  </section>

  <section id=”about” class=”about”>

    <div class=”container split”>

      <div>

        <h2>Meet Tasia</h2>

        <p>Chef Tasia brings bold, colorful comfort-food vibes to every plate. From stuffed salmon to saucy wings,

           everything is crafted with love, spice, and a little bit of “wow.”</p>

        <ul class=”badges”>

          <li>Homemade Goodness</li>

          <li>Vibrant Flavors</li>

          <li>Made to Order</li>

        </ul>

      </div>

    </div>

  </section>

  <section id=”menu” class=”menu”>

    <div class=”container”>

      <h2>Menu Highlights</h2>

      <div class=”cards”>

        <article class=”card”>

          <img src=”https://via.placeholder.com/400×300″ alt=”Stuffed Salmon” />

          <div class=”card-body”>

            <h3>Stuffed Salmon <span class=”price”>$30</span></h3>

            <p>Rich, creamy filling tucked into perfectly seasoned salmon. Served with sides.</p>

          </div>

        </article>

        <article class=”card”>

          <img src=”https://via.placeholder.com/400×300″ alt=”Stuffed Chicken Breast” />

          <div class=”card-body”>

            <h3>Stuffed Chicken Breast <span class=”price”>$25</span></h3>

            <p>Juicy chicken loaded with flavor. Ask for shrimp add-on!</p>

          </div>

        </article>

        <article class=”card”>

          <img src=”https://via.placeholder.com/400×300″ alt=”Wings & Fries” />

          <div class=”card-body”>

            <h3>Wings & Loaded Fries</h3>

            <p>Crispy, saucy wings with jalapeño-cheddar fries that hit the spot.</p>

          </div>

        </article>

      </div>

    </div>

  </section>

  <section id=”gallery” class=”gallery”>

    <div class=”container”>

      <h2>Photo Gallery</h2>

      <div class=”grid”>

        <figure><img src=”https://via.placeholder.com/300×300″ alt=”Dish photo” /></figure>

        <figure><img src=”https://via.placeholder.com/300×300″ alt=”Dish photo” /></figure>

        <figure><img src=”https://via.placeholder.com/300×300″ alt=”Dish photo” /></figure>

      </div>

    </div>

  </section>

  <section id=”videos” class=”videos”>

    <div class=”container”>

      <h2>Videos</h2>

      <p>Cooking clips and plate-up moments coming right up. Embed your videos here from Facebook/YouTube.</p>

      <div class=”vid-box”>

        <div class=”vid-placeholder”>Your video will appear here</div>

      </div>

      <p class=”caption”>Example: Gumbo bowl close-up</p>

    </div>

  </section>

  <section id=”order” class=”order”>

    <div class=”container split”>

      <div>

        <h2>Order Online</h2>

        <p>Ready to eat? Tap below to place your order. For catering or custom trays, message us!</p>

        <div class=”cta-row”>

          <!– Replace this link with your real order link –>

          <a class=”btn primary” href=”https://www.facebook.com” target=”_blank” aria-label=”Order online”>Start Order</a>

          <a class=”btn ghost” href=”#contact”>Catering Inquiry</a>

        </div>

      </div>

    </div>

  </section>

  <section id=”contact” class=”contact”>

    <div class=”container”>

      <h2>Contact</h2>

      <form class=”contact-form” onsubmit=”alert(‘Thanks!’); return false;”>

        <div class=”row”>

          <label>Full Name<input required type=”text” placeholder=”Your name” /></label>

          <label>Email<input required type=”email” placeholder=”you@example.com” /></label>

        </div>

        <label>Message<textarea rows=”4″ placeholder=”What can we cook for you?”></textarea></label>

        <button class=”btn primary” type=”submit”>Send Message</button>

      </form>

      <div class=”socials”>

        <a href=”https://www.facebook.com” target=”_blank” rel=”noopener”>Facebook</a>

        <a href=”#” target=”_blank” rel=”noopener”>Instagram</a>

        <a href=”#” target=”_blank” rel=”noopener”>TikTok</a>

      </div>

    </div>

  </section>

</main>

<footer class=”footer”>

  <div class=”container”>

    <p>© 2025 Tasia’s Flavor Station — Foodoholic</p>

  </div>

</footer>