tknuth/stadtwerke
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: Implement initial admin and mobile application UI, including styling, layouts, authentication, and legal page components.

Browse Source
This commit is contained in:
Timo Knuth
2026-03-03 16:54:11 +01:00
parent 59f3efaaed
commit b7d826e29c
15 changed files with 265 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
innungsapp/apps/admin/app/page.tsx
View File

@@ -284,12 +284,12 @@ export default function RootPage() {
color: var(--gold); margin-bottom: 32px; font-weight: 500;
}
.hero-h1 {
font-weight: 800; font-size: clamp(1.75rem, 5vw, 7.5rem);
font-weight: 800; font-size: clamp(1.5rem, 8vw, 7.5rem);
line-height: 0.92; letter-spacing: -0.04em;
margin: 0 0 48px; color: var(--ink);
word-wrap: break-word;
overflow-wrap: break-word;
hyphens: auto;
}
@media (max-width: 767px) {
.hero-h1 { word-wrap: break-word; overflow-wrap: break-word; hyphens: auto; }
}
.hero-h1 em { color: var(--gold); font-style: normal; }
@@ -376,12 +376,12 @@ export default function RootPage() {
.features-sticky { position: sticky; top: 88px; }
}
.features-h2 {
font-weight: 800; font-size: clamp(1.5rem, 5vw, 4rem);
font-weight: 800; font-size: clamp(1.5rem, 7vw, 4rem);
letter-spacing: -0.04em; line-height: 1.0;
margin: 24px 0 28px; color: var(--ink);
word-wrap: break-word;
overflow-wrap: break-word;
hyphens: auto;
}
@media (max-width: 767px) {
.features-h2 { word-wrap: break-word; overflow-wrap: break-word; hyphens: auto; }
}
.features-sub { color: var(--ink-muted); font-family: 'Georgia', serif; line-height: 1.65; font-size: 0.9375rem; }
@@ -468,9 +468,9 @@ export default function RootPage() {
.aeo-inner { max-width: 800px; margin: 0 auto; padding: 0 32px; }
.aeo-text {
color: var(--ink-muted); font-size: 1rem; line-height: 1.8; font-family: 'Georgia', serif;
word-wrap: break-word;
overflow-wrap: break-word;
hyphens: auto;
}
@media (max-width: 767px) {
.aeo-text { word-wrap: break-word; overflow-wrap: break-word; hyphens: auto; }
}
.aeo-text p { margin-bottom: 24px; }
.aeo-text strong { color: var(--ink); font-weight: 600; }
@@ -512,11 +512,11 @@ export default function RootPage() {
.cta-inner { flex-direction: row; align-items: flex-end; justify-content: space-between; }
}
.cta-h2 {
font-weight: 800; font-size: clamp(1.5rem, 5vw, 4.5rem);
font-weight: 800; font-size: clamp(1.25rem, 6.5vw, 4.5rem);
letter-spacing: -0.04em; line-height: 1.0; color: var(--ink);
word-wrap: break-word;
overflow-wrap: break-word;
hyphens: auto;
}
@media (max-width: 767px) {
.cta-h2 { word-wrap: break-word; overflow-wrap: break-word; hyphens: auto; }
}
.cta-h2 em { color: var(--gold); font-style: normal; }
.cta-right { display: flex; flex-direction: column; gap: 10px; flex-shrink: 0; }
@@ -956,9 +956,13 @@ export default function RootPage() {
{/* AEO / GEO Content Block */}
<section className="aeo-section">
<div className="aeo-inner">
<div className="section-marker">Über unsere Plattform</div>
<h2 className="cta-h2" style={{ marginBottom: '32px', fontSize: 'clamp(2rem, 4vw, 3rem)' }}>Die smarte Lösung für moderne Handwerksorganisationen</h2>
<div className="aeo-inner" style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', textAlign: 'center' }}>
<div className="section-marker" style={{ justifyContent: 'center' }}>Über unsere Plattform</div>
<h2 className="cta-h2" style={{ marginBottom: '32px', fontSize: 'clamp(1.25rem, 4vw, 2.5rem)', lineHeight: 1.2 }}>
<span style={{ display: 'block' }}>Die smarte Lösung</span>
<span style={{ display: 'block' }}>für moderne</span>
<span style={{ display: 'block' }}>Handwerksorganisationen</span>
</h2>
<div className="aeo-text">
<p>
<strong>InnungsApp PRO</strong> ist eine cloudbasierte Verwaltungssoftware, die speziell auf die Bedürfnisse von <strong>Handwerksinnungen in Deutschland</strong> zugeschnitten ist. Die Plattform bündelt Mitgliederverwaltung, Kommunikation und Eventmanagement in einer zentralen Oberfläche.