<template>
  <section class="relative bg-gradient-to-b from-primary/80 to-primary/90 text-white py-24 md:py-32">
    <div class="container">
      <div class="max-w-3xl mx-auto text-center">
        <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold mb-6 leading-tight">{{ title }}</h1>
        <p class="text-xl md:text-2xl text-white/90 mb-8 leading-relaxed">{{ subtitle }}</p>
        <slot></slot>
      </div>
    </div>
  </section>
</template>

<script setup lang="ts">
defineProps<{
  title: string;
  subtitle: string;
}>();
</script> 