Merge version_2_1781533759470 into main #2
@@ -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 />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
23
src/pages/HomePage/sections/About.tsx
Normal file
23
src/pages/HomePage/sections/About.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
24
src/pages/HomePage/sections/Contact.tsx
Normal file
24
src/pages/HomePage/sections/Contact.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
37
src/pages/HomePage/sections/Events.tsx
Normal file
37
src/pages/HomePage/sections/Events.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
57
src/pages/HomePage/sections/Gallery.tsx
Normal file
57
src/pages/HomePage/sections/Gallery.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
48
src/pages/HomePage/sections/Hero.tsx
Normal file
48
src/pages/HomePage/sections/Hero.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
67
src/pages/HomePage/sections/Prayer.tsx
Normal file
67
src/pages/HomePage/sections/Prayer.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user