tomru/pfadi-bussle
1
0
Fork 0
mirror of https://github.com/tomru/pfadi-bussle.git synced 2026-03-03 06:27:11 +01:00
Code Issues Packages Projects Releases Wiki Activity

extract layout and apply to all pages

Browse Source
This commit is contained in:
Thomas Ruoff
2021-03-13 00:16:07 +01:00
parent cf4a539ac5
commit ecb71f54e7
8 changed files with 274 additions and 289 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
components/layout.tsx Normal file
View File

@@ -0,0 +1,13 @@
import React from 'react'
import Footer from '../components/footer'
import Header from '../components/header'
export default function Home({ children }: { children: React.ReactNode }) {
return (
<>
<Header />
<main className="main">{children}</main>
<Footer />
</>
)
}

15
pages/book.tsx
View File

@@ -1,16 +1,11 @@
import React from 'react' import Layout from '../components/layout'
import Footer from '../components/footer'
import Header from '../components/header'
import Wizard from '../components/wizard/index' import Wizard from '../components/wizard/index'
export default function Home() { export default function Home() {
return ( return (
<> <Layout>
<Header /> <h1 className="mb-3 text-xl font-extrabold">Buchungsanfrage</h1>
<main className="main"> <Wizard />
<Wizard /> </Layout>
</main>
<Footer />
</>
) )
} }

88
pages/impressum.tsx
View File

@@ -1,55 +1,51 @@
import React from 'react' import Layout from '../components/layout'
import Header from '../components/header'
export default function Impressum() { export default function Impressum() {
return ( return (
<> <Layout>
<Header /> <h1 className="mb-3 text-xl font-extrabold">Impressum</h1>
<main className="main">
<h1 className="mb-3 text-xl font-extrabold">Impressum</h1>
<address className="mb-3"> <address className="mb-3">
Freundeskreis des VCP Rosenfeld e.V. Freundeskreis des VCP Rosenfeld e.V.
<br /> <br />
Mozartstr. 11 Mozartstr. 11
<br /> <br />
72348 Rosenfeld 72348 Rosenfeld
<br /> <br />
</address> </address>
<h2 className="text-lg">1. Vorsitzender:</h2> <h2 className="text-lg">1. Vorsitzender:</h2>
<address className="mb-3"> <address className="mb-3">
Kevin Deckert Kevin Deckert
<br /> <br />
Mozartstr. 11 Mozartstr. 11
<br /> <br />
72348 Rosenfeld 72348 Rosenfeld
<br /> <br />
Telefon: +49 7428 3423 Telefon: +49 7428 3423
<br /> <br />
</address> </address>
<h2 className="text-lg"> <h2 className="text-lg">
Bussle-Wart und Technisch Verantwortlicher dieser Webanwendung: Bussle-Wart und Technisch Verantwortlicher dieser Webanwendung:
</h2> </h2>
<address className="mb-3"> <address className="mb-3">
Thomas Ruoff Thomas Ruoff
<br /> <br />
Mömpelgardgasse 25 Mömpelgardgasse 25
<br /> <br />
72348 Rosenfeld 72348 Rosenfeld
<br /> <br />
Telefon: +49 151 21225362 Telefon: +49 151 21225362
<br /> <br />
</address> </address>
<p> <p>
Das Impressum gilt für:{' '} Das Impressum gilt für:{' '}
<a className="link" href="https://pfadi-bussle.tomru.space"> <a className="link" href="https://pfadi-bussle.tomru.space">
https://pfadi-bussle.tomru.space https://pfadi-bussle.tomru.space
</a> </a>
</p> </p>
</main> </Layout>
</>
) )
} }

100
pages/index.tsx
View File

@@ -1,61 +1,55 @@
import React from 'react'
import Link from 'next/link' import Link from 'next/link'
import Footer from '../components/footer' import Layout from '../components/layout'
import Header from '../components/header'
export default function Home() { export default function Home() {
return ( return (
<> <Layout>
<Header /> <div className="mt-6 sm:text-center">
<main className="main"> <h1 className="text-xl tracking-tight font-extrabold text-gray-900 sm:text-2xl md:text-3xl">
<div className="mt-6 sm:text-center"> <span className="block text-blue-800 xl:inline">Pfadi-Bussle</span>{' '}
<h1 className="text-xl tracking-tight font-extrabold text-gray-900 sm:text-2xl md:text-3xl"> <span className="block xl:inline">
<span className="block text-blue-800 xl:inline">Pfadi-Bussle</span>{' '} des Freundeskreis des VCP Rosenfeld e.V.
<span className="block xl:inline"> </span>
des Freundeskreis des VCP Rosenfeld e.V. </h1>
</span> <p className="mt-3 text-gray-500 sm:mt-5 sm:text-lg md:text-xl">
</h1> Für Lager, Vereinsausflüge, Urlaubsreisen, Umzüge, etc. kann man unser
<p className="mt-3 text-gray-500 sm:mt-5 sm:text-lg md:text-xl"> Pfadi-Bussle mieten.
Für Lager, Vereinsausflüge, Urlaubsreisen, Umzüge, etc. kann man </p>
unser Pfadi-Bussle mieten. <div className="mt-5 sm:mt-8 sm:flex sm:justify-center">
</p> <div className="rounded-md shadow">
<div className="mt-5 sm:mt-8 sm:flex sm:justify-center"> <Link href="/book">
<div className="rounded-md shadow"> <a className="w-full flex items-center justify-center px-6 py-2 border border-transparent text-base font-medium rounded-md text-white bg-blue-800 hover:bg-blue-900 md:py-2 md:text-lg md:px-5">
<Link href="/book"> Zur Buchungsanfrage
<a className="w-full flex items-center justify-center px-6 py-2 border border-transparent text-base font-medium rounded-md text-white bg-blue-800 hover:bg-blue-900 md:py-2 md:text-lg md:px-5"> </a>
Zur Buchungsanfrage </Link>
</a>
</Link>
</div>
</div> </div>
<p className="mt-3 text-gray-500 sm:mt-5 sm:text-lg md:text-xl">
Du hast weiter Fragen melde Dich gerne bei Thomas Ruoff per
<br />
<a className="link" href="mailto:pfadibussle@tomru.space">
E-Mail
</a>
, Telefon{' '}
<a className="link" href="tel:+4915121225362">
0151 / 21225302
</a>{' '}
oder{' '}
<a
href="https://wa.me/4915121225362"
className="inline-flex flex-row align-baseline"
>
<svg
xmlns="http://www.w3.org/2000/svg"
className="fill-current h-3 inline hover:text-gray-700"
viewBox="0 0 738 741"
>
<title>Whatsapp</title>
<path d="M630 108A368 368 0 0052 551L0 741l195-51a368 368 0 00435-582M370 672c-55 0-108-14-155-42l-11-7-116 31 31-113-7-12A304 304 0 01370 62a303 303 0 01306 305c-1 169-137 305-306 305m168-228l-63-30c-8-3-15-4-21 5l-29 36c-5 6-10 7-20 2-9-5-38-14-73-46-28-24-46-54-51-63-6-9-1-14 4-19l13-16c5-5 7-9 10-15s1-12-1-16l-28-68c-8-18-15-16-21-16h-18c-6 0-16 2-24 11-9 9-32 31-32 77s33 88 37 94c5 7 65 99 157 139l52 19c22 7 42 6 58 4 18-3 54-22 62-44 8-21 8-40 5-43-2-4-8-6-17-11" />
</svg>
</a>
</p>
</div> </div>
</main> <p className="mt-3 text-gray-500 sm:mt-5 sm:text-lg md:text-xl">
<Footer /> Du hast weiter Fragen melde Dich gerne bei Thomas Ruoff per
</> <br />
<a className="link" href="mailto:pfadibussle@tomru.space">
E-Mail
</a>
, Telefon{' '}
<a className="link" href="tel:+4915121225362">
0151 / 21225302
</a>{' '}
oder{' '}
<a
href="https://wa.me/4915121225362"
className="inline-flex flex-row align-baseline"
>
<svg
xmlns="http://www.w3.org/2000/svg"
className="fill-current h-3 inline hover:text-gray-700"
viewBox="0 0 738 741"
>
<title>Whatsapp</title>
<path d="M630 108A368 368 0 0052 551L0 741l195-51a368 368 0 00435-582M370 672c-55 0-108-14-155-42l-11-7-116 31 31-113-7-12A304 304 0 01370 62a303 303 0 01306 305c-1 169-137 305-306 305m168-228l-63-30c-8-3-15-4-21 5l-29 36c-5 6-10 7-20 2-9-5-38-14-73-46-28-24-46-54-51-63-6-9-1-14 4-19l13-16c5-5 7-9 10-15s1-12-1-16l-28-68c-8-18-15-16-21-16h-18c-6 0-16 2-24 11-9 9-32 31-32 77s33 88 37 94c5 7 65 99 157 139l52 19c22 7 42 6 58 4 18-3 54-22 62-44 8-21 8-40 5-43-2-4-8-6-17-11" />
</svg>
</a>
</p>
</div>
</Layout>
) )
} }

103
pages/prices.tsx
View File

@@ -1,58 +1,55 @@
import Header from '../components/header' import Layout from '../components/layout'
export default function Prices() { export default function Prices() {
return ( return (
<> <Layout>
<Header /> <h1 className="mb-3 text-xl font-extrabold">Preise</h1>
<main className="main text-gray-900"> <table className="divide-y divide-gray-200">
<h1 className="mb-3 text-xl font-extrabold">Preise</h1> <thead className="bg-gray-50">
<table className="divide-y divide-gray-200"> <tr>
<thead className="bg-gray-50"> <th
<tr> scope="col"
<th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
scope="col" >
className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" Gefahrene Kilomenter
> </th>
Gefahrene Kilomenter <th
</th> scope="col"
<th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
scope="col" >
className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" Kosten
> </th>
Kosten <th
</th> scope="col"
<th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
scope="col" >
className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" Bemerkungen
> </th>
Bemerkungen </tr>
</th> </thead>
</tr> <tbody className="bg-white divide-y divide-gray-200">
</thead> <tr>
<tbody className="bg-white divide-y divide-gray-200"> <td className="px-6 py-4 whitespace-nowrap">bis 200 km</td>
<tr> <td className="px-6 py-4 whitespace-nowrap">0,42 Euro / km</td>
<td className="px-6 py-4 whitespace-nowrap">bis 200 km</td> <td className="px-6 py-4 whitespace-nowrap">inklusive Sprit</td>
<td className="px-6 py-4 whitespace-nowrap">0,42 Euro / km</td> </tr>
<td className="px-6 py-4 whitespace-nowrap">inklusive Sprit</td> <tr>
</tr> <td className="px-6 py-4 whitespace-nowrap">201-1000 km</td>
<tr> <td className="px-6 py-4 whitespace-nowrap">0,25 Euro / km</td>
<td className="px-6 py-4 whitespace-nowrap">201-1000 km</td> <td className="px-6 py-4 whitespace-nowrap">exclusive Sprit</td>
<td className="px-6 py-4 whitespace-nowrap">0,25 Euro / km</td> </tr>
<td className="px-6 py-4 whitespace-nowrap">exclusive Sprit</td> <tr>
</tr> <td className="px-6 py-4 whitespace-nowrap">1001-2000 km</td>
<tr> <td className="px-6 py-4 whitespace-nowrap">0,20 Euro / km</td>
<td className="px-6 py-4 whitespace-nowrap">1001-2000 km</td> <td className="px-6 py-4 whitespace-nowrap">exclusive Sprit</td>
<td className="px-6 py-4 whitespace-nowrap">0,20 Euro / km</td> </tr>
<td className="px-6 py-4 whitespace-nowrap">exclusive Sprit</td> <tr>
</tr> <td className="px-6 py-4 whitespace-nowrap">ab 2001 km</td>
<tr> <td className="px-6 py-4 whitespace-nowrap">0,18 Euro / km</td>
<td className="px-6 py-4 whitespace-nowrap">ab 2001 km</td> <td className="px-6 py-4 whitespace-nowrap">exclusive Sprit</td>
<td className="px-6 py-4 whitespace-nowrap">0,18 Euro / km</td> </tr>
<td className="px-6 py-4 whitespace-nowrap">exclusive Sprit</td> </tbody>
</tr> </table>
</tbody> </Layout>
</table>
</main>
</>
) )
} }

190
pages/privacy.tsx
View File

@@ -1,105 +1,101 @@
import React from 'react' import React from 'react'
import Header from '../components/header' import Layout from '../components/layout'
export default function Privacy() { export default function Privacy() {
return ( return (
<> <Layout>
<Header /> <h1 className="mb-3 text-xl font-extrabold">Datenschutzerklärung</h1>
<main className="main text-gray-900"> <h2 className="mb-2 text-lg font-extrabold">Geltungsbereich</h2>
<h1 className="mb-3 text-xl font-extrabold">Datenschutzerklärung</h1> <p className="mb-2">
<h2 className="mb-2 text-lg font-extrabold">Geltungsbereich</h2> Diese Datenschutzerklärung soll die Nutzer dieser Website gemäß
<p className="mb-2"> Bundesdatenschutzgesetz und Telemediengesetz über die Art, den Umfang
Diese Datenschutzerklärung soll die Nutzer dieser Website gemäß und den Zweck der Erhebung und Verwendung personenbezogener Daten durch
Bundesdatenschutzgesetz und Telemediengesetz über die Art, den Umfang den Websitebetreiber{' '}
und den Zweck der Erhebung und Verwendung personenbezogener Daten <a className="link" href="mailto:pfadibussle@tomru.space">
durch den Websitebetreiber{' '} Thomas Ruoff
<a className="link" href="mailto:pfadibussle@tomru.space"> </a>{' '}
Thomas Ruoff informieren.
</a>{' '} </p>
informieren. <p className="mb-2">
</p> Der Websitebetreiber nimmt Ihren Datenschutz sehr ernst und behandelt
<p className="mb-2"> Ihre personenbezogenen Daten vertraulich und entsprechend der
Der Websitebetreiber nimmt Ihren Datenschutz sehr ernst und behandelt gesetzlichen Vorschriften. Bedenken Sie, dass die Datenübertragung im
Ihre personenbezogenen Daten vertraulich und entsprechend der Internet grundsätzlich mit Sicherheitslücken bedacht sein kann. Ein
gesetzlichen Vorschriften. Bedenken Sie, dass die Datenübertragung im vollumfänglicher Schutz vor dem Zugriff durch Fremde ist nicht
Internet grundsätzlich mit Sicherheitslücken bedacht sein kann. Ein realisierbar.
vollumfänglicher Schutz vor dem Zugriff durch Fremde ist nicht </p>
realisierbar. <h2 className="mb-2 text-lg font-extrabold">Zugriffsdaten</h2>
</p> <p className="mb-2">
<h2 className="mb-2 text-lg font-extrabold">Zugriffsdaten</h2> Der Websitebetreiber bzw. Seitenprovider erhebt Daten über Zugriffe auf
<p className="mb-2"> die Seite und speichert diese als „Server-Logfiles“ ab. Folgende Daten
Der Websitebetreiber bzw. Seitenprovider erhebt Daten über Zugriffe werden so protokolliert:{' '}
auf die Seite und speichert diese als „Server-Logfiles“ ab. Folgende </p>
Daten werden so protokolliert:{' '} <ul className="mb-2 list-disc list-inside">
</p> <li>Besuchte URL</li>
<ul className="mb-2 list-disc list-inside"> <li>Uhrzeit zum Zeitpunkt des Zugriffes</li>
<li>Besuchte URL</li> <li>Menge der gesendeten Daten in Byte</li>
<li>Uhrzeit zum Zeitpunkt des Zugriffes</li> <li>Quelle/Verweis, von welchem Sie auf die Seite gelangten</li>
<li>Menge der gesendeten Daten in Byte</li> <li>Verwendeter Browser</li>
<li>Quelle/Verweis, von welchem Sie auf die Seite gelangten</li> <li>Verwendetes Betriebssystem</li>
<li>Verwendeter Browser</li> <li>Verwendete IP-Adresse</li>
<li>Verwendetes Betriebssystem</li> </ul>
<li>Verwendete IP-Adresse</li>
</ul>
<p className="mb-2"> <p className="mb-2">
Die erhobenen Daten dienen lediglich statistischen Auswertungen und Die erhobenen Daten dienen lediglich statistischen Auswertungen und zur
zur Verbesserung der Website. Der Websitebetreiber behält sich Verbesserung der Website. Der Websitebetreiber behält sich allerdings
allerdings vor, die Server-Logfiles nachträglich zu überprüfen, vor, die Server-Logfiles nachträglich zu überprüfen, sollten konkrete
sollten konkrete Anhaltspunkte auf eine rechtswidrige Nutzung Anhaltspunkte auf eine rechtswidrige Nutzung hinweisen.
hinweisen. </p>
</p>
<h2 className="mb-2 text-lg font-extrabold">Cookies</h2> <h2 className="mb-2 text-lg font-extrabold">Cookies</h2>
<p className="mb-2">Diese Website verwendet keine Cookies.</p> <p className="mb-2">Diese Website verwendet keine Cookies.</p>
<h2 className="mb-2 text-lg font-extrabold">Benutzerkonto</h2> <h2 className="mb-2 text-lg font-extrabold">Benutzerkonto</h2>
<p className="mb-2"> <p className="mb-2">
Um über dieses Angebot Buchungsanfragen tätigen zu können, ist kein Um über dieses Angebot Buchungsanfragen tätigen zu können, ist kein
Kundenkonto notwendig noch vorgesehen. Kundenkonto notwendig noch vorgesehen.
</p> </p>
<h2 className="mb-2 text-lg font-extrabold"> <h2 className="mb-2 text-lg font-extrabold">
Buchungsanfragedaten merken Buchungsanfragedaten merken
</h2> </h2>
<p className="mb-2"> <p className="mb-2">
Wenn sie eine Buchungsanfrage tätigen, wird Ihnen angeboten, die Wenn sie eine Buchungsanfrage tätigen, wird Ihnen angeboten, die
Buchunsanfragedaten für die nächste Buchung zu merken um weitere Buchunsanfragedaten für die nächste Buchung zu merken um weitere
Anfragen zu beschleunigen. Die Speicherung der Buchungsdaten erfolgt Anfragen zu beschleunigen. Die Speicherung der Buchungsdaten erfolgt
dabei nicht auf unserem Server sondern nur in Ihrem Browser, genauer dabei nicht auf unserem Server sondern nur in Ihrem Browser, genauer auf
auf Ihrem Endgerät im s.g. LocalStorage. Diese Daten sind also nicht Ihrem Endgerät im s.g. LocalStorage. Diese Daten sind also nicht in
in unserem Besitzt noch habe wir Zugriff darauf. Erste wenn eine unserem Besitzt noch habe wir Zugriff darauf. Erste wenn eine weitere
weitere Buchunsanfrage, mit den bei Ihnen gespeicherten Daten Buchunsanfrage, mit den bei Ihnen gespeicherten Daten vorausgefüllt und
vorausgefüllt und abgeschickt wird, erhalten wir Zugriff drauf. Es abgeschickt wird, erhalten wir Zugriff drauf. Es besteht somit keinen
besteht somit keinen Unterschied, ob sie die Daten manuell oder mit Unterschied, ob sie die Daten manuell oder mit dieser Funktion
dieser Funktion vorausfüllen lassen. Die für diese Funktion in Ihrem vorausfüllen lassen. Die für diese Funktion in Ihrem Browser
Browser gespeicherten Daten umfassen ausschließlich Daten welche sie gespeicherten Daten umfassen ausschließlich Daten welche sie vorher zum
vorher zum Zwecke einer Buchungsanfrage eingegeben haben. Ob sie Zwecke einer Buchungsanfrage eingegeben haben. Ob sie aktuell
aktuell Buchungsdaten gespeichert haben, wir Ihnen als Info-Nachricht Buchungsdaten gespeichert haben, wir Ihnen als Info-Nachricht in der
in der Buchungsanfragemaske angezeigt. Alle gespeicherten Felder Buchungsanfragemaske angezeigt. Alle gespeicherten Felder werden in
werden in diesem Fall auch gleich im Formular transparent diesem Fall auch gleich im Formular transparent vorausgefüllt. Falls Sie
vorausgefüllt. Falls Sie diese Daten löschen möchten, können Sie dies diese Daten löschen möchten, können Sie dies über einen Link in der
über einen Link in der Info-Nachricht bewerkstelligen. Info-Nachricht bewerkstelligen.
</p> </p>
<h2 className="mb-2 text-lg font-extrabold">Buchungsanfrage</h2> <h2 className="mb-2 text-lg font-extrabold">Buchungsanfrage</h2>
<p className="mb-2"> <p className="mb-2">
Sämtliche Daten, welche im Rahmen einer Bestellabwicklung von den Sämtliche Daten, welche im Rahmen einer Bestellabwicklung von den Kunden
Kunden eingegeben werden, werden gespeichert. Dazu gehören: eingegeben werden, werden gespeichert. Dazu gehören:
</p> </p>
<ul className="mb-2 list-disc list-inside"> <ul className="mb-2 list-disc list-inside">
<li>Start- und Enddatum der Anfrage</li> <li>Start- und Enddatum der Anfrage</li>
<li>Zweck und Ziel der Fahrt (sofern angegeben)</li> <li>Zweck und Ziel der Fahrt (sofern angegeben)</li>
<li>Verein (sofern angegeben)</li> <li>Verein (sofern angegeben)</li>
<li>Name</li> <li>Name</li>
<li>Adresse</li> <li>Adresse</li>
<li>E-Mail-Adresse</li> <li>E-Mail-Adresse</li>
<li>Telefonnummer (falls angegeben)</li> <li>Telefonnummer (falls angegeben)</li>
</ul> </ul>
<p className="mb-2"> <p className="mb-2">
Jene Daten, welche zur Auftragsabwicklung zwingend notwendig sind, Jene Daten, welche zur Auftragsabwicklung zwingend notwendig sind,
werden an dritte Dienstleister weitergegeben. Sowie die Aufbewahrung werden an dritte Dienstleister weitergegeben. Sowie die Aufbewahrung
Ihrer Daten nicht mehr erforderlich oder gesetzlich geboten ist, Ihrer Daten nicht mehr erforderlich oder gesetzlich geboten ist, werden
werden diese gelöscht. diese gelöscht.
</p> </p>
</main> </Layout>
</>
) )
} }

52
pages/terms.tsx
View File

@@ -1,34 +1,28 @@
import React from 'react' import Layout from '../components/layout'
import Header from '../components/header'
export default function Terms() { export default function Terms() {
return ( return (
<> <Layout>
<Header /> <h1 className="mb-3 text-xl font-extrabold">
<main className="main text-gray-900 mt-6"> Allgemeine Geschäftsbedinungen
<h1 className="mb-3 text-xl font-extrabold"> </h1>
Allgemeine Geschäftsbedinungen <h2 className="mb-2 text-lg font-extrabold">Grundlegende Bedingungen</h2>
</h1> <p>
<h2 className="mb-2 text-lg font-extrabold"> Die nachstenden Bedingungen gelten für Verträge zwischen Freundeskreis
Grundlegende Bedingungen des VCP Rosenfeld e.V.- nachfolgend Anbieter genannt - und Kunden,
</h2> welche auf https://pfadi-bussle.tomru.space geschlossen werden.
<p> <br />
Die nachstenden Bedingungen gelten für Verträge zwischen Freundeskreis Für diese Veträge wird der Anbieter von Thomas Ruoff, Mömpelgardgasse
des VCP Rosenfeld e.V.- nachfolgend Anbieter genannt - und Kunden, 25, 72348 Rosenfeld - nachfolgend dem Bussle-Warte - vertreten.
welche auf https://pfadi-bussle.tomru.space geschlossen werden. </p>
<br /> <h2 className="mb-2 text-lg font-extrabold">Vertragsgegenstand</h2>
Für diese Veträge wird der Anbieter von Thomas Ruoff, Mömpelgardgasse <p className="mb-2">TODO</p>
25, 72348 Rosenfeld - nachfolgend dem Bussle-Warte - vertreten. <h2 className="mb-2 text-lg font-extrabold">Vertragsschluss</h2>
</p> <p className="mb-2">TODO</p>
<h2 className="mb-2 text-lg font-extrabold">Vertragsgegenstand</h2> <h2 className="mb-2 text-lg font-extrabold">Vertragsdauer</h2>
<p className="mb-2">TODO</p> <p className="mb-2">TODO</p>
<h2 className="mb-2 text-lg font-extrabold">Vertragsschluss</h2> <h2 className="mb-2 text-lg font-extrabold">Vertragsdauer</h2>
<p className="mb-2">TODO</p> <p className="mb-2">TODO</p>
<h2 className="mb-2 text-lg font-extrabold">Vertragsdauer</h2> </Layout>
<p className="mb-2">TODO</p>
<h2 className="mb-2 text-lg font-extrabold">Vertragsdauer</h2>
<p className="mb-2">TODO</p>
</main>
</>
) )
} }

2
styles/index.css
View File

@@ -18,7 +18,7 @@
} }
.form { .form {
@apply w-full mt-6 p-6; @apply w-full;
} }
.fsw { .fsw {