.

src/views/base/home/desktop/components/DesktopBannersPanel.vue

@@ -4,17 +4,29 @@ import DesktopHomeSection from './DesktopHomeSection.vue'
 import BannerSlider from '../../components/BannerSlider.vue'
 import { HOME_PAGE_CONTEXT_KEY } from '../../composables/useHomePage'
 
+withDefaults(
+  defineProps<{
+    embedded?: boolean
+  }>(),
+  {
+    embedded: false,
+  },
+)
+
 const ctx = inject(HOME_PAGE_CONTEXT_KEY)!
 </script>
 
 <template>
-  <DesktopHomeSection
+  <component
+    :is="embedded ? 'div' : DesktopHomeSection"
     v-if="ctx.bannerEnabled.value && ctx.banners.value?.length"
-    title="بنرها"
+    :title="embedded ? undefined : 'بنرها'"
+    class="dhome-banners"
+    :class="{ 'dhome-banners--embedded': embedded }"
   >
     <BannerSlider
       :banners="ctx.banners.value"
       @bannerClick="ctx.handleBannerClick"
     />
-  </DesktopHomeSection>
+  </component>
 </template>

src/views/base/home/desktop/components/DesktopChartSection.vue

@@ -4,6 +4,15 @@ import { useHomePageContext } from '../../composables/useHomePage'
 import PriceChart from '../../components/PriceChart.vue'
 import DesktopHomeSection from './DesktopHomeSection.vue'
 
+const props = withDefaults(
+  defineProps<{
+    embedded?: boolean
+  }>(),
+  {
+    embedded: false,
+  },
+)
+
 const ctx = useHomePageContext()
 
 const chartLayout = computed(() => (toValue(ctx.isBoursecuHomeLayout) ? 'boursecu' : 'default'))
@@ -13,7 +22,11 @@ const selectedChartMetal = computed(() => toValue(ctx.selectedChartMetal))
 </script>
 
 <template>
-  <DesktopHomeSection title="نمودار قیمت" class="dhome-chart">
+  <component
+    :is="props.embedded ? 'div' : DesktopHomeSection"
+    :title="props.embedded ? undefined : 'نمودار قیمت'"
+    class="dhome-chart"
+  >
     <PriceChart
       variant="desktop"
       :price-chart-series="priceChartSeries"
@@ -23,5 +36,5 @@ const selectedChartMetal = computed(() => toValue(ctx.selectedChartMetal))
       @update-data="ctx.updateChartData"
       @update:selected-metal="ctx.setChartMetal"
     />
-  </DesktopHomeSection>
+  </component>
 </template>