feat: many changes

This commit is contained in:
2025-04-22 12:29:34 +02:00
parent 215a9393b5
commit 6214e262cc
17 changed files with 64 additions and 70 deletions

View File

@@ -3,7 +3,7 @@
<f:section name="Header" />
<f:section name="Main">
<section class="bg-white md:bg-hero-gradient">
<section class="bg-white md:bg-hero-gradient mb-16">
<div class="container mx-auto px-6 py-12 md:py-24 bg-white md:bg-hero-inner">
<div class="md:flex md:items-center">
@@ -69,7 +69,7 @@
</div>
<!-- Heading -->
<h1 class="text-3xl md:text-5xl font-extrabold">
<h1>
{data.header}
</h1>

View File

@@ -1,8 +1,8 @@
<f:layout name="Default" />
<f:section name="Main">
<div class="fade-in-on-scroll">
<div class="fade-in-on-scroll py-16">
<f:if condition="{data.header}">
<f:then><h2 class="font-hajime text-primary font-normal leading-none text-3xl md:text-5xl mb-4">{data.header}</h2></f:then>
<f:then><h2>{data.header}</h2></f:then>
</f:if>
<f:if condition="{data.bodytext}">
<f:then>

View File

@@ -3,7 +3,7 @@
<f:section name="Main">
<f:variable name="imageSizeClass" value="md:w-1/2" />
<f:variable name="textSizeClass" value="md:w-1/2" />
<f:variable name="gapClass" value="gap-8" />
<f:variable name="gapClass" value="gap-8 md:gap-16" />
<f:if condition="{data.imagesize} == 1"> <!-- Size 25% -> map to 40% for layout -->
<f:variable name="imageSizeClass" value="md:w-2/5" />
@@ -11,7 +11,7 @@
<f:variable name="gapClass" value="gap-8 md:gap-16 lg:gap-32" />
</f:if>
<div class="flex flex-col {gapClass} fade-in-on-scroll {f:if(condition: '{data.imageorient} == 26', then: 'md:flex-row-reverse', else: 'md:flex-row')}">
<div class="flex flex-col {gapClass} py-16 fade-in-on-scroll {f:if(condition: '{data.imageorient} == 26', then: 'md:flex-row-reverse', else: 'md:flex-row')}">
<div class="flex items-center justify-center {imageSizeClass}">
<f:if condition="{data.image}">
<f:then>
@@ -39,7 +39,7 @@
cropVariant="default"
width="538c"
alt="{data.image.0.alternative}"
class="max-w-full h-auto rounded-lg block"
class="max-w-full h-auto block"
/>
</figure>
</f:then>
@@ -50,8 +50,7 @@
</div>
<div class="{textSizeClass}">
<f:if condition="{data.header}">
<h2 class="font-hajime text-primary font-normal leading-none text-3xl md:text-5xl mb-2">{data.header}</h2>
<h3 class="text-xl md:text-2xl font-semibold mb-4">{data.subheader}</h3>
<h2>{data.header}</h2>
</f:if>
<f:if condition="{data.bodytext}">
<div class="prose lg:prose-lg">