Merge branch 'master' of igamebox/mtb_store_frontend into stable

app/Http/Controllers/ContactController.php

@@ -16,6 +16,71 @@ class ContactController extends Controller
         $this->liquidRenderer = $liquidRenderer;
     }
 
+    /**
+     * 关键字过滤方法
+     */
+    private function filterKeywords($data)
+    {
+        // 检查是否启用内容过滤
+        if (!config('content_filter.enabled', true)) {
+            return [
+                'blocked' => false,
+                'data' => $data,
+                'filtered_words' => []
+            ];
+        }
+
+        // 从配置文件获取过滤设置
+        $blockedWords = config('content_filter.blocked_words', []);
+        $fieldsToCheck = config('content_filter.filter_fields', ['customer_name', 'content']);
+        $maxLengths = config('content_filter.max_length', []);
+
+        $result = [
+            'blocked' => false,
+            'data' => $data,
+            'filtered_words' => []
+        ];
+
+        foreach ($fieldsToCheck as $field) {
+            if (!isset($data[$field])) continue;
+
+            $originalText = $data[$field];
+            $cleanText = $originalText;
+
+            // 长度检查
+            $maxLength = $maxLengths[$field] ?? 5000;
+            if (strlen($originalText) > $maxLength) {
+                $result['blocked'] = true;
+                break;
+            }
+
+            // 检查敏感词 - 直接阻止
+            foreach ($blockedWords as $word) {
+                if (stripos($originalText, $word) !== false) {
+                    $result['blocked'] = true;
+                    $result['filtered_words'][] = $word;
+                    
+                    // 记录过滤日志
+                    if (config('content_filter.log_filtered', false)) {
+                        \Log::warning('Content blocked due to sensitive word', [
+                            'field' => $field,
+                            'word' => $word,
+                            'ip' => request()->ip(),
+                            'user_agent' => request()->userAgent()
+                        ]);
+                    }
+                    
+                    break 2; // 跳出所有循环
+                }
+            }
+
+            // 更新清理后的数据
+            $result['data'][$field] = trim($originalText);
+        }
+
+        return $result;
+    }
+
 
     function create()
     {
@@ -63,10 +128,26 @@ class ContactController extends Controller
                 // 其他字段的验证规则可以在这里添加
             ]);
 
+            // 关键字过滤
+            $filteredResult = $this->filterKeywords($validatedData);
+            if ($filteredResult['blocked']) {
 
+                $response = [
+                    'status' => 'error',
+                    'message' => 'System error, please try again later.',
+                ];
+    
+    
+                return response()->json($response, 403);
+
+            }
 
             // 从请求中获取所有数据
             $data = $request->all();
+            
+            // 应用过滤后的数据
+            $data['customer_name'] = $filteredResult['data']['customer_name'];
+            $data['content'] = $filteredResult['data']['content'];
 
             // 指定特殊字段的值
             $data['dist_id'] = 0; // app('dist')->id; // 指定当前登录的分销商ID

config/content_filter.php

@@ -0,0 +1,61 @@
+<?php
+
+return [
+    
+    /*
+    |--------------------------------------------------------------------------
+    | 内容过滤配置
+    |--------------------------------------------------------------------------
+    |
+    | 这里配置了内容过滤相关的敏感词汇和过滤规则
+    |
+    */
+
+    // 敏感词 - 遇到这些词汇会直接阻止提交
+    'blocked_words' => [
+        // 严重脏话
+        // 'fuck', 'shit', 'damn', 'bitch', 'asshole',
+        // 中文严重敏感词
+        // '垃圾', '诈骗', '骗子', '傻逼', '操你妈', '草泥马', '妈的', '他妈的',
+        // // 政治敏感词
+        // '法轮功', '六四', '天安门事件',
+        // // 其他严重违规内容
+        // 'terror', 'bomb', 'kill', 'die', 'death',
+        // // 垃圾信息相关
+        // 'spam', 'scam', 'fake', 'fraud', 'cheat',
+        // // 恶意内容
+        // 'hack', 'virus', 'malware', 'phishing',
+        // // 商业垃圾信息
+        // 'casino', 'gambling', 'loan', 'debt', 'credit', 'money', 'cash',
+        // // 测试相关
+        // 'test', 'testing', '测试', 'asdf', 'qwerty', 'demo',
+        // // 广告相关
+        // 'advertisement', 'promotion', 'discount', 'free', 'win', 'prize',
+        // // 中文敏感词
+        // '赌博', '博彩', '贷款', '借钱', '投资', '理财', '股票', '彩票',
+        //http相关
+        'http', 'https', 'www',
+    ],
+
+    // 内容长度限制
+    'max_length' => [
+        'customer_name' => 255,
+        'content' => 5000,
+    ],
+
+    // 需要过滤的字段
+    'filter_fields' => [
+        'customer_name',
+        'content',
+        'email',
+        'whats_app',
+        'consulting_products',
+    ],
+
+    // 是否启用过滤功能
+    'enabled' => env('CONTENT_FILTER_ENABLED', true),
+
+    // 是否记录过滤日志
+    'log_filtered' => env('CONTENT_FILTER_LOG', false),
+
+]; 

resources/views/liquid_src/1/cable_tech/__collection_list_3.liquid

@@ -6,9 +6,9 @@
         {% for item in pages %}
             <div class="bg-white overflow-hidden rounded-lg shadow">
             <div class="overflow-hidden">
-                <a href="/pages/{{ item.id }}" title="{{ item.title | decode_html_entities | strip_html }}">
+                <a href="/pages/{% if item.slug %}{{ item.slug }}{% else %}{{ item.id }}{% endif %}" title="{{ item.title | decode_html_entities | strip_html }}">
                 {% if item.cover_image %}
-                    <img src="{% if item.cover_image contains 'http' %}{{ item.cover_image }}{% else %}{{ site.image_base_url }}{{ item.cover_image | append: '?x-oss-process=image/resize,m_fill,w_380,h_210' }}{% endif %}"
+                    <img src="{% if item.cover_image contains 'http' %}{{ item.cover_image }}{% else %}{{ site.image_base_url }}{{ item.cover_image}}{% endif %}"
                          alt="{{ item.title | strip_html }}"
                          class="w-full h-52 object-cover">
                 {% else %}
@@ -20,7 +20,7 @@
             </div>
 
                 <div class="p-6">
-                    <a href="/pages/{{ item.id }}" title="{{ item.title | decode_html_entities | strip_html }}">
+                    <a href="/pages/{% if item.slug %}{{ item.slug }}{% else %}{{ item.id }}{% endif %}" title="{{ item.title | decode_html_entities | strip_html }}">
                     <h3 class="font-bold text-lg mb-4">{{ item.title | decode_html_entities | strip_html }}</h3>
                     </a>
                     <p class="text-sm/6 text-gray-600 mb-4 ">  {% if item.seo_description %}
@@ -30,7 +30,7 @@
                         {% endif %}</p>
                     <div class="flex justify-between items-center">
                         <span class="text-xs text-gray-500">{{ item.post_date | date: 'M %d.%Y' }}</span>
-                        <a href="/pages/{{ item.id }}" title="{{ item.title | decode_html_entities | strip_html }}" class="text-orange-500 text-sm">Read More</a>
+                        <a href="/pages/{% if item.slug %}{{ item.slug }}{% else %}{{ item.id }}{% endif %}" title="{{ item.title | decode_html_entities | strip_html }}" class="text-orange-500 text-sm">Read More</a>
                     </div>
                 </div>
             </div>

resources/views/liquid_src/1/cable_tech/__product_list_1.liquid

@@ -4,7 +4,7 @@
                 <div class="relative p-6">
                     <div class="absolute top-6 left-6 bg-red-500 text-white text-xs px-2 py-1 rounded bold_header">HOT</div>
 
-                    <a  href="/products/{{ item.id }}" target="_blank" title="{{ item.title }}">
+                    <a  href="/products/{{ item.slug }}" target="_blank" title="{{ item.title }}">
 		 {% assign image_url = item.images[0].image_url %}
 
                     {% if image_url %}

resources/views/liquid_src/1/cable_tech/_footer.liquid

@@ -37,7 +37,7 @@
             </div>
         </div>
         <div class="messager">
-            <a href="https://m.me/mietubl.ph?text=Hello" target="_blank">
+            <a href="https://www.messenger.com/t/103097428771505/?text=Hello&messaging_source=source%3Apages%3Amessage_shortlink&source_id=1441792&recurring_notification=0" target="_blank">
             	<img src="https://mietubl-website.oss-cn-hongkong.aliyuncs.com/static/tpl/cable_tech/images/Messenger.png" alt="Facebook Messenger">
             </a>
         </div>

resources/views/liquid_src/1/cable_tech/_header.liquid

@@ -150,33 +150,37 @@
                 </button>
             </div>
 
-            <nav class="p-4">
-                <ul class="space-y-2">
-                    {% for menu in site.menus_header %}
+        <nav class="p-4">
+            <ul class="space-y-2">
+                {% for menu in site.menus_header %}
                     <li>
                         {% if menu.children and menu.children.size > 0 %}
-                        <div class="flex justify-between items-center py-2 px-4 text-gray-800 hover:bg-gray-100 rounded cursor-pointer submenu-toggle">
-                            <span>{{ menu.title }}</span>
-                            <i class="fas fa-chevron-down text-xs"></i>
-                        </div>
-                        <div class="submenu">
-                            {% for child in menu.children %}
-                            <div class="mt-2 mb-1">
-                                <h3 class="font-medium text-sm text-gray-900 px-4 py-1">{{ child.title }}</h3>
-                                <div class="pl-2 space-y-1">
-                                    {% for item in child.children %}
-                                    <a href="{{ item.uri }}" class="block px-4 py-1 text-sm text-gray-500 hover:text-orange-500 bold_header">{{ item.title }}</a>
-                                    {% endfor %}
-                                </div>
+                            <div class="flex justify-between items-center py-2 px-4 text-gray-800 hover:bg-gray-100 rounded cursor-pointer submenu-toggle">
+                                <span>{{ menu.title }}</span>
+                                <i class="fas fa-chevron-down text-xs"></i>
+                            </div>
+                            <div class="submenu">
+                                {% for child in menu.children %}
+                                    <div class="mt-2 mb-1">
+                                        {% if child.children and child.children.size > 0 %}
+                                        <h3 class="text-sm text-gray-900 px-4 py-1">{{ child.title }}</h3>
+                                        <div class="pl-2 space-y-1">
+                                            {% for item in child.children %}
+                                                <a href="{{ item.uri }}" class="block px-4 py-1 text-sm text-gray-500 hover:text-orange-500 bold_header" title="{{ item.title }}">{{ item.title }}</a>
+                                            {% endfor %}
+                                        </div>
+                                        {% else %}
+                                         <h3 class="text-[14px] text-gray-900 px-4 py-1"><a href="{{ child.uri }}" title="{{ child.title }}">{{ child.title }}</a></h3>
+                                        {% endif %}
+                                    </div>
+                                {% endfor %}
                             </div>
-                            {% endfor %}
-                        </div>
                         {% else %}
-                        <a href="{{ menu.uri }}" class="block py-2 px-4 text-gray-800 hover:bg-gray-100 rounded">{{ menu.title }}</a>
+                            <a href="{{ menu.uri }}" class="block py-2 px-4 text-gray-800 hover:bg-gray-100 rounded" title="{{ menu.title }}">{{ menu.title }}</a>
                         {% endif %}
                     </li>
-                    {% endfor %}
-                </ul>
-            </nav>
+                {% endfor %}
+            </ul>
+        </nav>
         </div>
     </div>

resources/views/liquid_src/1/cable_tech/_header_css.liquid

@@ -1,5 +1,6 @@
 <script src="https://cdn.tailwindcss.com"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
     <link rel="stylesheet" href="{{ site.image_base_url }}static/tpl/cable_tech/css/css.css">
+    <link href="{{ site.asset_base_url }}static/common/css/common.css" rel="stylesheet">
     <link rel="shortcut icon" href="https://mietubl-website.oss-cn-hongkong.aliyuncs.com/static/tpl/cable_tech/images/favicon.ico" />
     <script src="{{ site.image_base_url }}static/tpl/cable_tech/js/script.js"></script>

resources/views/liquid_src/1/cable_tech/collection_list.liquid

@@ -74,7 +74,7 @@
             <div>
                 <div class="  rounded-md   overflow-hidden">
 
-                    <a href="/pages/{{ item.id }}" title="{{ item.title | decode_html_entities | strip_html }}">
+                    <a href="/pages/{% if item.slug %}{{ item.slug }}{% else %}{{ item.id }}{% endif %}" title="{{ item.title | decode_html_entities | strip_html }}">
                         {% if item.cover_image %}
                             <img src="{% if item.cover_image contains 'http' %}{{ item.cover_image }}{% else %}{{ site.image_base_url }}{{ item.cover_image }}{% endif %}" alt="{{ item.title | strip_html }}" class="w-full h-52 object-cover">
                         {% else %}
@@ -84,7 +84,7 @@
                 </div>
                 <div class="p-4">
 
-                    <a href="/pages/{{ item.id }}" title="{{ item.title | decode_html_entities | strip_html }}">
+                    <a href="/pages/{% if item.slug %}{{ item.slug }}{% else %}{{ item.id }}{% endif %}" title="{{ item.title | decode_html_entities | strip_html }}">
                     <h3 class="font-bold text-lg mb-4">{{ item.title | decode_html_entities | strip_html }}</h3>
                     </a>
                     <p class="text-sm/6 text-gray-600 mb-4 ">  {% if item.seo_description %}
@@ -94,7 +94,7 @@
                         {% endif %}</p>
                     <div class="flex justify-between items-center">
                         <span class="text-xs text-gray-500">{{ item.post_date | date: 'M %d.%Y' }}</span>
-                        <a href="/pages/{{ item.id }}" title="{{ item.title | decode_html_entities | strip_html }}" class="text-orange-500 text-sm">Read More</a>
+                        <a href="/pages/{% if item.slug %}{{ item.slug }}{% else %}{{ item.id }}{% endif %}" title="{{ item.title | decode_html_entities | strip_html }}" class="text-orange-500 text-sm">Read More</a>
                     </div>
                 </div>
             </div>

resources/views/liquid_src/1/cable_tech/pages_detail.liquid

@@ -2,13 +2,14 @@
 <html lang="{{site.dist.country_lang }}">
 <head>
 <meta charset="utf-8">
+<title>{{page.seo_title}}</title>
+<meta name="keywords" content="{{page.seo_keywords}}">
+<meta name="description" content="{{ page.seo_description  | strip_html| strip_newlines  }}">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta name="robots" content="index, follow">
 <meta property="og:locale" content="{{site.dist.country_lang | replace: '-', '_' }}" />
 <meta name="author" content="Mietubl">
-<meta name="description" content="{{ tag.seo_description  | strip_html| strip_newlines  }}">
-<meta name="keywords" content="{{tag.seo_keywords}}">
-<title>{{tag.seo_title}}</title>
+
     <meta name="author" content="Mietubl">
     {% include '_header_css.liquid' %}
 
@@ -17,23 +18,23 @@
           "@context": "https://schema.org",
           "@type": "Article",
           "headline": "{{page.seo_title}}",
-  "description": "{{page.seo_description  | strip_html| strip_newlines }}",
-  "image": {
-    "@type": "ImageObject",
-    "url": "{{ page.cover_image }}",
-    "height": 885,
-    "width": 509
-  },
-
-  "publisher": {
-    "@type": "Organization",
-    "name": "Mietubl",
-    "logo": {
-      "@type": "ImageObject",
-      "url": "https://www.screenguardfactory.com/static/images/logo-black.svg",
-      "height": 114,
-      "width": 38
-    }
+          "description": "{{page.seo_description  | strip_html| strip_newlines }}",
+          "image": {
+            "@type": "ImageObject",
+            "url": "{{ page.cover_image }}",
+            "height": 885,
+            "width": 509
+          },
+
+          "publisher": {
+            "@type": "Organization",
+            "name": "Mietubl",
+            "logo": {
+              "@type": "ImageObject",
+              "url": "https://www.screenguardfactory.com/static/images/logo-black.svg",
+              "height": 114,
+              "width": 38
+            }
   },
   "datePublished": "{{page.post_date}}",
   "dateModified": "{{page.post_date}}",
@@ -46,7 +47,6 @@
 {% include '_header.liquid' %}
 
  
-
 <!-- Breadcrumb Navigation -->
 <div class=" pt-8">
     <div class="container mx-auto px-4 p-8">
@@ -71,10 +71,8 @@
         <h1 class="text-3xl font-bold mb-4">  {{ page.title | raw }}</h1>
         <div class="text-gray-500 text-sm mb-8">{{page.post_date}}</div>
 
-
-
         <!-- Article Text -->
-        <div class="prose max-w-none">
+        <div class="prose article-detail max-w-none">
             {{page.content | raw }}
         </div>
 

resources/views/liquid_src/1/cable_tech/pages_sp_aboutus.liquid

@@ -2,13 +2,14 @@
 <html lang="{{site.dist.country_lang }}">
 <head>
 <meta charset="utf-8">
+<title>{{page.seo_title}}</title>
+<meta name="keywords" content="{{page.seo_keywords}}">
+<meta name="description" content="{{page.seo_description  | strip_html| strip_newlines  }}">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta name="robots" content="index, follow">
 <meta property="og:locale" content="{{site.dist.country_lang | replace: '-', '_' }}" />
 <meta name="author" content="Mietubl">
-<meta name="description" content="{{ tag.seo_description  | strip_html| strip_newlines  }}">
-<meta name="keywords" content="{{tag.seo_keywords}}">
-<title>{{tag.seo_title}}</title>
+
     <meta name="author" content="Mietubl">
     {% include '_header_css.liquid' %}
 
@@ -60,8 +61,8 @@
     <div class="container mx-auto px-4 py-16 ">
         <h2 class="text-5xl	 font-bold text-center mb-8 py-16">Who We Are?</h2>
         <p class="text-gray-600 text-center   mx-auto text-justify text-base">
-            Mietubl, born from the heart of China’s manufacturing excellence, has evolved alongside the nation’s advancement in intelligent technology. We are dedicated to driving innovation, resource integration, and a seamless product lifecycle, all while fostering the development of a sustainable ecosystem. Our mission is to deliver high-quality, cutting-edge technology products to global customers, ensuring consumer satisfaction and enabling profitable opportunities for our business partners.
-        </p>
+            We are Mietubl Philippines — your trusted partner in next-generation technology solutions. Backed by Mietubl China’s legacy of manufacturing excellence, we bring world-class innovation to the local market. From smart devices to advanced accessories, our products are designed to elevate everyday experiences. At Mietubl, we’re not just selling tech — we’re building a sustainable future, empowering Filipino consumers, and unlocking growth for our business partners nationwide. Experience the perfect blend of quality, performance, and reliability — only with Mietubl Philippines
+       </p>
     </div>
 </div>
 
@@ -69,10 +70,29 @@
 <div class="relative py-24 bg-gray-900" style="background-image: url('{{ site.image_base_url }}static/tpl/cable_tech/images/aboutus_banner2.jpg'); background-size: cover; background-position: center;">
 
     <div class="container mx-auto px-4 relative z-10  py-16">
-        <div class="max-w-3xl  text-left">
-            <h2 class="text-5xl font-bold mb-8 text-white">Innovation</h2>
-            <p class="text-white mb-6 text-base">Mietubl is a company dedicated to the wholesale of mobile and digital product accessories. Our professional design team places a strong emphasis on understanding market needs, seamlessly blending the latest trends with aesthetic appeal and user-centric design. We strive to create products that are not only functional but also visually captivating.</p>
-            <p class="text-white text-base">At Mietubl, we embrace the design philosophy of harmonizing aesthetics with practicality, ensuring that more users can experience the convenience and benefits technology has to offer.</p>
+        <div class="max-auto  text-center">
+            <h2 class="text-5xl font-bold mb-16 text-white text-center;">Hi there!<br>Are you looking for a franchise</h2> 
+            <div style=" display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 30px;}">
+            <div class="text-left">
+                <p class="text-white mb-6 text-base text-2xl">1. Low-Cost, High-Value Entry</P>
+                <p class="text-white mb-2 text-base">•No Franchise Fee! Just a minimum purchase of ₱100,000 worth of products.</P>
+                <p class="text-white mb-2 text-base">•No royalties, no renewal fees.</P>
+                <p class="text-white mb-2 text-base">•Ideal for entrepreneurs who want to start strong with low risk.</P>
+            </div>
+            <div class="text-left">            
+            <p class="text-white mb-6 text-base text-2xl">2. Trusted &amp; Recognized Brand Nationwide</P>
+            <p class="text-white mb-2 text-base">•Over 20 operational stores in top malls like SM and Waltermart.</P>
+            <p class="text-white mb-2 text-base">•A branded kiosk concept with consistent design and product presentation.</P>
+            <p class="text-white mb-2 text-base">Nationwide exposure and strong customer recall.</P>
+            </div>  
+             <div class="text-left">             
+            <p class="text-white mb-6 text-base text-2xl">3. Complete Product Line + Support</P>
+            <p class="text-white mb-2 text-base">•We’re the exclusive distributor of Mietubl in the Philippines.</P>
+            <p class="text-white mb-2 text-base">•Products include Hydrogel Machines, Cables, Chargers, Powerbanks, Earpods, and more — all with 1-year warranty.</P>
+            <p class="text-white mb-2 text-base">•Full training, marketing, and logistics support to help your business grow.</P>
+            </div>              
+            </div>
+
         </div>
     </div>
 </div>
@@ -86,9 +106,20 @@
             <div class="md:w-1/2 p-8">
                 <img src="{{ site.image_base_url }}static/tpl/cable_tech/images/aboutus_banner3.jpg" alt="Mission" class="w-full rounded-lg ">
             </div>
-            <div class="md:w-1/2 p-8">
+            <div class="md:w-1/2 p-8 text-gray-600">
                 <h2 class="text-5xl  font-bold mb-6">OUR MISSION</h2>
-                <p class="text-gray-600 text-base">Connect the world, let more people enjoy the joy of technology.</p>
+                <h3 class="text-xl">Customer-Centric Focus</h3>
+                <Ul class="mb-6">
+<LI class="py-2">•To provide high-quality, affordable, and innovative mobile accessories that enhance the digital lifestyle of every Filipino.</LI>
+<LI class="py-2">•To ensure excellent customer satisfaction through reliable products backed by warranty and responsive support.</LI>
+<LI class="py-2">•To continuously adapt to market trends and offer products that reflect modern technology and user needs.</LI>
+</UL>
+                <h3 class="text-xl">Entrepreneurial & Growth Focus</h3>
+<UL>
+<LI class="py-2">•To empower local entrepreneurs by offering an accessible, low-risk franchise model with no franchise fees.</LI>
+<LI class="py-2">•To build a strong nationwide retail network by partnering with malls, telecom providers, and business leaders.</LI>
+<LI class="py-2">•To support our franchisees with training, logistics, and marketing tools that ensure sustainable business success.</LI></UL>
+
             </div>
         </div>
 
@@ -100,7 +131,9 @@
             </div>
             <div class="md:w-1/2 p-8">
                 <h2 class="text-5xl font-bold mb-6">OUR VISION</h2>
-                <p class="text-gray-600 text-base">Become a globally trusted digital accessory brand of choice and quality.</p>
+                <p class="text-gray-600 text-base  mb-6">Mietubl Philippines Trading Inc. envisions becoming the leading mobile accessories brand in the Philippines by setting the standard in product quality, customer service, and retail innovation — building a nationwide network of stores and franchise partners in every major city and province, and becoming the top-of-mind choice for reliable, stylish, and affordable digital accessories that meet the everyday needs of modern Filipino consumers.
+</p>
+                <p class="text-gray-600 text-base">We aim to empower a new generation of Filipino entrepreneurs by providing a low-cost, high-value business opportunity through our accessible franchise program — while continuously expanding our partnerships, including with leading telecom providers like DITO Telecommunity, to deliver cutting-edge mobile solutions, foster inclusive growth, and solidify Mietubl’s position as a cornerstone brand in the digital lifestyle industry.</p>
             </div>
         </div>
         <!-- Our Mission - 左边文字，右边图片 -->
@@ -110,8 +143,12 @@
                 <img src="{{ site.image_base_url }}static/tpl/cable_tech/images/aboutus_banner5.jpg" alt="Mission" class="w-full rounded-lg ">
             </div>
             <div class="md:w-1/2 p-8">
-                <h2 class="text-5xl  font-bold mb-6">OUR VALUES</h2>
-                <p class="text-gray-600 text-base">Honesty, User-Oriented, Interconnection.</p>
+                <h2 class="text-5xl  font-bold mb-6">ABOUT MIETUBL PHILIPPINES </h2>
+                 <p class="text-gray-600 text-base  mb-6">Mietubl Philippines Trading Inc. is the official and exclusive distributor of Mietubl products in the country. With a strong commitment to quality, affordability, and innovation, Mietubl has grown to become one of the most trusted mobile accessories brands in the Philippine market.</P>
+ <p class="text-gray-600 text-base  mb-6">Founded with a vision to make premium mobile accessories accessible to every Filipino, Mietubl Philippines has successfully established a nationwide presence, operating over 20 stores in major shopping centers such as SM Malls, WalterMart Malls, and other high-traffic locations.</P>
+ <p class="text-gray-600 text-base  mb-6">We specialize in 3C digital accessories – including charging cables, fast chargers, powerbanks, earphones, earpods, headsets, wireless devices, and our signature Hydrogel Screen Protection Machines. All Mietubl products are backed with a 1-year warranty, ensuring customer satisfaction and long-term value.</P>
+ <p class="text-gray-600 text-base  mb-6">As a forward-thinking and strategic company, Mietubl Philippines Trading Inc. is an official partner of DITO Telecommunity, one of the leading telecom providers in the country. This partnership strengthens our position in the digital lifestyle industry, aligning with DITO’s mission to provide faster and better connectivity across the nation.</P>
+ <p class="text-gray-600 text-base">With our strong logistics network, nationwide mall presence, exclusive product rights, and growing partnerships with major telecom players like DITO, Mietubl Philippines continues to set the standard in mobile accessory retail.</P>
             </div>
         </div>
     </div>

resources/views/liquid_src/1/cable_tech/pages_sp_distributor.liquid

@@ -2,14 +2,13 @@
 <html lang="{{site.dist.country_lang }}">
 <head>
 <meta charset="utf-8">
+<title>{{page.seo_title}}</title>
+<meta name="keywords" content="{{page.seo_keywords}}">
+<meta name="description" content="{{page.seo_description  | strip_html| strip_newlines  }}">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta name="robots" content="index, follow">
 <meta property="og:locale" content="{{site.dist.country_lang | replace: '-', '_' }}" />
 <meta name="author" content="Mietubl">
-<meta name="description" content="{{ tag.seo_description  | strip_html| strip_newlines  }}">
-<meta name="keywords" content="{{tag.seo_keywords}}">
-<title>{{tag.seo_title}}</title>
-    <meta name="author" content="Mietubl">
     {% include '_header_css.liquid' %}
 
     <script type="application/ld+json">

resources/views/liquid_src/1/cable_tech/products_categories.liquid

@@ -1,13 +1,13 @@
 <!DOCTYPE html>
 <html lang="{{site.dist.country_lang }}">
 <head>
+<title>{{category.seo_title}}</title>   
+<meta name="keywords" content="{{category.seo_keywords}}">
+ <meta name="description" content="{{ category.seo_description | strip_html| strip_newlines  }}">
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta name="robots" content="index, follow">
 <meta property="og:locale" content="{{site.dist.country_lang | replace: '-', '_' }}" />
-<meta name="description" content="{{ category.seo_description | strip_html| strip_newlines  }}">
-<meta name="keywords" content="{{category.seo_keywords}}">
-<title>{{category.seo_title}}</title>
 <meta name="author" content="Mietubl">
 {% include '_header_css.liquid' %}
     <script type="application/ld+json">
@@ -83,14 +83,14 @@
                 {% for item in products %}
                     <!-- Product 1 -->
                     <div class="bg-white  overflow-hidden ">
-                        <div class="relative  p-6 ">
+                        <div class="relative p-4 ">
                             <div class="hot-sale-badge">Hot</div>
-                            <a href="/products/{{ item.id }}" title="{{ item.title | strip_html }}">
+                            <a href="/products/{{ item.slug }}" title="{{ item.title | strip_html }}">
                                 {% if item.images and item.images[0].image_url %}
                                     {% assign image_url = item.images[0].image_url %}
-                                    <img src="{% if image_url contains 'http' %}{{ image_url }}?x-oss-process=image/resize,m_pad,w_400,h_400{% else %}{{ site.image_base_url }}{{ image_url | append: '?x-oss-process=image/resize,m_pad,w_400,h_400' }}{% endif %}"   alt="{{ item.title | strip_html }}" class="w-full h-80 object-contain p-4">
+                                    <img src="{% if image_url contains 'http' %}{{ image_url }}?x-oss-process=image/resize,m_pad,w_400,h_400{% else %}{{ site.image_base_url }}{{ image_url | append: '?x-oss-process=image/resize,m_pad,w_400,h_400' }}{% endif %}"   alt="{{ item.title | strip_html }}" class="w-full h-80 object-contain">
                                 {% else %}
-                                    <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/product_default.jpg" class="card-img-top product-image w-full h-80 object-contain p-4"  alt="{{ item.title | strip_html }}">
+                                    <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/product_default.jpg" class="card-img-top product-image w-full h-80 object-contain"  alt="{{ item.title | strip_html }}">
                                 {% endif %}
                             </a>
                         </div>
@@ -156,7 +156,7 @@
 <div class="bg-gray-100 py-24 border-t border-gray-200">
     <div class="container mx-auto px-4">
         <div class="max-w-full mx-auto text-gray-700 text-sm leading-relaxed">
-            <p>Thunderbolt cable is a computer connection cable technology, released by Intel. Use this <a href="#" class="text-gray-900 hover:underline">technology</a> to connect cables with built-in E-marker chips from Intel, which not only can transfer files like <a href="#" class="text-gray-900 hover:underline">USB cables</a>, but also power, video, and network signals. Realize a single cable to link multiple devices. CableTime Thunderbolt cable is super fast: 40 Gb/s. It can enable efficient charging and stable charging. If you want to bulk buy <a href="#" class="text-gray-900 hover:underline">Thunderbolt 4 cable</a> and <a href="#" class="text-gray-900 hover:underline">Thunderbolt 3 cable</a>, we can apply a discount for you. Believe me, the wholesale price is amazing! <a href="#" class="font-medium text-gray-900 hover:underline">Contact Us Now!</a></p>
+            {{category.remark}}
         </div>
     </div>
 </div>

resources/views/liquid_src/1/cable_tech/products_detail.liquid

@@ -120,7 +120,9 @@
                 </div>
                 <!-- Action Buttons -->
                 <div class="flex mb-8">
-                    <button class="bg-orange-500 text-white px-8 py-3 rounded-md hover:bg-orange-600 transition mr-3" onclick="openQuoteModal()">Get a quote</button>
+                    <div class="bg-orange-500 text-white px-8 py-3 rounded-md hover:bg-orange-600 transition mr-3">
+                    <a href="https://www.messenger.com/t/103097428771505/?text=Hello&messaging_source=source%3Apages%3Amessage_shortlink&source_id=1441792&recurring_notification=0" target="_blank">Get a quote</a>
+                    </div>
                 </div>
             </div>
         </div>