From 1334d6068c710847b6f871341793cddd91947d93 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Mon, 15 Jun 2026 14:30:07 +0000
Subject: [PATCH] Bob AI: Update Instagram link

---
 src/pages/HomePage.tsx                  | 222 +++---------------------
 src/pages/HomePage/sections/About.tsx   |  23 +++
 src/pages/HomePage/sections/Contact.tsx |  24 +++
 src/pages/HomePage/sections/Events.tsx  |  37 ++++
 src/pages/HomePage/sections/Gallery.tsx |  57 ++++++
 src/pages/HomePage/sections/Hero.tsx    |  48 +++++
 src/pages/HomePage/sections/Prayer.tsx  |  67 +++++++
 7 files changed, 276 insertions(+), 202 deletions(-)
 create mode 100644 src/pages/HomePage/sections/About.tsx
 create mode 100644 src/pages/HomePage/sections/Contact.tsx
 create mode 100644 src/pages/HomePage/sections/Events.tsx
 create mode 100644 src/pages/HomePage/sections/Gallery.tsx
 create mode 100644 src/pages/HomePage/sections/Hero.tsx
 create mode 100644 src/pages/HomePage/sections/Prayer.tsx

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index ddd8242..c80c428 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,212 +1,30 @@
-import AboutTextSplit from '@/components/sections/about/AboutTextSplit';
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
-import FeaturesRevealCards from '@/components/sections/features/FeaturesRevealCards';
-import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
-import PricingSimpleCards from '@/components/sections/pricing/PricingSimpleCards';
-import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+// AUTO-GENERATED shell by per-section-migrate.
+// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
+// files directly. Non-block content (wrappers, non-inlinable sections) is
+// preserved inline; extracted section blocks become <XSection/> refs.
 
-export default function HomePage() {
+import React from 'react';
+import HeroSection from './HomePage/sections/Hero';
+import AboutSection from './HomePage/sections/About';
+import EventsSection from './HomePage/sections/Events';
+import PrayerSection from './HomePage/sections/Prayer';
+import GallerySection from './HomePage/sections/Gallery';
+import ContactSection from './HomePage/sections/Contact';
+
+export default function HomePage(): React.JSX.Element {
   return (
-    <>
-  <div id="hero" data-section="hero">
-    <SectionErrorBoundary name="hero">
-          <HeroBillboardCarousel
-      tag="IHG Kiel"
-      title="Willkommen bei der IHG Kiel"
-      description="بسم الله الرحمن الرحيم - Wir sind die Islamische Hochschulgruppe der CAU Kiel. Wir bieten Raum für Gemeinschaft, Bildung und Austausch."
-      primaryButton={{
-        text: "Werde Teil unserer Gemeinschaft",
-        href: "#contact",
-      }}
-      secondaryButton={{
-        text: "Mehr erfahren",
-        href: "#about",
-      }}
-      items={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/conceptual-digital-art-diversity-around-world_23-2151437565.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-students-cramming-together_23-2149647137.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/muslim-man-eating_23-2147794388.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/muslim-women-drinking-tea_23-2147796846.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-having-80s-theme-party_23-2150880760.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/table-serving-decoration-with-greenery-white-candles-grey-table_8353-11499.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+<>
+  <HeroSection />
 
-  <div id="about" data-section="about">
-    <SectionErrorBoundary name="about">
-          <AboutTextSplit
-      title="Über die IHG Kiel"
-      descriptions={[
-        "Wir sind die IHG Kiel – die Islamische Hochschulgruppe an der Christian-Albrechts-Universität zu Kiel.",
-        "Unser Ziel ist es, eine Brücke zwischen akademischem Leben und religiöser Identität zu schlagen.",
-        "Unsere Werte basieren auf Bildung, Gemeinschaft, Dialog und gelebter Vielfalt unter den muslimischen Studierenden am Campus.",
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <AboutSection />
 
-  <div id="events" data-section="events">
-    <SectionErrorBoundary name="events">
-          <FeaturesRevealCards
-      tag="Events"
-      title="Unsere Veranstaltungen"
-      description="Erlebe Austausch und Gemeinschaft in unseren regelmäßigen Treffen."
-      items={[
-        {
-          title: "Freitagsgebet",
-          description: "Gemeinsames Gebet jeden Freitag um 13:00 Uhr.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-old-house-with-vintage-furniture-captured-belgium_181624-26750.jpg",
-        },
-        {
-          title: "Vortragsabend",
-          description: "Spannende Impulse zu Themen wie Glauben und Wissenschaft.",
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-laughing-sharing-ideas_1098-2988.jpg",
-        },
-        {
-          title: "Iftar-Event",
-          description: "Gemeinsames Fastenbrechen während des Ramadan.",
-          imageSrc: "http://img.b2bpic.net/free-photo/group-friends-arab-restaurant_23-2147794281.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <EventsSection />
 
-  <div id="prayer" data-section="prayer">
-    <SectionErrorBoundary name="prayer">
-          <PricingSimpleCards
-      tag="Zeiten"
-      title="Gebetszeiten"
-      description="Hinweis: Bitte prüfen Sie die tagesaktuellen Zeiten."
-      plans={[
-        {
-          tag: "Morgen",
-          price: "Fajr",
-          description: "Anbruch der Morgendämmerung",
-          features: [
-            "Variabel",
-            "Bitte prüfen",
-          ],
-        },
-        {
-          tag: "Mittag",
-          price: "Dhuhr",
-          description: "Höchststand der Sonne",
-          features: [
-            "13:15",
-            "Tagesaktuell",
-          ],
-        },
-        {
-          tag: "Nachmittag",
-          price: "Asr",
-          description: "Schattenlänge verdoppelt",
-          features: [
-            "16:30",
-            "Tagesaktuell",
-          ],
-        },
-        {
-          tag: "Abend",
-          price: "Maghrib",
-          description: "Sonnenuntergang",
-          features: [
-            "19:45",
-            "Tagesaktuell",
-          ],
-        },
-        {
-          tag: "Nacht",
-          price: "Isha",
-          description: "Dunkelheit der Nacht",
-          features: [
-            "21:30",
-            "Tagesaktuell",
-          ],
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <PrayerSection />
 
-  <div id="gallery" data-section="gallery">
-    <SectionErrorBoundary name="gallery">
-          <FeaturesImageBento
-      tag="Galerie"
-      title="Einblicke in die IHG"
-      description="Impressionen aus unserem Gemeinschaftsleben am Campus."
-      items={[
-        {
-          title: "Treffen",
-          description: "Unsere Gruppe",
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-learning-grass_23-2147657190.jpg",
-        },
-        {
-          title: "Dialog",
-          description: "Vorträge",
-          imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058917.jpg",
-        },
-        {
-          title: "Ramadan",
-          description: "Iftar",
-          imageSrc: "http://img.b2bpic.net/free-photo/group-muslim-friends-restaurant_23-2147794283.jpg",
-        },
-        {
-          title: "Ruhe",
-          description: "Gebetsraum",
-          imageSrc: "http://img.b2bpic.net/free-photo/artist-creating-alternative-bedroom-pop-music_23-2149736739.jpg",
-        },
-        {
-          title: "Campus",
-          description: "Vernetzung",
-          imageSrc: "http://img.b2bpic.net/free-photo/best-friends-hanging-out-while-enjoying-cup-coffee_23-2148914555.jpg",
-        },
-        {
-          title: "Werte",
-          description: "Gemeinschaft",
-          imageSrc: "http://img.b2bpic.net/free-vector/nice-card-eid-mubarak_1151-250.jpg",
-        },
-        {
-          title: "Kultur",
-          description: "Vielfalt",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-laptop_23-2149122766.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <GallerySection />
 
-  <div id="contact" data-section="contact">
-    <SectionErrorBoundary name="contact">
-          <ContactCta
-      tag="Kontakt"
-      text="Hast du Fragen? Schreibe uns eine Mail oder folge uns auf Instagram für aktuelle Updates."
-      primaryButton={{
-        text: "E-Mail senden",
-        href: "mailto:ihg-kiel@example.de",
-      }}
-      secondaryButton={{
-        text: "Instagram folgen",
-        href: "https://instagram.com/ihg_kiel",
-      }}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ContactSection />
     </>
   );
 }
diff --git a/src/pages/HomePage/sections/About.tsx b/src/pages/HomePage/sections/About.tsx
new file mode 100644
index 0000000..58809ad
--- /dev/null
+++ b/src/pages/HomePage/sections/About.tsx
@@ -0,0 +1,23 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "about" section.
+
+import React from 'react';
+import AboutTextSplit from '@/components/sections/about/AboutTextSplit';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function AboutSection(): React.JSX.Element {
+  return (
+    <div id="about" data-section="about">
+        <SectionErrorBoundary name="about">
+              <AboutTextSplit
+          title="Über die IHG Kiel"
+          descriptions={[
+            "Wir sind die IHG Kiel – die Islamische Hochschulgruppe an der Christian-Albrechts-Universität zu Kiel.",
+            "Unser Ziel ist es, eine Brücke zwischen akademischem Leben und religiöser Identität zu schlagen.",
+            "Unsere Werte basieren auf Bildung, Gemeinschaft, Dialog und gelebter Vielfalt unter den muslimischen Studierenden am Campus.",
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Contact.tsx b/src/pages/HomePage/sections/Contact.tsx
new file mode 100644
index 0000000..4b082b3
--- /dev/null
+++ b/src/pages/HomePage/sections/Contact.tsx
@@ -0,0 +1,24 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "contact" section.
+
+import React from 'react';
+import ContactCta from '@/components/sections/contact/ContactCta';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ContactSection(): React.JSX.Element {
+  return (
+    <div id="contact" data-section="contact">
+        <SectionErrorBoundary name="contact">
+              <ContactCta
+        tag="Kontakt"
+        text="Hast du Fragen? Schreibe uns eine Mail oder folge uns auf Instagram für aktuelle Updates."
+        primaryButton={{
+            text: "E-Mail senden",
+            href: "mailto:ihg-kiel@example.de",
+          }}
+        secondaryButton={{"href":"https://www.instagram.com/ihgkiel/","text":"Instagram folgen"}}
+      />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Events.tsx b/src/pages/HomePage/sections/Events.tsx
new file mode 100644
index 0000000..7aea2a3
--- /dev/null
+++ b/src/pages/HomePage/sections/Events.tsx
@@ -0,0 +1,37 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "events" section.
+
+import React from 'react';
+import FeaturesRevealCards from '@/components/sections/features/FeaturesRevealCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function EventsSection(): React.JSX.Element {
+  return (
+    <div id="events" data-section="events">
+        <SectionErrorBoundary name="events">
+              <FeaturesRevealCards
+          tag="Events"
+          title="Unsere Veranstaltungen"
+          description="Erlebe Austausch und Gemeinschaft in unseren regelmäßigen Treffen."
+          items={[
+            {
+              title: "Freitagsgebet",
+              description: "Gemeinsames Gebet jeden Freitag um 13:00 Uhr.",
+              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-old-house-with-vintage-furniture-captured-belgium_181624-26750.jpg",
+            },
+            {
+              title: "Vortragsabend",
+              description: "Spannende Impulse zu Themen wie Glauben und Wissenschaft.",
+              imageSrc: "http://img.b2bpic.net/free-photo/friends-laughing-sharing-ideas_1098-2988.jpg",
+            },
+            {
+              title: "Iftar-Event",
+              description: "Gemeinsames Fastenbrechen während des Ramadan.",
+              imageSrc: "http://img.b2bpic.net/free-photo/group-friends-arab-restaurant_23-2147794281.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Gallery.tsx b/src/pages/HomePage/sections/Gallery.tsx
new file mode 100644
index 0000000..81f45e6
--- /dev/null
+++ b/src/pages/HomePage/sections/Gallery.tsx
@@ -0,0 +1,57 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "gallery" section.
+
+import React from 'react';
+import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function GallerySection(): React.JSX.Element {
+  return (
+    <div id="gallery" data-section="gallery">
+        <SectionErrorBoundary name="gallery">
+              <FeaturesImageBento
+          tag="Galerie"
+          title="Einblicke in die IHG"
+          description="Impressionen aus unserem Gemeinschaftsleben am Campus."
+          items={[
+            {
+              title: "Treffen",
+              description: "Unsere Gruppe",
+              imageSrc: "http://img.b2bpic.net/free-photo/friends-learning-grass_23-2147657190.jpg",
+            },
+            {
+              title: "Dialog",
+              description: "Vorträge",
+              imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058917.jpg",
+            },
+            {
+              title: "Ramadan",
+              description: "Iftar",
+              imageSrc: "http://img.b2bpic.net/free-photo/group-muslim-friends-restaurant_23-2147794283.jpg",
+            },
+            {
+              title: "Ruhe",
+              description: "Gebetsraum",
+              imageSrc: "http://img.b2bpic.net/free-photo/artist-creating-alternative-bedroom-pop-music_23-2149736739.jpg",
+            },
+            {
+              title: "Campus",
+              description: "Vernetzung",
+              imageSrc: "http://img.b2bpic.net/free-photo/best-friends-hanging-out-while-enjoying-cup-coffee_23-2148914555.jpg",
+            },
+            {
+              title: "Werte",
+              description: "Gemeinschaft",
+              imageSrc: "http://img.b2bpic.net/free-vector/nice-card-eid-mubarak_1151-250.jpg",
+            },
+            {
+              title: "Kultur",
+              description: "Vielfalt",
+              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-laptop_23-2149122766.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
new file mode 100644
index 0000000..ec967c8
--- /dev/null
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -0,0 +1,48 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "hero" section.
+
+import React from 'react';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function HeroSection(): React.JSX.Element {
+  return (
+    <div id="hero" data-section="hero">
+        <SectionErrorBoundary name="hero">
+              <HeroBillboardCarousel
+          tag="IHG Kiel"
+          title="Willkommen bei der IHG Kiel"
+          description="بسم الله الرحمن الرحيم - Wir sind die Islamische Hochschulgruppe der CAU Kiel. Wir bieten Raum für Gemeinschaft, Bildung und Austausch."
+          primaryButton={{
+            text: "Werde Teil unserer Gemeinschaft",
+            href: "#contact",
+          }}
+          secondaryButton={{
+            text: "Mehr erfahren",
+            href: "#about",
+          }}
+          items={[
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/conceptual-digital-art-diversity-around-world_23-2151437565.jpg",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-students-cramming-together_23-2149647137.jpg",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/muslim-man-eating_23-2147794388.jpg",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/muslim-women-drinking-tea_23-2147796846.jpg",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/friends-having-80s-theme-party_23-2150880760.jpg",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/table-serving-decoration-with-greenery-white-candles-grey-table_8353-11499.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Prayer.tsx b/src/pages/HomePage/sections/Prayer.tsx
new file mode 100644
index 0000000..8044030
--- /dev/null
+++ b/src/pages/HomePage/sections/Prayer.tsx
@@ -0,0 +1,67 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "prayer" section.
+
+import React from 'react';
+import PricingSimpleCards from '@/components/sections/pricing/PricingSimpleCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function PrayerSection(): React.JSX.Element {
+  return (
+    <div id="prayer" data-section="prayer">
+        <SectionErrorBoundary name="prayer">
+              <PricingSimpleCards
+          tag="Zeiten"
+          title="Gebetszeiten"
+          description="Hinweis: Bitte prüfen Sie die tagesaktuellen Zeiten."
+          plans={[
+            {
+              tag: "Morgen",
+              price: "Fajr",
+              description: "Anbruch der Morgendämmerung",
+              features: [
+                "Variabel",
+                "Bitte prüfen",
+              ],
+            },
+            {
+              tag: "Mittag",
+              price: "Dhuhr",
+              description: "Höchststand der Sonne",
+              features: [
+                "13:15",
+                "Tagesaktuell",
+              ],
+            },
+            {
+              tag: "Nachmittag",
+              price: "Asr",
+              description: "Schattenlänge verdoppelt",
+              features: [
+                "16:30",
+                "Tagesaktuell",
+              ],
+            },
+            {
+              tag: "Abend",
+              price: "Maghrib",
+              description: "Sonnenuntergang",
+              features: [
+                "19:45",
+                "Tagesaktuell",
+              ],
+            },
+            {
+              tag: "Nacht",
+              price: "Isha",
+              description: "Dunkelheit der Nacht",
+              features: [
+                "21:30",
+                "Tagesaktuell",
+              ],
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
-- 
2.49.1