diff --git a/assets/output.css b/assets/output.css
index e75d7cdd..33b46440 100644
--- a/assets/output.css
+++ b/assets/output.css
@@ -588,6 +588,10 @@ video {
   position: sticky;
 }
 
+.isolate {
+  isolation: isolate;
+}
+
 .mx-auto {
   margin-left: auto;
   margin-right: auto;
diff --git a/sections/custom-liquid.liquid b/sections/custom-liquid.liquid
new file mode 100644
index 00000000..291fb913
--- /dev/null
+++ b/sections/custom-liquid.liquid
@@ -0,0 +1,31 @@
+<div style="background-color: {{ section.settings.background_color }};">
+    {{ section.settings.custom_liquid }}
+</div>
+
+{% schema %}
+{
+    "name": "Custom Liquid",
+    "tag": "section",
+    "class": "section",
+    "settings": [
+      {
+        "type": "liquid",
+        "id": "custom_liquid",
+        "label": "Custom Liquid",
+        "info": "Add app snippets or other code to create advanced customizations. [Learn more](https://shopify.dev/docs/api/liquid)"
+      },
+      {
+        "type": "color",
+        "id": "background_color",
+        "label": "Background Color",
+        "info": "Choose a background color for the section."
+      }
+    ],
+    "presets": [
+      {
+        "name": "Custom Liquid"
+      }
+    ]
+  }
+  
+{% endschema %}
diff --git a/sections/dev__featured-blogs.liquid b/sections/dev__featured-blogs.liquid
index 302879bf..7ce318d3 100644
--- a/sections/dev__featured-blogs.liquid
+++ b/sections/dev__featured-blogs.liquid
@@ -2,7 +2,7 @@
 {% assign blog = blogs[blog_handle] %}
 
 <div class="featured-blog">
-  <{{ section.settings.heading_size }} class="featured-blog-heading">
+  <{{ section.settings.heading_size }} class="featured-blog__heading">
     {{ section.settings.heading }}
   </{{ section.settings.heading_size }}>
 
@@ -13,24 +13,28 @@
           {{ article.image | image_url: 'master' | image_tag: article.title }}
         {% endif %}
 
-        <{{ section.settings.article_heading_size }}>{{ article.title }}</{{ section.settings.article_heading_size }}>
+        <{{ section.settings.article_heading_size }} class="blog-post__title">
+          {{- article.title -}}
+        </{{ section.settings.article_heading_size }}>
 
         {% if section.settings.show_date %}
-          <p class="post-date">{{ article.published_at | date: section.settings.date_format }}</p>
+          <p class="blog-post__date">{{ article.published_at | date: section.settings.date_format }}</p>
         {% endif %}
 
         {% if section.settings.show_author %}
-          <p class="post-author">{{ article.author.name }}</p>
+          <p class="blog-post__author">{{ article.author.name }}</p>
         {% endif %}
 
-        <p>{{ article.content | strip_html | truncatewords: section.settings.truncate_words }}</p>
-        <a href="{{ article.url }}">{{ section.settings.read_more_text }}</a>
+        <p class="blog-post__content">
+          {{ article.content | strip_html | truncatewords: section.settings.truncate_words }}
+        </p>
+        <a href="{{ article.url }}" class="blog-post__read-more">{{ section.settings.read_more_text }}</a>
       </article>
     {% endfor %}
   </div>
 
   {% if section.settings.show_view_all %}
-    <a href="{{ blog.url }}" class="view-all">{{ section.settings.view_all_text }}</a>
+    <a href="{{ blog.url }}" class="featured-blog__view-all">{{ section.settings.view_all_text }}</a>
   {% endif %}
 </div>
 
@@ -194,4 +198,3 @@
   ]
 }
 {% endschema %}
-
diff --git a/sections/dev_collage.liquid b/sections/dev_collage.liquid
new file mode 100644
index 00000000..db54da0c
--- /dev/null
+++ b/sections/dev_collage.liquid
@@ -0,0 +1,223 @@
+{% assign section_id = section.id %}
+{% assign section_classes = 'section-' | append: section_id | append: '-padding' %}
+
+<div class="color-{{ section.settings.color_scheme }} gradient isolate">
+  <div class="page-width {{ section_classes }}">
+    {% if section.settings.heading != blank %}
+      <h2 class="collage-wrapper-title inline-richtext {{ section.settings.heading_size }}">
+        {{ section.settings.heading }}
+      </h2>
+    {% endif %}
+    <div class="collage{% if section.settings.mobile_layout == 'collage' %} collage--mobile{% endif %}">
+      {% for block in section.blocks %}
+        <div class="collage__item collage__item--{{ block.type }} collage__item--{{ section.settings.desktop_layout }}">
+          {% case block.type %}
+            {% when 'image' %}
+              <div class="collage-card">
+                <div class="media media--transparent ratio">
+                  {{ block.settings.image | img_url: 'master' | img_tag: 'collage-image' }}
+                </div>
+              </div>
+            {% when 'product' %}
+              <div class="collage-card product-card">
+                {% if block.settings.second_image %}
+                  {{ block.settings.second_image | img_url: 'master' | img_tag: 'second-image' }}
+                {% else %}
+                  <div class="product">
+                    <h3 class="product__title">{{ block.settings.product.title }}</h3>
+                    <p class="product__description">{{ block.settings.product.description }}</p>
+                    <p class="product__price">Price: {{ block.settings.product.price | money }}</p>
+                    <p class="product__sku">SKU: {{ block.settings.product.sku }}</p>
+                    <!-- Add more product details as needed -->
+                    <a href="{{ block.settings.product.url }}" class="btn btn-primary">Shop Now</a>
+                  </div>
+                {% endif %}
+              </div>
+            {% when 'collection' %}
+              <div class="collage-card collection-card">
+                <div class="collection">
+                  <h3 class="collection__title">{{ block.settings.collection.title }}</h3>
+                  <p class="collection__description">{{ block.settings.collection.description }}</p>
+                  <!-- Display collection items or details as needed -->
+                  <a href="{{ block.settings.collection.url }}" class="btn btn-secondary">{{ block.settings.collection_text | default: block.settings.collection.title }}</a>
+                </div>
+              </div>
+            {% when 'video' %}
+              <div class="collage-card video-card">
+                <div class="media media--transparent ratio">
+                  {{ block.settings.cover_image | img_url: 'master' | img_tag: 'video-cover' }}
+                </div>
+                <a href="{{ block.settings.video_url }}" class="collage-card__link"></a>
+              </div>
+          {% endcase %}
+        </div>
+      {% endfor %}
+    </div>
+  </div>
+</div>
+
+{% schema %}
+{
+  "name": "Custom Collage",
+  "tag": "section",
+  "class": "section",
+  "settings": [
+    {
+      "type": "inline_richtext",
+      "id": "heading",
+      "default": "Multimedia Collage",
+      "label": "Heading"
+    },
+    {
+      "type": "select",
+      "id": "heading_size",
+      "options": [
+        { "value": "h2", "label": "H2" },
+        { "value": "h1", "label": "H1" },
+        { "value": "h0", "label": "H0" }
+      ],
+      "default": "h1",
+      "label": "Heading Size"
+    },
+    {
+      "type": "select",
+      "id": "desktop_layout",
+      "options": [
+        { "value": "left", "label": "Left" },
+        { "value": "right", "label": "Right" }
+      ],
+      "default": "left",
+      "label": "Desktop Layout"
+    },
+    {
+      "type": "select",
+      "id": "mobile_layout",
+      "options": [
+        { "value": "collage", "label": "Collage" },
+        { "value": "column", "label": "Column" }
+      ],
+      "default": "column",
+      "label": "Mobile Layout"
+    },
+    {
+      "type": "select",
+      "id": "card_styles",
+      "options": [
+        { "value": "none", "label": "None" },
+        { "value": "product-card-wrapper", "label": "Product Card Wrapper" }
+      ],
+      "default": "product-card-wrapper",
+      "label": "Card Styles"
+    },
+    {
+      "type": "color_scheme",
+      "id": "color_scheme",
+      "label": "Color Scheme",
+      "default": "scheme-1"
+    },
+    {
+      "type": "range",
+      "id": "padding_top",
+      "min": 0,
+      "max": 100,
+      "step": 4,
+      "unit": "px",
+      "label": "Padding Top",
+      "default": 36
+    },
+    {
+      "type": "range",
+      "id": "padding_bottom",
+      "min": 0,
+      "max": 100,
+      "step": 4,
+      "unit": "px",
+      "label": "Padding Bottom",
+      "default": 36
+    }
+  ],
+  "blocks": [
+    {
+      "type": "image",
+      "name": "Image",
+      "settings": [
+        {
+          "type": "image_picker",
+          "id": "image",
+          "label": "Image"
+        }
+      ]
+    },
+    {
+      "type": "product",
+      "name": "Product",
+      "settings": [
+        {
+          "type": "product",
+          "id": "product",
+          "label": "Product"
+        },
+        {
+          "type": "checkbox",
+          "id": "second_image",
+          "default": false,
+          "label": "Second Image"
+        }
+      ]
+    },
+    {
+      "type": "collection",
+      "name": "Collection",
+      "settings": [
+        {
+          "type": "collection",
+          "id": "collection",
+          "label": "Collection"
+        },
+        {
+          "type": "text",
+          "id": "collection_text",
+          "label": "Collection Display Text",
+          "info": "Defaults to collection name if empty"
+        }
+      ]
+    },
+    {
+      "type": "video",
+      "name": "Video",
+      "settings": [
+        {
+          "type": "image_picker",
+          "id": "cover_image",
+          "label": "Video Cover Image"
+        },
+        {
+          "type": "video_url",
+          "id": "video_url",
+          "accept": ["youtube", "vimeo"],
+          "default": "https://www.youtube.com/watch?v=_9VUPq3SxOc",
+          "label": "Video URL",
+          "info": "Enter the video URL"
+        }
+      ]
+    }
+  ],
+  "max_blocks": 3,
+  "presets": [
+    {
+      "name": "Custom Collage",
+      "blocks": [
+        {
+          "type": "image"
+        },
+        {
+          "type": "product"
+        },
+        {
+          "type": "collection"
+        }
+      ]
+    }
+  ]
+}
+{% endschema %}
diff --git a/sections/featured-collection.liquid b/sections/featured-collection.liquid
index d4b36122..09b34609 100644
--- a/sections/featured-collection.liquid
+++ b/sections/featured-collection.liquid
@@ -1,156 +1,156 @@
-<div class="featured-collection">
-  <div class="featured-collection__centered-content">
-    <div class="featured-collection__feature-headers">
-      <h1 class="featured-collection__header" id="header1">{{ section.settings.heading1 }}</h1>
-      <h1 class="featured-collection__header" id="header2">{{ section.settings.heading2 }}</h1>
-    </div>
-
-    <div class="featured-collection__link-section">
-      <a href="{{ section.settings.linkUrl }}" class="featured-collection__view-all-link">View all products ➜</a>
-    </div>
-
-    <div class="featured-collection__tabsCSS">
-      {% assign tags = section.settings.tags | split: ',' %}
-      {% for tag in tags %}
-        {% assign formattedTag = tag | replace: '_', ' ' | capitalize %}
-        <a href="#" class="featured-collection__tab-link" data-category="{{ formattedTag | handle }}">
-          {{- formattedTag -}}
-        </a>
-      {% endfor %}
-    </div>
-  </div>
-
-  <div class="featured-collection__product-container">
-    {% for block in section.blocks %}
-      <div
-        class="featured-collection__product-card"
-        {{ block.shopify_attributes }}
-        data-category="{{ block.settings.category | handle }}"
-      >
-        <div class="featured-collection__card-img">
-          {{ block.settings.image | image_url: width: '300px', height: '300px' }}
-          <div class="featured-collection__deal-tag">DEAL - {{ block.settings.deal }}</div>
-        </div>
-        <p class="featured-collection__category" id="categoryCSS">{{ block.settings.category }}</p>
-        <h3 class="featured-collection__title">{{ block.settings.title }}</h3>
-        <p class="featured-collection__description">{{ block.settings.description }}</p>
-        <p class="featured-collection__price">
-          €{{ block.settings.price }}
-          <span class="featured-collection__strikePrice"
-            ><s>€{{ block.settings.strikeThroughPrice }}</s></span
-          >
-        </p>
-      </div>
-    {% endfor %}
-  </div>
-</div>
-
-<script>
-  document.addEventListener('DOMContentLoaded', function () {
-    const tabs = document.querySelectorAll('.featured-collection__tab-link');
-    console.log('Tabs found:', tabs.length);
-
-    tabs.forEach((tab) => {
-      tab.addEventListener('click', function (e) {
-        e.preventDefault();
-        console.log('Tab clicked:', this.innerText);
-
-        tabs.forEach((t) => t.classList.remove('active'));
-        this.classList.add('active');
-
-        const category = this.getAttribute('data-category');
-        console.log('Filtering category:', category);
-        filterProducts(category);
-      });
-    });
-
-    function filterProducts(category) {
-      const allProductCards = document.querySelectorAll('.featured-collection__product-card');
-      allProductCards.forEach((card) => {
-        const isActive = category === 'all';
-        card.style.display = isActive || category === card.dataset.category ? 'inline-block' : 'none';
-      });
-    }
-
-    filterProducts('all');
-  });
-</script>
-
-{% schema %}
-{
-  "name": "Featured Collection",
-  "settings": [
-    {
-      "type": "text",
-      "label": "Heading 1",
-      "id": "heading1",
-      "default": "YUMMYGUMS"
-    },
-    {
-      "type": "text",
-      "label": "Heading 2",
-      "id": "heading2",
-      "default": "FOR ANY PURPOSE"
-    },
-    {
-      "type": "url",
-      "label": "Link URL",
-      "id": "linkUrl"
-    },
-    {
-      "type": "text",
-      "label": "Tags (Comma Separated)",
-      "id": "tags",
-      "default": "all,multivitamin,wellness_beauty,single_support,kids"
-    }
-  ],
-  "blocks": [
-    {
-      "type": "product",
-      "name": "Product",
-      "settings": [
-        {
-          "type": "text",
-          "id": "category",
-          "label": "Category"
-        },
-        {
-          "type": "text",
-          "id": "title",
-          "label": "Title"
-        },
-        {
-          "type": "textarea",
-          "id": "description",
-          "label": "Description"
-        },
-        {
-          "type": "text",
-          "id": "price",
-          "label": "Price"
-        },
-        {
-          "type": "text",
-          "id": "strikeThroughPrice",
-          "label": "Original Price"
-        },
-        {
-          "type": "image_picker",
-          "id": "image",
-          "label": "Image"
-        },
-        {
-          "type": "text",
-          "id": "deal",
-          "label": "Deal"
-        }
-      ]
-    }
-  ],
-  "presets": [
-    {
-      "name": "Featured Collection"
-    }
-  ]
-}
-{% endschema %}
+<div class="featured-collection">
+  <div class="featured-collection__centered-content">
+    <div class="featured-collection__feature-headers">
+      <h1 class="featured-collection__header" id="header1">{{ section.settings.heading1 }}</h1>
+      <h1 class="featured-collection__header" id="header2">{{ section.settings.heading2 }}</h1>
+    </div>
+
+    <div class="featured-collection__link-section">
+      <a href="{{ section.settings.linkUrl }}" class="featured-collection__view-all-link">View all products ➜</a>
+    </div>
+
+    <div class="featured-collection__tabsCSS">
+      {% assign tags = section.settings.tags | split: ',' %}
+      {% for tag in tags %}
+        {% assign formattedTag = tag | replace: '_', ' ' | capitalize %}
+        <a href="#" class="featured-collection__tab-link" data-category="{{ formattedTag | handle }}">
+          {{- formattedTag -}}
+        </a>
+      {% endfor %}
+    </div>
+  </div>
+
+  <div class="featured-collection__product-container">
+    {% for block in section.blocks %}
+      <div
+        class="featured-collection__product-card"
+        {{ block.shopify_attributes }}
+        data-category="{{ block.settings.category | handle }}"
+      >
+        <div class="featured-collection__card-img">
+          {{ block.settings.image | image_url: width: '300px', height: '300px' }}
+          <div class="featured-collection__deal-tag">DEAL - {{ block.settings.deal }}</div>
+        </div>
+        <p class="featured-collection__category" id="categoryCSS">{{ block.settings.category }}</p>
+        <h3 class="featured-collection__title">{{ block.settings.title }}</h3>
+        <p class="featured-collection__description">{{ block.settings.description }}</p>
+        <p class="featured-collection__price">
+          €{{ block.settings.price }}
+          <span class="featured-collection__strikePrice"
+            ><s>€{{ block.settings.strikeThroughPrice }}</s></span
+          >
+        </p>
+      </div>
+    {% endfor %}
+  </div>
+</div>
+
+<script>
+  document.addEventListener('DOMContentLoaded', function () {
+    const tabs = document.querySelectorAll('.featured-collection__tab-link');
+    console.log('Tabs found:', tabs.length);
+
+    tabs.forEach((tab) => {
+      tab.addEventListener('click', function (e) {
+        e.preventDefault();
+        console.log('Tab clicked:', this.innerText);
+
+        tabs.forEach((t) => t.classList.remove('active'));
+        this.classList.add('active');
+
+        const category = this.getAttribute('data-category');
+        console.log('Filtering category:', category);
+        filterProducts(category);
+      });
+    });
+
+    function filterProducts(category) {
+      const allProductCards = document.querySelectorAll('.featured-collection__product-card');
+      allProductCards.forEach((card) => {
+        const isActive = category === 'all';
+        card.style.display = isActive || category === card.dataset.category ? 'inline-block' : 'none';
+      });
+    }
+
+    filterProducts('all');
+  });
+</script>
+
+{% schema %}
+{
+  "name": "Featured Collection",
+  "settings": [
+    {
+      "type": "text",
+      "label": "Heading 1",
+      "id": "heading1",
+      "default": "YUMMYGUMS"
+    },
+    {
+      "type": "text",
+      "label": "Heading 2",
+      "id": "heading2",
+      "default": "FOR ANY PURPOSE"
+    },
+    {
+      "type": "url",
+      "label": "Link URL",
+      "id": "linkUrl"
+    },
+    {
+      "type": "text",
+      "label": "Tags (Comma Separated)",
+      "id": "tags",
+      "default": "all,multivitamin,wellness_beauty,single_support,kids"
+    }
+  ],
+  "blocks": [
+    {
+      "type": "product",
+      "name": "Product",
+      "settings": [
+        {
+          "type": "text",
+          "id": "category",
+          "label": "Category"
+        },
+        {
+          "type": "text",
+          "id": "title",
+          "label": "Title"
+        },
+        {
+          "type": "textarea",
+          "id": "description",
+          "label": "Description"
+        },
+        {
+          "type": "text",
+          "id": "price",
+          "label": "Price"
+        },
+        {
+          "type": "text",
+          "id": "strikeThroughPrice",
+          "label": "Original Price"
+        },
+        {
+          "type": "image_picker",
+          "id": "image",
+          "label": "Image"
+        },
+        {
+          "type": "text",
+          "id": "deal",
+          "label": "Deal"
+        }
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Featured Collection"
+    }
+  ]
+}
+{% endschema %}