- {active.map((config) => (
-
- {config.imageSource ? (
-
diff --git a/src/components/SplashScreen.tsx b/src/components/SplashScreen.tsx
new file mode 100644
index 0000000..12b42fe
--- /dev/null
+++ b/src/components/SplashScreen.tsx
@@ -0,0 +1,39 @@
+'use client'
+
+import { useEffect, useState } from 'react'
+
+export default function SplashScreen({ imageUrl, configId }: { imageUrl: string; configId: string }) {
+ const [phase, setPhase] = useState<'init' | 'visible' | 'fading' | 'gone'>('init')
+
+ useEffect(() => {
+ const key = `splash_shown_${configId}`
+ if (sessionStorage.getItem(key)) {
+ setPhase('gone')
+ return
+ }
+ sessionStorage.setItem(key, '1')
+ setPhase('visible')
+ const fade = setTimeout(() => setPhase('fading'), 1800)
+ const gone = setTimeout(() => setPhase('gone'), 2300)
+ return () => { clearTimeout(fade); clearTimeout(gone) }
+ }, [configId])
+
+ if (phase === 'init' || phase === 'gone') return null
+
+ return (
+
+
)
diff --git a/src/components/SectionList.tsx b/src/components/SectionList.tsx
index 8778edc..fb857d1 100644
--- a/src/components/SectionList.tsx
+++ b/src/components/SectionList.tsx
@@ -4,6 +4,7 @@ import { useEffect, useState } from 'react'
import Image from 'next/image'
import Link from 'next/link'
import { useBack } from '@/hooks/useBack'
+import ChevronLeftIcon from '@/components/ui/ChevronLeftIcon'
import { useVisitor } from '@/context/VisitorContext'
import { t, tPlain, stripHtml } from '@/lib/i18n'
import type { SectionDTO, TranslationDTO } from '@/lib/api/types'
@@ -54,15 +55,13 @@ export default function SectionList({
onClick={back}
className="absolute flex items-center justify-center"
style={{
- top: 44, left: 10, width: 44, height: 44,
- background: 'rgba(0,0,0,0.35)',
+ top: 'max(env(safe-area-inset-top), 16px)', left: 16, width: 40, height: 40,
+ background: 'rgba(255,255,255,0.2)',
backdropFilter: 'blur(8px)',
- borderRadius: '50%',
+ borderRadius: 16,
}}
>
-
+
+ {items.map((item) => {
+ const config = item.configuration
+ const col = clampSpan(item.colSpan)
+ const row = clampSpan(item.rowSpan)
+ const fallbackColor = config.primaryColor ?? instancePrimaryColor ?? '#28415a'
+
+ return (
+
+ {config.imageSource && (
- ) : (
-
-
-
-
- )}
-
- ))}
+ )}
+
+
+
+
+ )
+ })}
+ {/* eslint-disable-next-line @next/next/no-img-element */}
+ 
+
+ )
+}
diff --git a/src/components/sections/AgendaSection.tsx b/src/components/sections/AgendaSection.tsx
index 78ce819..ca0c207 100644
--- a/src/components/sections/AgendaSection.tsx
+++ b/src/components/sections/AgendaSection.tsx
@@ -96,24 +96,22 @@ export default function AgendaSection({ section, configId, languages, apiKey }:
}
return (
-
+
-
-
- {formatMonthHeader(selectedYear, selectedMonth, language)}
-
-
+
+
{/* Events grid */}
@@ -139,8 +137,8 @@ export default function AgendaSection({ section, configId, languages, apiKey }:
})
}
}}
- className="rounded-2xl overflow-hidden text-left flex flex-col"
- style={{ background: 'var(--color-surface)', boxShadow: '0 2px 8px rgba(0,0,0,0.10)' }}
+ className="overflow-hidden text-left flex flex-col"
+ style={{ background: '#fff', borderRadius: 20, border: '1px solid #EFEAE2', boxShadow: '0 6px 16px -12px rgba(0,0,0,0.3)' }}
>
{/* Image */}
+
+
+ {formatMonthHeader(selectedYear, selectedMonth, language)}
+
+
+
@@ -152,7 +150,7 @@ export default function AgendaSection({ section, configId, languages, apiKey }:
{event.dateFrom && (