Sebastian Krüger
7de1bf7a03
All checks were successful
Build and Push Frontend Image / build (push) Successful in 1m46s
34 lines
845 B
Svelte
34 lines
845 B
Svelte
<script lang="ts">
|
|
import type { Snippet } from "svelte";
|
|
|
|
interface Props {
|
|
title: string;
|
|
description?: string;
|
|
children?: Snippet;
|
|
}
|
|
|
|
let { title, description, children }: Props = $props();
|
|
</script>
|
|
|
|
<section class="relative py-12 md:py-20 overflow-hidden">
|
|
<div class="relative container mx-auto px-4 text-center">
|
|
<div class="max-w-5xl mx-auto">
|
|
<h1
|
|
class="text-5xl md:text-7xl font-bold mb-6 bg-gradient-to-r from-primary via-accent to-primary bg-clip-text text-transparent"
|
|
>
|
|
{title}
|
|
</h1>
|
|
{#if description}
|
|
<p
|
|
class="text-xl md:text-2xl text-muted-foreground mb-10 leading-relaxed max-w-4xl mx-auto"
|
|
>
|
|
{description}
|
|
</p>
|
|
{/if}
|
|
{#if children}
|
|
{@render children()}
|
|
{/if}
|
|
</div>
|
|
</div>
|
|
</section>
|