add concatct page

yoga-app/src/components/breadcrumbs.component.tsx

@@ -14,6 +14,7 @@ const pathToBreadCrumbs = (path: string) => {
         'about' : 'Rólam',
         'services' : 'Szolgáltatásaim',
         'prices' : 'Áraim',
+        'faq' : 'GYIK',
     }
     if ( mapping.hasOwnProperty(path)){
         return mapping[path];

yoga-app/src/components/faq.qa.component.tsx

@@ -18,10 +18,12 @@ export default function FaqQaComponent({id,qa,isOpen,onClick}: Props){
     return (
         <div className="accordion-card">
             <div className="card-header" id={"heading" + id}>
-                <a href="#" onClick={ (event) => {
-                    event.preventDefault();
-                    onClick(id)
-                }} className={clsx("btn", "btn-link", {"collapsed": !isOpen})}
+                <a href="#"
+                //    onClick={ (event) => {
+                //     event.preventDefault();
+                //     onClick(id)
+                // }}
+                   className={clsx("btn", "btn-link", {"collapsed": !isOpen})}
                    data-toggle="collapse" data-target={"#collapse" + id}
                    aria-expanded="false" aria-controls={"collapse" + id}>
                     <h6>{qa.question}</h6>

yoga-app/src/components/google.maps.component.tsx

@@ -0,0 +1,26 @@
+import {
+    YogaGoogleMapsComponent,
+    YogaGoogleMapsComponent_Plain
+} from "@/types/generated-strapi-interfaces/api/yoga-google-maps-component";
+
+export interface Props{
+    config: YogaGoogleMapsComponent_Plain
+}
+
+export default function GoogleMapsComponent({config}: Props){
+
+    if(!config?.google_maps_url){
+        return null;
+    }
+
+    return (
+        <div className="contact_map_section">
+            <div className="row">
+                <div className="col-lg-12 col-md-12 col-sm-12 col-xs-12"
+                     dangerouslySetInnerHTML={{ __html: config.google_maps_url }}
+                >
+                </div>
+            </div>
+        </div>
+    );
+}

yoga-app/src/components/nav.component.tsx

@@ -8,7 +8,8 @@ export interface MenuItem{
     href?: string;
     label: string;
     children?: MenuItem[];
-    active?: boolean
+    active?: boolean,
+    styleClass?: string;
 }
 export interface Props{
     menuItems: MenuItem[];
@@ -58,7 +59,7 @@ const MenuItemComponent: FC<MenuItemProps>  = ({menuItem, dropdownItem}: MenuIte
         return (
             // <li className="nav-item active">
             <li className={clsx("nav-item", {"active": menuItem.active})}>
-                <a className={clsx("nav-link", {"dropdown-item":dropdownItem})} href={menuItem.href}>{menuItem.label}</a>
+                <a className={clsx("nav-link", {"dropdown-item":dropdownItem},menuItem.styleClass)} href={menuItem.href}>{menuItem.label}</a>
             </li>
         );
     }

yoga-app/src/components/subscribe.component.tsx

@@ -2,12 +2,17 @@ import YogaImageComponent from "@/components/yoga.image.component";
 import {
     YogaSubscribeNowComponent_Plain
 } from "@/types/generated-strapi-interfaces/api/yoga-subscribe-now-component";
+import clsx from "clsx";
 export interface Props{
-    config: YogaSubscribeNowComponent_Plain
+    config: YogaSubscribeNowComponent_Plain,
+    styleClass: string
 }
-const SubscribeComponent = ({config: {title,header,placeHolderEmail,buttonSubscribeLabel}}: Props) => {
+const SubscribeComponent = ({
+                                config: {title,header,placeHolderEmail,buttonSubscribeLabel},
+    styleClass
+}: Props) => {
     return (
-        <section className="subscribe_section">
+        <section className={clsx("subscribe_section",styleClass)}>
             <div className="container">
                 <div className="subscribe_background_image">
                     <div className="row">