Feature/bus 795 three collums product boxes

components/cms/block/CmsBlockProductThreeColumn.vue

@@ -0,0 +1,21 @@
+<script setup lang="ts">
+import type { Schemas } from '@shopware/api-client/api-types';
+
+const props = defineProps<{
+    block: Schemas['CmsBlock'];
+}>();
+
+const { getSlotContent } = useCmsBlock(props.block);
+
+const leftContent: Schemas['CmsSlot'] = getSlotContent('left');
+const centerContent: Schemas['CmsSlot'] = getSlotContent('center');
+const rightContent: Schemas['CmsSlot'] = getSlotContent('right');
+</script>
+
+<template>
+    <div class="grid gap-4 md:grid-cols-3">
+        <CmsLoader :content="leftContent" />
+        <CmsLoader :content="centerContent" />
+        <CmsLoader :content="rightContent" />
+    </div>
+</template>

components/cms/element/CmsElementProductBox.vue

@@ -0,0 +1,14 @@
+<script setup lang="ts">
+import type { CmsElementProductBox } from '@shopware-pwa/composables-next';
+import ProductCard from '~/components/product/ProductCard.vue';
+
+const props = defineProps<{
+    element: CmsElementProductBox;
+}>();
+
+const { product } = useProduct(props.element.data.product);
+</script>
+
+<template>
+        <ProductCard :product="product"></ProductCard>
+</template>