feature: immo

src/app/(home)/gruppe/[slug]/page.tsx

@@ -5,8 +5,6 @@ import { notFound } from 'next/navigation'
 import { fetchEvents } from '@/fetch/events'
 import { Section } from '@/components/Section/Section'
 import { Title } from '@/components/Title/Title'
-import { Events } from '@/compositions/Events/Events'
-import { transformEvents } from '@/utils/dto/events'
 import { Container } from '@/components/Container/Container'
 import { HR } from '@/components/HorizontalRule/HorizontalRule'
 import { TextDiv } from '@/components/Text/TextDiv'
@@ -17,6 +15,7 @@ import { Blocks } from '@/compositions/Blocks/Blocks'
 import { getPhoto } from '@/utils/dto/gallery'
 import { isAuthenticated } from '@/utils/auth'
 import { AdminMenu } from '@/components/AdminMenu/AdminMenu'
+import { GroupEvents } from '@/compositions/GroupEvents/GroupEvents'
 
 export default async function GroupPage({ params }: { params: Promise<{slug: string}>})  {
 
@@ -30,7 +29,6 @@ export default async function GroupPage({ params }: { params: Promise<{slug: str
   const {id, shortDescription, photo,name, text_html, content } = groups.docs[0]
   const media = getPhoto("tablet", photo)
 
-  const events = await fetchEvents({groupId: id})
   const authenticated = await isAuthenticated();
 
   return (
@@ -71,20 +69,7 @@ export default async function GroupPage({ params }: { params: Promise<{slug: str
                 </div>
               </Col>
               <Col>
-                { events && events.docs.length > 0 &&
+                <GroupEvents id={id} />
-                <>
-                  <Title
-                    title={"Veranstaltungen"}
-                    size={"md"}
-                    color={"contrast"}
-                  />
-                  <Events
-                    events={transformEvents(events.docs)}
-                    n={3}
-                    schema={"contrast"}
-                  />
-                </>
-                }
               </Col>
             </Row>
           </Container>

src/app/(home)/pfarrei/immobilienentwicklung/page.tsx

@@ -3,6 +3,7 @@ import { Section } from '@/components/Section/Section'
 import { Container } from '@/components/Container/Container'
 import styles from './styles.module.scss'
 import classNames from 'classnames'
+import { GroupEvents } from '@/compositions/GroupEvents/GroupEvents'
 
 export default function Page() {
   return (
@@ -11,7 +12,7 @@ export default function Page() {
         <Title title={'Immobilienentwicklung in der Pfarrei Hl. Drei Könige'} />
 
         <div className={styles.container}>
-          <div>
+          <div className={styles.paddLeft}>
             <h3>Warum das Ganze?</h3>
 
             <p>
@@ -49,7 +50,61 @@ export default function Page() {
                 Immobilienentwicklung im Erzbistum Berlin
               </a>)
             </p>
+          </div>
+          <div>
+            <GroupEvents id={"967f8a7f-38bf-404e-b7b7-ac8f14601193"} />
+          </div>
+        </div>
 
+        <div className={classNames(styles.container, styles.circle)}>
+          <div>
+            <h3>Immobilienentwicklung als geistlichen Prozess</h3>
+
+            <p>
+              In den Gremien und Gemeinden der Pfarrei sind wir aufgerufen uns folgende pastorale
+              Leitfragen zu stellen:
+            </p>
+
+            <ul className={styles.list}>
+              <li>
+                Und was soll und wird mit Gottes Hilfe an unseren
+                Gemeindestandorten entstehen?
+              </li>
+              <li>
+                Was wollen wir an welchen Standorten zukünftig machen?
+              </li>
+              <li>
+                Wer braucht Raum wozu? Wer sind die „lebendigen Steine“, die
+                prägen und tragen?
+              </li>
+              <li>
+                Wie und mit wem können wir Geld durch Vermietung, Verpachtung etc.
+                selbst einnehmen, um möglichst unabhängig spirituelle, soziale und
+                kulturelle Arbeit in der Pfarrei weiterhin leisten zu können?
+              </li>
+              <li>
+                Wie können wir bei immer stärker werdender Wohnraumknappheit
+                auch für unsere Orte kirchlichen Lebens verantwortungsbewusst mit
+                unseren Immobilien unterstützen?
+              </li>
+            </ul>
+
+
+            <p>
+              In den bisherigen verschiedenen Gemeinde-, Gremien- und Nachbarschaftstreffen machen
+              wir uns auf die Suche nach guten Visionen und Ideen für uns Standortprofile. Dabei lassen
+              wir uns vom Hl. Geist leiten, fragen nach ihm und die AG Immo hat eine Gebetsinitiative an
+              Pfingsten gestartet. (Gebet zum Download hier) Wir laden alle ein, sich zu beteiligen und
+              ebenfalls in Gottesdiensten, in Kreisen und Gruppen oder zu Hause für einen guten
+              Immobilienprozess zu beten. Denn wir wissen: „Wenn nicht der Herr das Haus baut, mühen
+              sich umsonst, die daran bauen.“ (Ps 127)
+            </p>
+
+            <p>
+              Ebenso braucht es weitere fachliche und professionelle Expertise, die wir uns mittels der
+              ARGE LiBaSt einkaufen. Die AG Immo leistet ergänzende Arbeiten und bereitet eine
+              Entscheidungshilfe für Pfarreirat und Kirchenvorstand vor.
+            </p>
           </div>
           <div className={styles.prayer}>
             <p>
@@ -124,58 +179,6 @@ export default function Page() {
             </p>
           </div>
         </div>
-
-        <div className={classNames(styles.container, styles.circle)}>
-          <div className={styles.paddLeft}>
-            <h3>Immobilienentwicklung als geistlichen Prozess</h3>
-
-            <p>
-              In den Gremien und Gemeinden der Pfarrei sind wir aufgerufen uns folgende pastorale
-              Leitfragen zu stellen:
-            </p>
-
-            <ul className={styles.list}>
-              <li>
-                Und was soll und wird mit Gottes Hilfe an unseren
-                Gemeindestandorten entstehen?
-              </li>
-              <li>
-                Was wollen wir an welchen Standorten zukünftig machen?
-              </li>
-              <li>
-                Wer braucht Raum wozu? Wer sind die „lebendigen Steine“, die
-                prägen und tragen?
-              </li>
-              <li>
-                Wie und mit wem können wir Geld durch Vermietung, Verpachtung etc.
-                selbst einnehmen, um möglichst unabhängig spirituelle, soziale und
-                kulturelle Arbeit in der Pfarrei weiterhin leisten zu können?
-              </li>
-              <li>
-                Wie können wir bei immer stärker werdender Wohnraumknappheit
-                auch für unsere Orte kirchlichen Lebens verantwortungsbewusst mit
-                unseren Immobilien unterstützen?
-              </li>
-            </ul>
-
-
-            <p>
-              In den bisherigen verschiedenen Gemeinde-, Gremien- und Nachbarschaftstreffen machen
-              wir uns auf die Suche nach guten Visionen und Ideen für uns Standortprofile. Dabei lassen
-              wir uns vom Hl. Geist leiten, fragen nach ihm und die AG Immo hat eine Gebetsinitiative an
-              Pfingsten gestartet. (Gebet zum Download hier) Wir laden alle ein, sich zu beteiligen und
-              ebenfalls in Gottesdiensten, in Kreisen und Gruppen oder zu Hause für einen guten
-              Immobilienprozess zu beten. Denn wir wissen: „Wenn nicht der Herr das Haus baut, mühen
-              sich umsonst, die daran bauen.“ (Ps 127)
-            </p>
-
-            <p>
-              Ebenso braucht es weitere fachliche und professionelle Expertise, die wir uns mittels der
-              ARGE LiBaSt einkaufen. Die AG Immo leistet ergänzende Arbeiten und bereitet eine
-              Entscheidungshilfe für Pfarreirat und Kirchenvorstand vor.
-            </p>
-          </div>
-        </div>
       </Container>
       <div className={styles.quote}>
         „Wenn nicht der Herr das Haus baut, mühen sich umsonst, die daran bauen.“ <br />
@@ -225,6 +228,12 @@ export default function Page() {
             <td>Startberatungen</td>
             <td>
               <ul>
+                <li>
+                  <a
+                    href={'https://storage.googleapis.com/dreikoenige/documents/20250303_Pr%C3%A4sentation_Leistungsmodule.pdf'}
+                    target={'_blank'}
+                  >Vorstellung ARGE LiBaSt</a>
+                </li>
                 <li><a
                   href={'https://storage.googleapis.com/dreikoenige/documents/Poster_Immo-Entwicklung_20250415-1.pdf'}
                   target={'_blank'}
@@ -248,11 +257,9 @@ export default function Page() {
 
           <tr className={styles.borderRow}>
             <td></td>
-            <td><a
+            <td>
-              target={'_blank'}
-              href={'https://storage.googleapis.com/dreikoenige/documents/20250303_Pr%C3%A4sentation_Leistungsmodule.pdf'}>
               Portfolioanalyse
-            </a></td>
+            </td>
             <td>Derzeit in Bearbeitung</td>
           </tr>
 

src/app/(home)/pfarrei/immobilienentwicklung/styles.module.scss

@@ -43,8 +43,8 @@
 }
 
 .quote {
-  padding-top: 60px;
+  padding-top: 30px;
-  padding-bottom: 60px;
+  padding-bottom: 30px;
   background-color: $shade3;
   text-align: center;
   color: $base-color;

src/compositions/GroupEvents/GroupEvents.tsx

@@ -0,0 +1,41 @@
+import { fetchEvents } from '@/fetch/events'
+import { Title } from '@/components/Title/Title'
+import { Events } from '@/compositions/Events/Events'
+import { transformEvents } from '@/utils/dto/events'
+
+type GroupEventsType = {
+  id: string;
+}
+
+export const GroupEvents = async ({id}: GroupEventsType) => {
+
+  const events = await fetchEvents({groupId: id})
+
+  return (
+
+    <>
+      <Title
+        title={"Veranstaltungen"}
+        size={"md"}
+        color={"contrast"}
+      />
+
+      { events && events.docs.length > 0 &&
+      <>
+        <Events
+          events={transformEvents(events.docs)}
+          n={3}
+          schema={"contrast"}
+        />
+      </>
+    }
+
+      {
+        events && events.docs.length == 0 &&
+        <div>
+          Keine Veranstaltungen gefunden.
+        </div>
+      }
+    </>
+  )
+}