start pattern demo

package.json

@@ -10,6 +10,7 @@
     "start:storybook": "nx run-many --target=start --projects=storybook,elements --output-style=stream",
     "start:landingpage": "nx run landingpage:start",
     "start:ui-patterns-playground": "nx run-many --target=start --projects=ui-patterns,ui-patterns-playground --output-style=stream",
+    "start:meetup": "nx run-many --target=start --projects=ui-patterns,meetup,landingpage --output-style=stream",
     "build": "nx run-many --target=build --output-style=stream",
     "test": "nx run-many --target=test --output-style=stream --configuration=ci",
     "test:core:watch": "nx run elements:test:watch",

packages/meetup/project.json

@@ -18,7 +18,7 @@
         "production": {}
       }
     },
-    "serve": {
+    "start": {
       "executor": "@nx/next:server",
       "defaultConfiguration": "development",
       "options": {

packages/meetup/src/app/components/faq.tsx

@@ -1,40 +1,3 @@
-import { InoMeetupAccordion } from '@inovex.de/elements-react';
-
 export default function FaqSection() {
-  return (
-    <div className="max-w-6xl p-6 bg-white ">
-      <h3 className="text-3xl header-d3 mb-8 text-inovex-primary">FAQs</h3>
-
-      <InoMeetupAccordion accordionTitle="What are Web Components?">
-        Web Components are a set of web platform APIs that allow you to create new custom, reusable, encapsulated HTML
-        tags to use in web pages and web apps. They are based on existing web standards and work across modern browsers.
-      </InoMeetupAccordion>
-
-      <InoMeetupAccordion accordionTitle="How can I use Web Components in my project?">
-        You can use Web Components in any project by importing them into your HTML file or JavaScript framework. For
-        example, with the inovex Elements library, you can install it using npm and then import the components you need
-        in your React, Angular, or Vue.js project.
-      </InoMeetupAccordion>
-
-      <InoMeetupAccordion accordionTitle="What are the main advantages of using Web Components?">
-        The main advantages of Web Components include reusability across different frameworks, encapsulation of styles
-        and functionality, and the ability to create custom elements that work seamlessly with existing HTML, CSS, and
-        JavaScript.
-      </InoMeetupAccordion>
-
-      <InoMeetupAccordion accordionTitle="How do I style Web Components?">
-        With inovex Elements, you can use CSS variables like --ino-input-line-color to customize the appearance of
-        components.
-      </InoMeetupAccordion>
-
-      <InoMeetupAccordion accordionTitle="Can I use Web Components with React?">
-        We provide a React wrapper, making it easy to use our web components in React projects with a familiar syntax.
-      </InoMeetupAccordion>
-
-      <InoMeetupAccordion accordionTitle="What are slots in Web Components?">
-        Slots are a feature of Web Components that allow you to define placeholders in your component that can be filled
-        with custom content. This makes components more flexible and customizable.
-      </InoMeetupAccordion>
-    </div>
-  );
+  return null;
 }

packages/ui-patterns/src/patterns/faq/faq.html

@@ -1,34 +0,0 @@
-<div class="max-w-6xl p-6 bg-white">
-  <h3 class="text-3xl header-d3 mb-8 text-inovex-primary">FAQs</h3>
-
-  <ino-meetup-accordion accordion-title="What are Web Components?">
-    Web Components are a set of web platform APIs that allow you to create new custom, reusable, encapsulated HTML tags
-    to use in web pages and web apps. They are based on existing web standards and work across modern browsers.
-  </ino-meetup-accordion>
-
-  <ino-meetup-accordion accordion-title="How can I use Web Components in my project?">
-    You can use Web Components in any project by importing them into your HTML file or JavaScript framework. For
-    example, with the inovex Elements library, you can install it using npm and then import the components you need in
-    your React, Angular, or Vue.js project.
-  </ino-meetup-accordion>
-
-  <ino-meetup-accordion accordion-title="What are the main advantages of using Web Components?">
-    The main advantages of Web Components include reusability across different frameworks, encapsulation of styles and
-    functionality, and the ability to create custom elements that work seamlessly with existing HTML, CSS, and
-    JavaScript.
-  </ino-meetup-accordion>
-
-  <ino-meetup-accordion accordion-title="How do I style Web Components?">
-    With inovex Elements, you can use CSS variables like --ino-input-line-color to customize the appearance of
-    components.
-  </ino-meetup-accordion>
-
-  <ino-meetup-accordion accordion-title="Can I use Web Components with React?">
-    We provide a React wrapper, making it easy to use our web components in React projects with a familiar syntax.
-  </ino-meetup-accordion>
-
-  <ino-meetup-accordion accordion-title="What are slots in Web Components?">
-    Slots are a feature of Web Components that allow you to define placeholders in your component that can be filled
-    with custom content. This makes components more flexible and customizable.
-  </ino-meetup-accordion>
-</div>