Project 2: Landing Section

စိတ်လျှော့ပါ။ ဒီခန်းကို စာအုပ်လိုမဟုတ်ဘဲ စကားပြောသလိုပဲ၊ နားလည်လွယ်အောင် ရှင်းပါမယ်။

Project 2 — Landing Section။ Product/Service page တွေအတွက် hero section တစ်ခုဆောက်ပါမယ်။ Real website မှာ visitor ပထမဆုံးမြင်ရတဲ့အပိုင်းဖြစ်လို့ heading, value proposition, CTA link တွေရှင်းရပါမယ်။

Requirement: header, nav, hero heading, short description, primary CTA, feature list ပါရမယ်။ “အမြင်လှတာ” မတိုင်ခင် “ဘာကိုရောင်း/ရှင်းပြချင်တာလဲ” ကို HTML မှာရှင်းအောင်ရေးပါ။

html

<header>
  <nav aria-label="Main navigation">
    <a href="#features">Features</a>
    <a href="#pricing">Pricing</a>
    <a href="#contact">Contact</a>
  </nav>
</header>

<main>
  <section class="hero">
    <h1>Build AI-powered workflows faster</h1>
    <p>Create, automate, and manage your content workflow from one simple dashboard.</p>
    <a href="#start">Start building</a>
  </section>

  <section id="features">
    <h2>Key Features</h2>
    <ul>
      <li>AI writing assistant</li>
      <li>Automation workflow builder</li>
      <li>Project dashboard</li>
    </ul>
  </section>
</main>

You should see

Landing page hero + feature section အတွက်အခြေခံ structure ရပါမယ်။