From 9e46ee8944d748cf7c6a9923a59fdf0e42479ea8 Mon Sep 17 00:00:00 2001
From: Lukas Zimmer <l.zimmer@spawntree.de>
Date: Wed, 14 Feb 2024 18:00:19 +0100
Subject: [PATCH] EventOverviewPage TopicPage-Copy Init

---
 .../event-overview/EventOverview.stories.js   | 18 +++++++++
 .../pages/event-overview/EventOverviewPage.js | 39 +++++++++++++++++++
 2 files changed, 57 insertions(+)
 create mode 100644 gfi-ihk-2024/stories/pages/event-overview/EventOverview.stories.js
 create mode 100644 gfi-ihk-2024/stories/pages/event-overview/EventOverviewPage.js

diff --git a/gfi-ihk-2024/stories/pages/event-overview/EventOverview.stories.js b/gfi-ihk-2024/stories/pages/event-overview/EventOverview.stories.js
new file mode 100644
index 0000000..6742820
--- /dev/null
+++ b/gfi-ihk-2024/stories/pages/event-overview/EventOverview.stories.js
@@ -0,0 +1,18 @@
+import {createEventOverviewPage} from "./EventOverviewPage";
+
+export default {
+  title: 'Pages/EventOverview Page',
+  parameters: {
+    layout: 'fullscreen',
+  },
+  argTypes: {
+
+  },
+}
+
+const Template = ({...args}) => {
+  return createEventOverviewPage({...args});
+};
+
+export const EventOverviewPage = Template.bind({});
+EventOverviewPage.args = {};
\ No newline at end of file
diff --git a/gfi-ihk-2024/stories/pages/event-overview/EventOverviewPage.js b/gfi-ihk-2024/stories/pages/event-overview/EventOverviewPage.js
new file mode 100644
index 0000000..e3b0fac
--- /dev/null
+++ b/gfi-ihk-2024/stories/pages/event-overview/EventOverviewPage.js
@@ -0,0 +1,39 @@
+import {createElement} from "../../_global/scripts/helpers";
+import {createHeader} from "../../components/header/HeaderComponent";
+import {createPageDetails} from "../../components/page-details/PageDetailsComponent";
+import {createIntro} from "../../sections/intro/IntroComponent";
+import {createTeasersSection} from "../../sections/teasers/TeasersComponent";
+import {createFooter} from "../../components/footer/FooterComponent";
+import {createTopicTeasersSection} from "../../sections/topic-teasers/TopicTeasersComponent";
+import {createLinkCollection} from "../../components/link-collection/LinkCollectionComponent";
+import {createContact} from "../../components/contact/ContactComponent";
+import {createEventsSection} from "../../sections/events/EventsComponent";
+import {createFeature} from "../../sections/feature/FeatureComponent";
+
+export const createEventOverviewPage = ({
+
+}) => {
+  const page = createElement('div', ['page']);
+  page.appendChild(createHeader({}));
+
+  const wrapper = createElement('div', ['page-wrapper'], null, page);
+  wrapper.appendChild(createPageDetails({}));
+  wrapper.appendChild(createIntro({
+    headline: 'Beratung und Service',
+    kicker: null,
+    copy: 'Wir beraten Unternehmen – ganz gleich, ob Sie Fragen zur Grün&shy;dung haben, Fördermittel beantragen oder expandieren möchten. Wir stehen Ihnen in allen Phasen der Unter&shy;nehmens&shy;entwick&shy;lung mit Rat und Tat zur Seite und sind Ihre erste Anlaufstelle. Verschaffen Sie sich einen Überblick über unsere Service- und Beratungs&shy;angebote!',
+    capitalInitial: true,
+  }));
+  wrapper.appendChild(createTopicTeasersSection({maxItems: 3}));
+  wrapper.appendChild(createTeasersSection({type: 'hero', maxItems: 2}));
+  wrapper.appendChild(createLinkCollection({headline: 'Meistgeklickt', addContainer: true, buttonText: null}));
+  wrapper.appendChild(createTopicTeasersSection({type: 'topic-linklist'}));
+  wrapper.appendChild(createTeasersSection({}));
+  wrapper.appendChild(createEventsSection({}));
+  wrapper.appendChild(createFeature({icon: null}));
+  wrapper.appendChild(createContact({headline: 'Ich helfe Ihnen gerne weiter', contactCount: 1, addContainer: true}))
+
+  page.appendChild(createFooter({}));
+
+  return page;
+}
\ No newline at end of file