Real Estate Leasing CTA Section

<section style="background-color: #EDE7DE; font-family: ui-serif, Georgia, serif;"
  class="relative px-6 pt-24 md:pt-28 pb-28 md:pb-36 overflow-hidden">
  <!-- Configuration and Framework -->
  <script src="https://cdn.tailwindcss.com"></script>
  <script>
    tailwind.config = {
      theme: {
        extend: {
          colors: {
            primary: "#1c1917",
            secondary: "rgba(28,25,23,0.65)",
            line: "rgba(28,25,23,0.12)",
            background: "#f9f8f6",
          },
          fontFamily: {
            serif: ["ui-serif", "Georgia", "serif"],
            sans: ["ui-sans-serif", "system-ui", "sans-serif"],
          },
        },
      },
    };
  </script>

  <div class="max-w-xl mx-auto text-center relative z-10">
    <p style="color: rgba(28,25,23,0.6); letter-spacing: 0.2em;" class="text-[10px] uppercase mb-6 font-sans">
      Now leasing — private viewings by appointment
    </p>

    <h2 style="color: #1c1917;" class="font-serif text-4xl md:text-5xl font-light tracking-tight mb-6">
      Begin your life at Novera.
    </h2>

    <p style="color: rgba(28,25,23,0.7);" class="text-sm md:text-base font-light leading-relaxed mb-10 font-sans">
      Experience architecture shaped by light, space, and quiet intention.
    </p>

    <div class="flex flex-col items-center">
      <a href="#" style="background-color: #1c1917; color: #ffffff; letter-spacing: 0.15em;"
        class="inline-flex items-center justify-center px-10 py-4 text-[10px] uppercase rounded-[2px] hover:opacity-90 transition-all duration-300 font-sans">
        Schedule Private Viewing
      </a>

      <a href="#" style="color: rgba(28,25,23,0.7); border-bottom: 1px solid rgba(28,25,23,0.3); letter-spacing: 0.1em;"
        class="inline-block mt-6 hover:text-primary hover:border-primary/60 transition-all duration-300 text-[10px] uppercase font-sans pb-1">
        Download Floorplans
      </a>
    </div>

    <p style="color: rgba(28,25,23,0.5);" class="text-xs font-light mt-10 font-sans">
      No obligation. Personal response within 24 hours.
    </p>
  </div>
</section>