<div data-content-type="html" data-appearance="default" data-element="main">&lt;div class="container mx-auto p-6 support-main"&gt;
  &lt;h2 class="text-center text-xl font-bold mb-6 text-heading"&gt;How can we help?&lt;/h2&gt;
  &lt;div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-3 gap-12"&gt;
    &lt;!-- General Info Card --&gt;
    &lt;div class="border rounded-lg p-6 shadow-md box-info"&gt;
      &lt;h3 class="text-lg font-semibold mb-4 flex items-center"&gt;
        &lt;img src="/media/wysiwyg/info.svg" alt="" class="mr-3"&gt; General Info&lt;/h3&gt;
      &lt;ul class="space-y-2"&gt;
        &lt;li&gt;&lt;a href="/returns"&gt;Returns Information&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="/14-day-money-back-guarantee"&gt;Guarantee Information&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="/finance"&gt;Finance Information&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Product Instructions&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Delivery Information&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Showroom Information&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;

    &lt;!-- Before You Order Card --&gt;
    &lt;div class="border rounded-lg p-6 shadow-md box-info"&gt;
      &lt;h3 class="text-lg font-semibold mb-4 flex items-center"&gt;
        &lt;img src="/media/wysiwyg/before.svg" alt="" class="mr-3"&gt;Before You Order&lt;/h3&gt;
      &lt;ul class="space-y-2"&gt;
        &lt;li&gt;&lt;a href="#"&gt;Buying Guides&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Ideas &amp; Inspiration&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;I Have A Question About A Product&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Product Price Enquiry&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Request a Catalogue&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;General Enquiry&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;

    &lt;!-- Before You Delivery Card --&gt;
    &lt;div class="border rounded-lg p-6 shadow-md box-info"&gt;
      &lt;h3 class="text-lg font-semibold mb-4 flex items-center"&gt;
        &lt;img src="/media/wysiwyg/delivery-support.svg" alt="" class="mr-3"&gt;
         Before You Delivery&lt;/h3&gt;
      &lt;ul class="space-y-2"&gt;
        &lt;li&gt;&lt;a href="#"&gt;Track My Order&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Cancel My Order&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Amend My Order&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;

    &lt;!-- Product &amp; Stock Card --&gt;
    &lt;div class="border rounded-lg p-6 shadow-md box-info"&gt;
      &lt;h3 class="text-lg font-semibold mb-4 flex items-center"&gt;
        &lt;img src="/media/wysiwyg/product-stock.svg" alt="" class="mr-3"&gt;
         Product &amp; Stock&lt;/h3&gt;
      &lt;ul class="space-y-2"&gt;
        &lt;li&gt;&lt;a href="#"&gt;Return Order/Item&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Report Damaged&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Faulty Items&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Returned&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;

    &lt;!-- Company Info Card --&gt;
    &lt;div class="border rounded-lg p-6 shadow-md box-info"&gt;
      &lt;h3 class="text-lg font-semibold mb-4 flex items-center"&gt;
        &lt;img src="/media/wysiwyg/cm-info.svg" alt="" class="mr-3"&gt;
        Company Info&lt;/h3&gt;
      &lt;ul class="space-y-2"&gt;
        &lt;li&gt;&lt;a href="#"&gt;About Us&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Terms &amp; Conditions&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Privacy &amp; Cookies&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Customer Privacy Policy&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Careers&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;div class="container mx-auto p-6 support-main most-popular"&gt;
  &lt;h2 class="text-center text-xl font-bold mb-6 text-heading"&gt;Popular Questions&lt;/h2&gt;
{{widget type="Magento\Cms\Block\Widget\Block" template="widget/static_block/default.phtml" block_id="support-popular-question"}}
&lt;div class="view-btn mt-6 block text-center"&gt;
  &lt;a href="/faq" class="text-red-500 font-semibold"&gt;View All FAQ’s&lt;/a&gt;
&lt;/div&gt;
&lt;/div&gt;
</div>