feature: new page

src/app/(home)/ich-bin-neu/page.tsx

@@ -1,9 +0,0 @@
-import { PageHeader } from '@/compositions/PageHeader/PageHeader'
-
-export default function Page() {
-  return (
-    <>
-      <PageHeader title={'Neu hier?'} description={''} />
-    </>
-  )
-}

src/app/(home)/neu-in-der-gemeinde/page.tsx

@@ -0,0 +1,49 @@
+import { PageHeader } from '@/compositions/PageHeader/PageHeader'
+import { Section } from '@/components/Section/Section'
+import { P } from '@/components/Text/Paragraph'
+import { Container } from '@/components/Container/Container'
+import { ContactSection } from '@/compositions/ContactSection/ContactSection'
+import Link from 'next/link'
+
+export default function Page() {
+  return (
+    <>
+      <PageHeader
+        title={'Neu in der Gemeinde? Herzlich Willkommen!'}
+        description={'Schön, dass Sie den Weg zu uns gefunden haben! Ob Sie neu in der Stadt sind,  auf der Suche nach einer geistlichen Heimat oder einfach neugierig auf den katholischen Glauben – wir freuen uns, Sie kennenzulernen.'}
+      />
+
+      <Section padding={"small"} paddingBottom={"large"}>
+        <Container>
+          <h3>Neugierig auf den Glauben?</h3>
+          <P width={'1/2'}>
+            Vielleicht stelst du dich Fragen über Gott, die Kirche oder den Sinn des Lebens. Bei uns findest du Raum für
+            deine Fragen und die Möglichkeit, den christlichen Glauben in seiner Vielfalt zu entdecken. Schauen Sie doch
+            einfach mal bei einem unserer Gottesdienste vorbei, nehmen Sie an einem <Link href={"/gruppe/alphakurs"}>Glaubenskurs</Link> teil oder kontaktiere
+            uns – wir sind gerne für dich da!
+          </P>
+
+          <h3>Schon katholisch?</h3>
+          <P width={'1/2'}>
+            Wir heißen Sie herzlich in unserer Gemeinde willkommen! Hier finden Sie eine lebendige Gemeinschaft, in der
+            Sie Ihren Glauben leben und vertiefen können. Engagieren Sie sich in unseren Gruppen und Projekten, lernen
+            Sie
+            neue Menschen kennen und erleben Sie die Freude am gemeinsamen Glauben.
+          </P>
+
+          <h3>Unsere Angebote</h3>
+          <ul>
+            <li><strong>Gottesdienste:</strong> Feiern Sie mit uns die Eucharistie und erleben Sie die Gemeinschaft im Glauben.</li>
+            <li><strong>Gruppen:</strong> Finden Sie Gleichgesinnte und vertiefen Sie Ihren Glauben in Gemeinschaft.</li>
+          </ul>
+        </Container>
+      </Section>
+
+      <ContactSection
+        backgroundColor={"off-white"}
+        title={"Mehr wissen?"}
+        description={"Zögern Sie nicht und nehmen Sie Kontakt mit uns auf! Wir freuen uns über Ihre Nachricht und sind gerne für Sie da. Füllen Sie einfach das Formular aus und wir melden uns schnellstmöglich bei Ihnen zurück."}
+      />
+    </>
+  )
+}

src/app/layout.tsx

@@ -187,51 +187,36 @@ export default function RootLayout({
                       title: 'Essen ist Fertig',
                       description: 'Essensausgabe Neukölln',
                     },
-                    {
-                      href: 'http://',
-                      title: 'Anpacken',
-                      description: 'Reinigung, liturgischen Dienst & weiter',
-                    },
-                  ]
-                },
-                {
-                  title: "Projekte",
-                  items: [
-                    {
-                      title: "Umgekehrter Advent",
-                      description: "Geben statt nehmen ",
-                      href: "/gruppe/umgekehrter-advent"
-                    },
                     {
                       title: "Dicke Linda",
                       description: "Marktstand auf dem Kranoldplatz",
                       href: "/gruppe/dicke-linda"
                     },
+                    {
+                      href: 'http://',
+                      title: 'Mitwirken',
+                      description: 'Reinigung, liturgischer Dienst & Co.',
+                    },
                   ]
                 },
                 {
                   title: "Aktivitäten",
                   items: [
                     {
-                      title: "Kochen",
+                      title: "Exerzitien",
-                      description: "Begegnung mit Gott",
+                      description: "Zeit für Gott",
                       href: "https://"
                     },
                     {
-                      title: "Lernen",
+                      title: "Reisen",
-                      description: "Gebet der Meditation",
+                      description: "Gemeinsam Zeit verbringen",
                       href: "https://"
                     },
                     {
-                      title: "Wandern",
+                      title: "Wahlfahrt",
-                      description: "Stille Begegnung mit Gott",
+                      description: "Gott näher kommen",
                       href: "https://"
-                    },
+                    }
-                    {
-                      title: "Singen",
-                      description: "Dank, Ehre und Freude",
-                      href: "https://"
-                    },
                   ]
                 }
               ]
@@ -253,7 +238,7 @@ export default function RootLayout({
           },
           {
             text: 'Neu hier?',
-            href: '/ich-bin-neu',
+            href: '/neu-in-der-gemeinde',
             display: "button"
           }
         ]

src/components/Text/Paragraph.tsx

@@ -9,6 +9,7 @@ type PProps = {
 export const P = ({width, children}: PProps) => {
   return (
     <p className={classNames({
+      [styles.container]: true,
       [styles.half]: width === "1/2",
       [styles.threeFourth]: width === "3/4"
     })}>

src/components/Text/html.module.scss

@@ -1,3 +1,11 @@
+.container a {
+  color: inherit;
+}
+
+.container a:visited {
+  color: inherit;
+}
+
 .half {
   width: 50%;
 }