<footer>
  <!-- Upper Section  -->
  <div class="flex h-48 w-full items-center justify-center bg-[#283148] font-sans font-semibold">
    <div class="flex flex-col items-center justify-center space-y-2 sm:flex-row">
      <span class="m-3 mr-10 h-5 text-lg text-white"> Newsletter </span>
      <div class="relative flex items-center justify-end">
        <input type="text" class="h-16 w-72 rounded-full px-8 sm:w-96" placeholder="Your Email" />
        <button class="absolute right-6 rounded-full bg-blue-700 p