18 lines
547 B
Vue
18 lines
547 B
Vue
<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> |