41 lines
1.2 KiB
Plaintext
41 lines
1.2 KiB
Plaintext
---
|
|
import FormContainer from '~/components/ui/Form.astro';
|
|
import Headline from '~/components/ui/Headline.astro';
|
|
import WidgetWrapper from '~/components/ui/WidgetWrapper.astro';
|
|
import type { Contact as Props } from '~/types';
|
|
|
|
const {
|
|
title = await Astro.slots.render('title'),
|
|
subtitle = await Astro.slots.render('subtitle'),
|
|
tagline = await Astro.slots.render('tagline'),
|
|
inputs,
|
|
textarea,
|
|
disclaimer,
|
|
button,
|
|
description,
|
|
|
|
id,
|
|
isDark = false,
|
|
classes = {},
|
|
bg = await Astro.slots.render('bg'),
|
|
} = Astro.props;
|
|
---
|
|
|
|
<WidgetWrapper id={id} isDark={isDark} containerClass={`max-w-7xl mx-auto ${classes?.container ?? ''}`} bg={bg}>
|
|
<Headline title={title} subtitle={subtitle} tagline={tagline} />
|
|
|
|
{
|
|
inputs && (
|
|
<div class="flex flex-col max-w-xl mx-auto rounded-lg backdrop-blur-sm bg-white/15 dark:bg-transparent border border-gray-200 dark:border-gray-700 shadow-md hover:shadow-lg hover:bg-white/25 dark:hover:backdrop-blur-md transition-all duration-300 ease-in-out p-4 sm:p-6 lg:p-8 w-full">
|
|
<FormContainer
|
|
inputs={inputs}
|
|
textarea={textarea}
|
|
disclaimer={disclaimer}
|
|
button={button}
|
|
description={description}
|
|
/>
|
|
</div>
|
|
)
|
|
}
|
|
</WidgetWrapper>
|