feat:new template

app/Http/Controllers/ContactController.php

@@ -56,6 +56,15 @@ class ContactController extends Controller
                 }
             }
 
+            // 验证请求数据
+            $validatedData = $request->validate([
+                'customer_name' => 'required|string|max:255', // 必填，字符串，最大长度255
+                'content' => 'required|string', // 必填，字符串
+                // 其他字段的验证规则可以在这里添加
+            ]);
+
+
+
             // 从请求中获取所有数据
             $data = $request->all();
 

app/Services/LiquidTags/LiquidTagCollection.php

@@ -67,7 +67,7 @@ class LiquidTagCollection extends AbstractBlock
         }
 
         // 如果有文章，渲染模板
-        return $this->renderTemplate(['pages' => $pages->toArray()]);
+        return $this->renderTemplate(['pages' => $pages->items()]);
     }
 
     // 渲染模板

app/Services/LiquidTags/LiquidTagPage.php

@@ -114,7 +114,7 @@ class LiquidTagPage extends AbstractBlock
     {
         // 如果文章存在，渲染模板
         if ($page) {
-            return $this->renderTemplate(['page' => $page->toArray()]);
+            return $this->renderTemplate(['page' => $page]);
         }
 
         // 如果文章不存在，返回空字符串

resources/views/liquid_src/1/screenprotector/__collection_list_1.liquid

@@ -0,0 +1,37 @@
+<!-- Description: Collection list 1 -->
+        {% for item in pages %}
+
+                <div class="blog-post">
+                    <!-- 产品图像 -->
+                    <div class="blog-image">
+                        {% assign image_url = item.images[0].image_url %}
+
+                        {% 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_pad,w_400,h_400' }}{% endif %}" alt="Cover Image">
+                        {% else %}
+                            <img src="/static/images/product_default.jpg" class="img-center default-image-thumbnail" alt="{{ item.title | strip_html }}">
+                        {% endif %}
+                    </div>
+
+                    <!-- 产品内容 -->
+                    <div class="post-content">
+                        <div class="blog-header">
+                            <a href="/pages/{{ item.id }}" target="_blank">
+                                {{ item.title | decode_html_entities | strip_html }}
+                            </a>
+                        </div>
+                        <div class="blog-summary">
+                            {% if item.description %}
+                                {{ item.description | truncatewords: 20 }}
+                            {% else %}
+                                No description available.
+                            {% endif %}
+                        </div>
+                        <div class="post-meta">
+                            <span>Author: Mietubl</span>
+                        </div>
+                    </div>
+                </div>
+
+        {% endfor %}
+<!-- End of Collection list 1 -->

resources/views/liquid_src/1/screenprotector/__contact.liquid

@@ -0,0 +1,51 @@
+<!-- BEGIN content_for_contact -->
+<section class="index-contact-section">
+    <div class="section-wrapper">
+        <div class="index-contact-left-wrapper">
+            <h3 class="heading-title">Get in Touch Today!</h3>
+            <p class="sub-title">You may encounter a series of common problems. If you have additional questions, please contact Lucent.</p>
+            <div class="widget-container">
+                <div class="contact-widget">
+                    <div class="icon-box"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/WhatsApp.svg"></div>
+                    <div class="contact-widget-title">WhatsApp</div>
+                    <div class="contact-widget-detail">Questions about our product or pricing? Call for support</div>
+                    <div class="contact-widget-number">+ {{ site.dist.service_hotline }}</div>
+                </div>
+
+                <div class="contact-widget">
+                    <div class="icon-box"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/mail.svg"></div>
+                    <div class="contact-widget-title">Email</div>
+                    <div class="contact-widget-detail">For more questions, you can also write to us.</div>
+                    <div class="contact-widget-number">{{ site.dist.dist_email }}</div>
+                </div>
+            </div>
+        </div>
+        <div class="index-contact-right-wrapper">
+            <div class="contact-form">
+                <h3 class="heading-title">Fill out the form and We will contact you shortly.</h3>
+
+                <form id="form_contact" data-action="/contact" class="form-default" role="form">
+                    <div class="input-container">
+                        <label for="form-field-name" class="field-label">Name</label>
+                        <input type="text" name="customer_name" id="form-field-name" class="field-textual" placeholder="Name">
+
+                        <div class="mark-required">
+                            <label for="form-field-email" class="elementor-field-label">Email</label>
+                            <input size="1" type="email" name="email" id="form-field-email" class="field-textual" placeholder="Email" required="required" aria-required="true">
+                        </div>
+                        <div class="mark-required">
+                            <label for="form-field-field_1076d06" class="elementor-field-label">Whatsapp</label>
+                            <input size="1" type="text" name="whats_app" id="form-field-field_1076d06" class="field-textual" placeholder="+" required="required" aria-required="true">
+                        </div>
+                        <div class="mark-required">
+                            <label for="form-field-message" class="elementor-field-label">Message</label>
+                            <textarea class="field-textual" name="content" id="form-field-message" rows="4" placeholder="Message"></textarea>
+                        </div>
+                        <div class="button-wrapper" id="send_button" style="cursor: pointer;"> Send</div>
+                    </div>
+                </form>
+            </div>
+        </div><!--index-contact-right-wrapper"-->
+    </div>
+</section>
+<!-- END content_for_contact -->

resources/views/liquid_src/1/screenprotector/__index.about.liquid

@@ -0,0 +1,20 @@
+<!-- about begin -->
+<div class="left-box">
+				<div class="elementor-element elementor-element-4fb7960 elementor-widget elementor-widget-heading" data-id="4fb7960" data-element_type="widget" data-widget_type="heading.default">
+				<div class="elementor-widget-container">
+					<h2 class="elementor-heading-title elementor-size-default">{{ page.title }}</h2>		</div>
+				</div>
+				<div class="elementor-widget-container">
+					<p>{{ page.content }}</p>
+				</div>
+				<div class="elementor-widget-container">
+					<div class="elementor-button-wrapper">
+					<a class="elementor-button elementor-button-link elementor-size-sm" href="https://www.lucentparts.com/lucent-electronic-technology-guangzhou-co-ltd-mobile-phone-lcd-screen/">
+                        <a href="pages/{{page.slug }}"><span class="elementor-button-content-wrapper">
+                                <span class="elementor-button-text">Learn More</span>					</span></a>
+					</a>
+				</div>
+				</div>
+			</div><!--left-box-->
+
+<!-- about end -->

resources/views/liquid_src/1/screenprotector/__page_list_1.liquid

@@ -0,0 +1,31 @@
+<!-- Description:  List Page 1 -->
+<div class="products-list">
+    <ul>
+        {% for item in products %}
+        <li>
+            <div class="list-item">
+                <div class="item-pic">
+                    {% assign image_url = item.images[0].image_url %}
+
+                    {% if image_url %}
+                        {% if image_url contains 'http' %}
+                            <img src="{{ image_url }}" class="img-center default-image-thumbnail" alt="{{ item.title | strip_html }}">
+                        {% else %}
+                            <img src="{{ site.image_base_url }}{{ image_url | append: '?x-oss-process=image/resize,m_pad,w_300,h_300' }}" class="img-center default-image-thumbnail" alt="{{ item.title | strip_html }}">
+                        {% endif %}
+                    {% else %}
+                        <img src="/static/images/product_default.jpg" class="img-center default-image-thumbnail" alt="{{ item.title | strip_html }}">
+                    {% endif %}
+                </div>
+                <div class="item-name">
+                    <a  href="/products/{{ item.id }}" target="_blank" >
+                        {{ item.title |decode_html_entities| strip_html  }}
+                    </a>
+                </div>
+            </div>
+        </li>
+        {% endfor %}
+
+    </ul>
+</div>
+<!-- End of List Page 1 -->

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

@@ -0,0 +1,32 @@
+<!-- List Page 1 -->
+
+<div class="products-list">
+    <ul>
+        {% for item in products %}
+        <li>
+            <div class="list-item">
+                <div class="item-pic">
+                    {% assign image_url = item.images[0].image_url %}
+
+                    {% if image_url %}
+                        {% if image_url contains 'http' %}
+                            <img src="{{ image_url }}" class="img-center default-image-thumbnail" alt="{{ item.title | strip_html }}">
+                        {% else %}
+                            <img src="{{ site.image_base_url }}{{ image_url | append: '?x-oss-process=image/resize,m_pad,w_300,h_300' }}" class="img-center default-image-thumbnail" alt="{{ item.title | strip_html }}">
+                        {% endif %}
+                    {% else %}
+                        <img src="/static/images/product_default.jpg" class="img-center default-image-thumbnail" alt="{{ item.title | strip_html }}">
+                    {% endif %}
+                </div>
+                <div class="item-name">
+                    <a  href="/products/{{ item.id }}" target="_blank" >
+                        {{ item.title |decode_html_entities| strip_html  }}
+                    </a>
+                </div>
+            </div>
+        </li>
+        {% endfor %}
+
+    </ul>
+</div>
+<!-- End of List Page 1 -->

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

@@ -0,0 +1,94 @@
+<!-- Footer -->
+<footer>
+	<div class="section-wrapper">
+		<div class="footer-widget">
+			<div class="int-widget">
+
+
+                {% if site.dist.logo %}
+
+                    <div class="footer-logo"><img src="{{ site.image_base_url }}{{ site.dist.logo }}" alt=""></div>
+
+                {% else %}
+                    <div class="footer-logo">
+                        No Logo
+                    </div>
+                {% endif %}
+
+				<div class="footer-int-text">
+				Mietubl, originated from Made in China, growing up with intellectually manufactured in China. Focus on product intelligence, resource integration in all aspects of product circulation, construction of ecological chain.
+				</div>
+				<div class="social">
+					<ul>
+						<li><a href="https://www.facebook.com/MietublMachine/" target="_blank"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/facebook.svg" alt="Facebook"></a></li>
+						<li><a href="https://www.tiktok.com/@mietublscreenprotector/" target="_blank"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/TikTok.svg" alt="TikTok"></a></li>
+						<li><a href="https://www.youtube.com/@MietublMachine/" target="_blank"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/youtube.svg" alt="Youtube"></a></li>
+						<li><a href="https://www.instagram.com/mietublmachine/" target="_blank"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/instagram.svg" alt="Instagram"></a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="list-widget">
+                {% for menu in site.menus_footer %}
+                {% if menu.show %}
+
+                            <dl class="">
+                                <dt>{{ menu.title }}</dt>
+                                {% for child in menu.children %}
+                                    {% if child.show %}
+                                        <dd>
+                                            <a href="{{ child.uri }}" title="{{ child.title }}">
+                                                {{ child.title }}
+                                            </a>
+                                        </dd>
+                                    {% endif %}
+                                {% endfor %}
+                            </dl>
+
+                {% endif %}
+                {% endfor %}
+			</div>
+			<div class="contact-widget">
+					<div class="widget-title">Contact us</div>
+					<div class="tel">+(86)17000161888</div>
+					<div class="mail"><a href="mailto:{{ site.dist.dist_email }}">{{ site.dist.dist_email }}</a></div>
+					<div class="address"><a href="mailto:{{ site.dist.dist_email }}">{{ site.dist.company_address }}</a></div>
+			</div>
+		</div>
+	</div>
+</footer>
+
+<script>
+    document.getElementById('send_button').addEventListener('click', function() {
+        const form = document.getElementById('form_contact');
+        const actionUrl = form.getAttribute('data-action');
+
+        // Create a FormData object from the form
+        const formData = new FormData(form);
+
+        // Perform the AJAX request
+        fetch(actionUrl, {
+            method: 'POST',
+            body: formData,
+            headers: {
+                'Accept': 'application/json',
+            },
+        })
+            .then(response => {
+                if (response.ok) {
+                    return response.json();
+                } else {
+                    throw new Error('Error in the request');
+                }
+            })
+            .then(data => {
+                console.log('Success:', data);
+                alert('Message submitted successfully!');
+            })
+            .catch(error => {
+                console.error('Error:', error);
+                alert('There was an error submitting the Message.');
+            });
+    });
+</script>
+{{ site.dist.statistics_js | raw }}
+<!-- footer end -->

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

@@ -0,0 +1,83 @@
+<!-- header -->
+<header id="masthead" class="site-header">
+	<div  class="container">
+		<div class="header-inner">
+			<nav id="site-navigation" class="main-nav">
+				<div class="site-logo">
+					<a href="/" rel="home">
+                        {% if site.dist.logo %}
+									<img width="114" height="37"  src="{{ site.image_base_url }}{{ site.dist.logo }}" alt="Lucentparts" class="main-logo"/>
+									<img width="114" height="37"  src="{{ site.image_base_url }}{{ site.dist.logo }}"alt="Lucentparts" class="logo-sticky">
+                        {% else %}
+                            <div class="logo-placeholder no-image-logo-thumbnail">
+                                No Logo
+                            </div>
+                        {% endif %}
+					</a>
+				</div>
+
+				<div class="tt-hamburger" id="page-open-main-menu" tabindex="1">
+					<span class="bar"></span>
+					<span class="bar"></span>
+					<span class="bar"></span>
+				</div>
+
+				<div class="main-nav-container canvas-menu-wrapper" id="mega-menu-wrap">
+
+					<div class="mobile-menu-header">
+						<a href="https://www.lucentparts.com/" rel="home">
+							<img width="65" height="27"  src="https://www.lucentparts.com/wp-content/uploads/2023/12/12.webp" alt="Lucentparts" class="main-logo"/>
+						</a>
+						<div class="close-menu page-close-main-menu" id="page-close-main-menu">
+							<i class="ti-close"></i>
+						</div>
+					</div>
+					<!-- /.mobile-menu-header -->
+
+
+					<div class="menu-wrapper">
+						<div class="menu-primary-menu-container">
+
+
+
+                            <ul id="menu-primary-menu" class="site-main-menu">
+
+
+                                {% for menu in site.menus_header %}
+                                    <li  id="menu-item-{{ menu.id }}" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-23 menu-item single_width mega-menu {% if menu.children and menu.children.size == 0 %}megamenu{% endif %}">
+                                        <a class="nav-link {% if menu.children and menu.children.size > 0 %}dropdown-toggle{% endif %}"
+                                           href="{% if menu.children and menu.children.size > 0 %}#{% else %}{{ menu.uri }}{% endif %}"
+                                           {% if menu.children and menu.children.size > 0 %}data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"{% endif %}>
+                                            {{ menu.title }}
+                                        </a>
+                                        {% if menu.children and menu.children.size %}
+                                        <ul role="menu" class="icon-menu sub-menu ">
+                                                    {% for child in menu.children %}
+                                                        <li id="menu-item-{{ menu.id }}" class="menu-item menu-item-type-post_type menu-item-object-mega_menu menu-item-25403 menu-item"><a href="{% if child.children and child.children.size > 0 %}#{% else %}{{ child.uri }}{% endif %}"
+                                                           class=""> {{ child.title }}
+                                                        </a>
+                                                        </li>
+                                                    {% endfor %}
+                                        </ul>
+
+                                        {% endif %}
+                                    </li>
+                                {% endfor %}
+
+
+
+
+
+
+</ul>
+</div>							<div class="nav-right">
+								<a href="/contact" class="tt-btn nav-btn">Get a quote</a>							</div>
+												<!-- /.nav-right -->
+					</div>
+					<!-- /.main-menu -->
+				</div><!-- #menu-wrapper -->
+			</nav><!-- #site-navigation -->
+		</div><!-- /.header-inner -->
+	</div><!-- /.container -->
+</header><!-- #masthead -->
+<!-- header end -->

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

@@ -0,0 +1,82 @@
+
+<!DOCTYPE html>
+<html lang="en-US">
+<head><meta charset="UTF-8">
+	<title>{{Title}}</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+	<meta name="description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}" />
+	<link rel="canonical" href="{{url}}/" />
+	<meta property="og:locale" content="en_US" />
+	<meta property="og:type" content="website" />
+	<meta property="og:title" content="{{公司名称}}" />
+	<meta property="og:description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}" />
+	<meta property="og:url" content="{{url}}" />
+	<meta property="og:site_name" content="{{网站名称}}" />
+	<meta name="twitter:card" content="summary_large_image" />
+	<link rel='shortlink' href='{{url}}' />
+	<link rel="stylesheet" href="{{ site.assetsUrl}}/static/tpl/screenprotector/css/css.css?ver=0705">
+	<link rel="stylesheet" href="{{ site.assetsUrl}}/static/tpl/screenprotector/css/swiper-bundle.min.css?ver=0705">
+	<script src="{{ site.assetsUrl}}/static/tpl/screenprotector/js/jquery.min.js"></script>
+	<script src="{{ site.assetsUrl}}/static/tpl/screenprotector/js/swiper-bundle.min.js"></script>
+</head>
+<body>
+{% include '_header.liquid' %}
+<section class="page-header">
+	<div class="section-wrapper">
+		<h1 class="page-title">{{Title}}</h1>
+		<div class="breadcrumb-wrapper">{{面包屑路径}}</div>
+	</div>
+</section>
+<section class="news-list-page">
+	<div class="section-wrapper">
+		<div class="container">
+		<aside class="recent">
+			<h2>Recent post</h2>
+			<ul class="title-block">
+                {% for item in pages %}
+				<li>  <a href="/pages/{% if item.slug %}{{ item.slug }}{% else %}{{ item.id }}{% endif %}" title="{{ item.title | strip_html }}">{{ item.title | strip_html }}</a></li>
+		        {% endfor %}
+			</ul>
+		</aside>
+		<div class="news-list">
+            {% for item in pages %}
+			<div class="news-item">
+			<div class="post-thumbnail">
+                <a href="/pages/{% if item.slug %}{{ item.slug }}{% else %}{{ item.id }}{% endif %}" title="{{ item.title | 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_pad,w_400,h_400' }}{% endif %}" alt="Cover Image">
+                {% else %}
+                    <img src="/static/images/product_default.jpg" class="img-center default-image-thumbnail" alt="{{ item.title | strip_html }}">
+                {% endif %}
+                </a>
+			</div>
+			<div class="blog-content">
+				<h2 class="entry-title"><a href="https://www.lucentparts.com/2024/11/20/samsung-mobile-phone-screen/" rel="bookmark">  {{ item.title | decode_html_entities | strip_html }}</a></h2>
+				<div class="entry-content">
+					<p>
+                        {% if item.description %}
+                            {{ item.description | truncatewords: 200 }}
+                        {% else %}
+                            No description available.
+                        {% endif %}
+                    </p>
+				</div>
+                <a href="/pages/{% if item.slug %}{{ item.slug }}{% else %}{{ item.id }}{% endif %}" title="{{ item.title | strip_html }}" class="tt-btn">
+					Read More					<i class="fas fa-arrow-right"></i>
+				</a>
+
+			</div>
+			</div><!--news-item-->
+            {% endfor %}
+
+
+		</div>
+		</div><!--container-->
+	</div>
+</section>
+
+{% include '_footer.liquid' %}
+	</body>
+</html>
+

resources/views/liquid_src/1/screenprotector/home.liquid

@@ -0,0 +1,254 @@
+
+<!DOCTYPE html>
+<html lang="en-US">
+<head><meta charset="UTF-8">
+	<title>Lucent Phone Parts Wholesale Electronic Technology Co., Ltd.</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+	<meta name="description" content="Focus on mobile phone LCD screens and spare parts manufacturers Quality first Lucent Phone Parts，mobile phone spare parts wholesale" />
+	<link rel="canonical" href="https://www.lucentparts.com/" />
+	<meta property="og:locale" content="en_US" />
+	<meta property="og:type" content="website" />
+	<meta property="og:title" content="Lucent Phone Parts Wholesale Electronic Technology Co., Ltd." />
+	<meta property="og:description" content="Focus on mobile phone LCD screens and spare parts manufacturers Quality first Lucent Phone Parts，mobile phone spare parts wholesale" />
+	<meta property="og:url" content="https://www.lucentparts.com/" />
+	<meta property="og:site_name" content="Lucentparts" />
+	<meta property="article:modified_time" content="2024-11-20T06:31:35+00:00" />
+	<meta property="og:image" content="https://www.lucentparts.com/wp-content/uploads/2024/10/mobile-display.webp" />
+	<meta property="og:image:width" content="1200" />
+	<meta property="og:image:height" content="656" />
+	<meta property="og:image:type" content="image/webp" />
+	<meta name="twitter:card" content="summary_large_image" />
+	<link rel='shortlink' href='https://www.lucentparts.com/' />
+	<meta name="generator" content="Site Kit by Google 1.141.0" />
+	<meta name="generator" content="Elementor 3.25.10; features: e_font_icon_svg, additional_custom_breakpoints, e_optimized_control_loading; settings: css_print_method-external, google_font-enabled, font_display-swap">
+	<link rel="stylesheet" href="{{ site.assetsUrl}}/static/tpl/screenprotector/css/css.css?ver=0705">
+	<link rel="stylesheet" href="{{ site.assetsUrl}}/static/tpl/screenprotector/css/swiper-bundle.min.css?ver=0705">
+	<script src="{{ site.assetsUrl}}/static/tpl/screenprotector/js/jquery.min.js"></script>
+	<script src="{{ site.assetsUrl}}/static/tpl/screenprotector/js/swiper-bundle.min.js"></script>
+</head>
+<body>
+
+{% include '_header.liquid' %}
+			<div class="banner">
+			<div class="banner-text-box">
+			<div  class="e-con-inner">
+				<div class="elementor-element">
+					<div class="elementor-widget-container">
+					<h2 class="banner-text-heading-title">Mobile Phone
+					Parts Wholesale - Factory
+					Direct Supply</h2>
+					</div>
+				</div>
+				<div class="banner-text-sub-title">
+					<div class="elementor-widget-container">
+								<p>Manufacturing Excellence for Over 16 Years.<br />Bulk Orders, High-Quality, Direct from the Source.</p>
+					</div>
+				</div>
+				<div class="elementor-element banner-text-sub-button">
+					<div class="elementor-widget-container">
+						<div class="elementor-button-wrapper">
+							<a class="elementor-button elementor-button-link elementor-size-sm" href="/contact">
+								<span class="elementor-button-content-wrapper"><span class="elementor-button-text">Request a Factory Quote</span></span>
+							</a>
+						</div>
+					</div>
+				</div>
+			</div>
+			</div>
+			</div>
+<section class="index-about-section">
+		<div class="section-wrapper">
+		<div class="e-con-inner">
+
+            <div class="left-box">
+                <div class="elementor-element elementor-element-4fb7960 elementor-widget elementor-widget-heading" data-id="4fb7960" data-element_type="widget" data-widget_type="heading.default">
+                    <div class="elementor-widget-container">
+                        <h2 class="elementor-heading-title elementor-size-default">About Us</h2>		</div>
+                </div>
+                <div class="elementor-widget-container">
+                    <p>Lucent Phone Parts Was Founded in 2009 With 16 Years export Experience,Specialized in a Series hot Sale Brands of Mobile phone LCD &amp; Touch Screen.</p><p>As a Self-owned Factory,Covering 4,800 Square Meters area, We Have 3 Auto-Production lines Which Reach 1,200,000pcs LCD Screens Monthly.</p>
+                </div>
+                <div class="elementor-widget-container">
+                    <div class="elementor-button-wrapper">
+                        <a class="elementor-button elementor-button-link elementor-size-sm" href="https://www.lucentparts.com/lucent-electronic-technology-guangzhou-co-ltd-mobile-phone-lcd-screen/">
+						<span class="elementor-button-content-wrapper">
+                            <a href="/pages/about-us"><span class="elementor-button-text">Learn More</span></a>
+					</span>
+                        </a>
+                    </div>
+                </div>
+            </div><!--left-box-->
+
+
+		<div class="right-box">
+					<div class="elementor-widget-container">
+						<div class="right-box-video">
+							<img src="https://sc04.alicdn.com/kf/H7bf407c713664372a9d5c79399205650N/231480107/H7bf407c713664372a9d5c79399205650N.png">
+							<div class="play" aria-label="Play Video about mobile phone parts wholesale">
+									<svg aria-hidden="true" class="e-font-icon-svg e-eicon-play" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M838 162C746 71 633 25 500 25 371 25 258 71 163 162 71 254 25 367 25 500 25 633 71 746 163 837 254 929 367 979 500 979 633 979 746 933 838 837 929 746 975 633 975 500 975 367 929 254 838 162M808 192C892 279 933 379 933 500 933 621 892 725 808 808 725 892 621 938 500 938 379 938 279 896 196 808 113 725 67 621 67 500 67 379 108 279 196 192 279 108 383 62 500 62 621 62 721 108 808 192M438 392V642L642 517 438 392Z"></path></svg><span class="elementor-screen-only">Play Video about mobile phone parts wholesale</span>
+							</div>
+						</div>
+					</div>
+		</div><!--right-box-->
+		</div><!--e-con-inner-->
+	</div><!--section-wrapper-->
+</section>
+
+<section class="index-factory-section">
+	<div class="e-con-inner">
+		<div class="con-data">
+		<div class="inner-widget">
+			<div class="widget-pic"><img width="43" height="49" src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/001-1.png" alt="" /></div>
+			<div class="widget-text">
+				<div class="box1">
+					<span class="counter-number" data-to-value="1800" data-from-value="0" >0</span>
+					<span class="suffix">+</span>
+				</div>
+				<div class="box2">
+					Number of Cooperative Customers
+				</div>
+			</div>
+		</div>
+		<div class="inner-widget">
+			<div class="widget-pic"><img width="43" height="49" src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/002.png" alt="" /></div>
+			<div class="widget-text">
+				<div class="box1">
+					<span class="counter-number" data-to-value="4800" data-from-value="0" >0</span>
+					<span class="suffix">㎡</span>
+				</div>
+				<div class="box2">
+					Square Meters of Factory
+				</div>
+			</div>
+		</div>
+		<div class="inner-widget">
+			<div class="widget-pic"><img width="43" height="49" src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/003.png" alt="" /></div>
+			<div class="widget-text">
+				<div class="box1">
+					<span class="counter-number" data-to-value="8000000" data-from-value="0" >0</span>
+				</div>
+				<div class="box2">
+					Screens protector Produced Per Month
+				</div>
+			</div>
+		</div>
+
+	</div><!--con-data-->
+
+	<div class="factory-tour">
+		<div class="swiper mySwiper">
+		  <div class="swiper-wrapper">
+				<div class="swiper-slide">
+					<img class="image" src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/cell-display.webp" alt="Mietubl screen protector series">
+				</div>
+				<div class="swiper-slide">
+					<img class="image" src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/cell-phone-display.webp" alt="Mietubl screen protector series">
+				</div>
+				<div class="swiper-slide">
+					<img class="image" src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/cell-phone-screen.webp" alt="Mietubl screen protector series">
+				</div>
+				<div class="swiper-slide">
+					<img class="image" src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/mobile-display-1.webp" alt="Mietubl screen protector series">
+				</div>
+				<div class="swiper-slide">
+					<img class="image" src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/mobile-lcd-display.webp" alt="Mietubl screen protector series">
+				</div>
+				<div class="swiper-slide">
+					<img class="image" src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/mobile-screen.webp" alt="Mietubl screen protector series">
+				</div>
+				<div class="swiper-slide">
+					<img class="image" src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/phone-lcd.webp" alt="Mietubl screen protector series">
+				</div>
+				<div class="swiper-slide">
+					<img class="image" src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/phone-screen-display.webp" alt="Mietubl screen protector series">
+				</div>
+		  </div>
+		</div>
+		  <div class="pre"></div>
+		  <div class="next"></div>
+	</div>
+	</div><!--e-con-inner-->
+</section>
+
+
+<section class="index-product-section">
+	<div class="e-con-inner">
+		<h2 class="heading-title">Lucent Hot Products</h2>
+			<div class="sub-title">
+					Mobile Phone Parts Wholesale Factory have a Wide Range of Products Such as LCD Screen,<br>Touch,Outer glass,Charger flex,Power Flex,Main Flex,Front and Back Camera ect.
+			</div>
+
+        {% product  mode="list" limit=6 template='__product_list_1.liquid' %}
+
+
+
+	</div>
+</section>
+
+<section class="index-factory2-section">
+	<div class="section-wrapper">
+			<h2 class="heading-title">Mobile Phone Parts Factory</h2>
+			<p class="sub-title">A Factory of Quality and innovation &#8211; Discover<br />our Production Capabilities</p>
+			<a href="/pages/factory"><span class="button">Visit our factory</span></a>
+	</div>
+</section>
+
+{% include '__contact.liquid' %}
+
+
+
+
+
+
+<section class="index-article-section">
+	<div class="section-wrapper">
+		<h2 class="heading-title">Mietubl latest articles</h2>
+		<div class="blog-widget">
+
+            {% collection slug="news" limit=3 template="__collection_list_1.liquid" %}
+
+
+		</div>
+
+		<div class="more">
+			<a href="/collections/news"><span class="btn">View more information</span></a>
+		</div>
+	</div>
+</section>
+
+
+{% include '_footer.liquid' %}
+<script>
+  var swiper1=new Swiper(".mySwiper", {
+  	    autoplay:true,
+        slidesPerView: 3,
+        slidesPerGroup: 3,
+		speed:1000,
+        loop: true,
+		navigation: {
+			  nextEl: '.pre',
+			  prevEl: '.next',
+			},
+		 breakpoints: {
+          320: {
+            slidesPerView: 1,
+			slidesPerGroup: 1,
+          },
+          768: {
+            slidesPerView: 2,
+			slidesPerGroup:2,
+          },
+          900: {
+            slidesPerView: 3,
+			slidesPerGroup:3,
+          },
+          1024: {
+            slidesPerView: 3,
+			slidesPerGroup:3,
+          },
+        },
+      });
+</script>
+	</body>
+</html>
+

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

@@ -0,0 +1,97 @@
+
+<!DOCTYPE html>
+<html lang="en-US">
+<head><meta charset="UTF-8">
+    <title>{{ site.dist.seo_title }}</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    <meta name="description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}" />
+    <link rel="canonical" href=="{{url}}" />
+    <meta property="og:locale" content="en_US" />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="{{ site.dist.seo_title }}" />
+    <meta property="og:description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}" />
+    <meta property="og:url" content="{{url}}" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <link rel='shortlink' href='{{url}}' />
+    <link rel="stylesheet" href="{{ site.assetsUrl}}/static/tpl/screenprotector/css/css.css?ver=0705">
+    <link rel="stylesheet" href="{{ site.assetsUrl}}/static/tpl/screenprotector/css/swiper-bundle.min.css?ver=0705">
+    <script src="{{ site.assetsUrl}}/static/tpl/screenprotector/js/jquery.min.js"></script>
+    <script src="{{ site.assetsUrl}}/static/tpl/screenprotector/js/swiper-bundle.min.js"></script>
+</head>
+<body>
+{% include '_header.liquid' %}
+<section class="page-banner">
+    <div class="section-wrapper">
+        <div class="page-banner-text">
+            <h2>Leading the screen protector industry standard </h2>
+            <div>With years of experience in the screen protector industry, Mietubl has established numerous unique standards thanks to its exceptional innovation capabilities and rigorous quality control systems. We cater to the global market and have built a strong customer base around the world.
+            </div>
+        </div>
+</section>
+
+
+<section class="index-about-section">
+    <div class="section-wrapper">
+        <div class="e-con-inner">
+            <div class="left-box">
+                <div class="elementor-element elementor-element-4fb7960 elementor-widget elementor-widget-heading" data-id="4fb7960" data-element_type="widget" data-widget_type="heading.default">
+                    <div class="elementor-widget-container">
+                        <h2 class="elementor-heading-title elementor-size-default">     {{ page.title | raw }}</h2>		</div>
+                </div>
+                <div class="elementor-widget-container">
+                         {{page.content | raw }}
+                </div>
+
+
+            </div><!--left-box-->
+
+
+        </div><!--e-con-inner-->
+    </div><!--section-wrapper-->
+</section>
+
+
+
+
+
+
+
+
+
+{% include '_footer.liquid' %}
+<script>
+    var swiper1=new Swiper(".mySwiper", {
+        autoplay:true,
+        slidesPerView: 3,
+        slidesPerGroup: 3,
+        speed:1000,
+        loop: true,
+        pagination: {
+            el: ".swiper-pagination",
+            nextEl: ".next",
+            prevEl: ".pre",
+            clickable: true
+        },
+        breakpoints: {
+            320: {
+                slidesPerView: 1,
+                slidesPerGroup: 1,
+            },
+            768: {
+                slidesPerView: 2,
+                slidesPerGroup:2,
+            },
+            900: {
+                slidesPerView: 3,
+                slidesPerGroup:3,
+            },
+            1024: {
+                slidesPerView: 3,
+                slidesPerGroup:3,
+            },
+        },
+    });
+</script>
+</body>
+</html>
+

resources/views/liquid_src/1/screenprotector/pages_sp_about.liquid

@@ -0,0 +1,212 @@
+
+<!DOCTYPE html>
+<html lang="en-US">
+<head><meta charset="UTF-8">
+    <title>{{ site.dist.seo_title }}</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    <meta name="description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}" />
+    <link rel="canonical" href=="{{url}}" />
+    <meta property="og:locale" content="en_US" />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="{{ site.dist.seo_title }}" />
+    <meta property="og:description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}" />
+    <meta property="og:url" content="{{url}}" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <link rel='shortlink' href='{{url}}' />
+    <link rel="stylesheet" href="{{ site.assetsUrl}}/static/tpl/screenprotector/css/css.css?ver=0705">
+    <link rel="stylesheet" href="{{ site.assetsUrl}}/static/tpl/screenprotector/css/swiper-bundle.min.css?ver=0705">
+    <script src="{{ site.assetsUrl}}/static/tpl/screenprotector/js/jquery.min.js"></script>
+    <script src="{{ site.assetsUrl}}/static/tpl/screenprotector/js/swiper-bundle.min.js"></script>
+</head>
+<body>
+{% include '_header.liquid' %}
+<section class="page-banner">
+	<div class="section-wrapper">
+		<div class="page-banner-text">
+			<h2>Leading the screen protector industry standard </h2>
+			<div>With years of experience in the screen protector industry, Mietubl has established numerous unique standards thanks to its exceptional innovation capabilities and rigorous quality control systems. We cater to the global market and have built a strong customer base around the world.
+			</div>
+        </div>
+	</div>
+</section>
+
+
+<section class="index-about-section">
+		<div class="section-wrapper">
+		<div class="e-con-inner">
+			<div class="left-box">
+				<div class="elementor-element elementor-element-4fb7960 elementor-widget elementor-widget-heading" data-id="4fb7960" data-element_type="widget" data-widget_type="heading.default">
+				<div class="elementor-widget-container">
+					<h2 class="elementor-heading-title elementor-size-default">{{ page.title }}</h2>		</div>
+				</div>
+				<div class="elementor-widget-container">
+					<p>{{ page.content }}</p>
+				</div>
+
+
+
+			</div><!--left-box-->
+
+		<div class="right-box">
+					<div class="elementor-widget-container">
+						<div class="right-box-video">
+							<img src="https://sc04.alicdn.com/kf/H7bf407c713664372a9d5c79399205650N/231480107/H7bf407c713664372a9d5c79399205650N.png">
+							<div class="play" aria-label="Play Video about mobile phone parts wholesale">
+									<svg aria-hidden="true" class="e-font-icon-svg e-eicon-play" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M838 162C746 71 633 25 500 25 371 25 258 71 163 162 71 254 25 367 25 500 25 633 71 746 163 837 254 929 367 979 500 979 633 979 746 933 838 837 929 746 975 633 975 500 975 367 929 254 838 162M808 192C892 279 933 379 933 500 933 621 892 725 808 808 725 892 621 938 500 938 379 938 279 896 196 808 113 725 67 621 67 500 67 379 108 279 196 192 279 108 383 62 500 62 621 62 721 108 808 192M438 392V642L642 517 438 392Z"></path></svg><span class="elementor-screen-only">Play Video about mobile phone parts wholesale</span>
+							</div>
+						</div>
+					</div>
+		</div><!--right-box-->
+		</div><!--e-con-inner-->
+	</div><!--section-wrapper-->
+</section>
+
+
+
+<section class="index-factory-section">
+	<div class="e-con-inner">
+	<div class="factory-tour">
+		<div class="swiper mySwiper">
+		  <div class="swiper-wrapper">
+				<div class="swiper-slide">
+					<img class="image" src="../images/cell-display.webp" alt="Mietubl screen protector series">
+				</div>
+				<div class="swiper-slide">
+					<img class="image" src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/cell-phone-display.webp" alt="Mietubl screen protector series">
+				</div>
+				<div class="swiper-slide">
+					<img class="image" src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/cell-phone-screen.webp" alt="Mietubl screen protector series">
+				</div>
+				<div class="swiper-slide">
+					<img class="image" src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/mobile-display-1.webp" alt="Mietubl screen protector series">
+				</div>
+				<div class="swiper-slide">
+					<img class="image" src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/mobile-lcd-display.webp" alt="Mietubl screen protector series">
+				</div>
+				<div class="swiper-slide">
+					<img class="image" src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/mobile-screen.webp" alt="Mietubl screen protector series">
+				</div>
+				<div class="swiper-slide">
+					<img class="image" src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/phone-lcd.webp" alt="Mietubl screen protector series">
+				</div>
+				<div class="swiper-slide">
+					<img class="image" src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/phone-screen-display.webp" alt="Mietubl screen protector series">
+				</div>
+		  </div>
+		</div>
+		  <div class="pre"><svg aria-hidden="true" class="e-font-icon-svg e-fas-caret-square-left" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M400 480H48c-26.51 0-48-21.49-48-48V80c0-26.51 21.49-48 48-48h352c26.51 0 48 21.49 48 48v352c0 26.51-21.49 48-48 48zM259.515 124.485l-123.03 123.03c-4.686 4.686-4.686 12.284 0 16.971l123.029 123.029c7.56 7.56 20.485 2.206 20.485-8.485V132.971c.001-10.691-12.925-16.045-20.484-8.486z"></path></svg></div>
+		  <div class="next"><svg aria-hidden="true" class="e-font-icon-svg e-fas-caret-square-right" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M48 32h352c26.51 0 48 21.49 48 48v352c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V80c0-26.51 21.49-48 48-48zm140.485 355.515l123.029-123.029c4.686-4.686 4.686-12.284 0-16.971l-123.029-123.03c-7.56-7.56-20.485-2.206-20.485 8.485v246.059c0 10.691 12.926 16.045 20.485 8.486z"></path></svg></div>
+	</div>
+	</div><!--e-con-inner-->
+</section>
+
+<section class="about-why-us">
+		<div class="section-wrapper">
+			<div class="heading-text"><h2>Why Choose Us</h2></div>
+			<div class="sub-text">With many years of experience and strong supply chain management and production capabilities, we are able to provide reliable, high-quality products at competitive prices to customers worldwide.</div>
+			<div class="why-grid">
+				<div class="grid-item">
+					<div class="item-wrapper">
+					<div class="item-title">Long Time Experience</div>
+					<div class="item-content">Established with exacting standards and rich experience, Mietubl boasts over 20 years of specialization in mobile accessories, beginning with screen protector. We have accumulated abundant resources to deliver reliable product solutions to our clients.</div>
+					</div>
+				</div>
+				<div class="grid-item">
+					<div class="item-wrapper">
+					<div class="item-title">Integrated Supply Chain</div>
+					<div class="item-content">We are a seamlessly integrated system of business and production, leveraging advanced manufacturing resources in China to offer cost-effective products to global users.</div>
+					</div>
+				</div>
+				<div class="grid-item">
+					<div class="item-wrapper">
+					<div class="item-title">Quality Control Management</div>
+					<div class="item-content">Multiple quality control processes ensure stable product quality, addressing customer concerns effectively; we prioritize product quality above all else.</div>
+					</div>
+				</div>
+				<div class="grid-item">
+					<div class="item-wrapper">
+					<div class="item-title">Strong Logistics Management</div>
+					<div class="item-content">With over 10000 square meters of proprietary industrial base, more than 5 million units of regular inventory, and multiple logistics partners, we ensure timely and accurate delivery of all orders.</div>
+					</div>
+				</div>
+
+			</div>
+		</div>
+</section>
+
+
+<section class="about-customer-section">
+	<div class="section-wrapper">
+		<div class="showcase">
+			<div class="zoom-in-pic">
+				<div class="pic active"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/20241218111501.jpg"></div>
+				<div class="pic"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/20241218111501.jpg"></div>
+				<div class="pic"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/20241218111501.jpg"></div>
+				<div class="pic"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/20241218111501.jpg"></div>
+			</div>
+			<div class="reviews">
+				<h2>What Our Customers Say</h2>
+				<div class="reviews-content active">
+					The Certification for Workplace Diversity, Equity, and Inclusion that matters. Since 2011.
+				</div>
+				<div class="reviews-content">
+					The Certification for Workplace Diversity, Equity, and Inclusion that matters. Since 2011.
+				</div>
+				<div class="reviews-content">
+					The Certification for Workplace Diversity, Equity, and Inclusion that matters. Since 2011.
+				</div>
+				<div class="reviews-content">
+					The Certification for Workplace Diversity, Equity, and Inclusion that matters. Since 2011.
+				</div>
+				<div class="preview-pic">
+					<ul>
+						<li class="pic active"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/20241218111501.jpg"></li>
+						<li class="pic"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/20241218111501.jpg"></li>
+						<li class="pic"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/20241218111501.jpg"></li>
+						<li class="pic"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/20241218111501.jpg"></li>
+					</ul>
+				</div>
+			</div>
+		</div>
+	</div>
+</section>
+
+{% include '__contact.liquid' %}
+
+{% include '_footer.liquid' %}
+<script>
+    var swiper1=new Swiper(".mySwiper", {
+        autoplay:true,
+        slidesPerView: 3,
+        slidesPerGroup: 3,
+        speed:1000,
+        loop: true,
+        pagination: {
+            el: ".swiper-pagination",
+            nextEl: ".next",
+            prevEl: ".pre",
+            clickable: true
+        },
+        breakpoints: {
+            320: {
+                slidesPerView: 1,
+                slidesPerGroup: 1,
+            },
+            768: {
+                slidesPerView: 2,
+                slidesPerGroup:2,
+            },
+            900: {
+                slidesPerView: 3,
+                slidesPerGroup:3,
+            },
+            1024: {
+                slidesPerView: 3,
+                slidesPerGroup:3,
+            },
+        },
+    });
+</script>
+</body>
+</html>
+

resources/views/liquid_src/1/screenprotector/pages_sp_contact.liquid

@@ -0,0 +1,117 @@
+
+<!DOCTYPE html>
+<html lang="en-US">
+<head><meta charset="UTF-8">
+    <title>{{ site.dist.seo_title }}</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    <meta name="description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}" />
+    <link rel="canonical" href=="{{url}}" />
+    <meta property="og:locale" content="en_US" />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="{{ site.dist.seo_title }}" />
+    <meta property="og:description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}" />
+    <meta property="og:url" content="{{url}}" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <link rel='shortlink' href='{{url}}' />
+    <link rel="stylesheet" href="{{ site.assetsUrl}}/static/tpl/screenprotector/css/css.css?ver=0705">
+    <link rel="stylesheet" href="{{ site.assetsUrl}}/static/tpl/screenprotector/css/swiper-bundle.min.css?ver=0705">
+    <script src="{{ site.assetsUrl}}/static/tpl/screenprotector/js/jquery.min.js"></script>
+    <script src="{{ site.assetsUrl}}/static/tpl/screenprotector/js/swiper-bundle.min.js"></script>
+</head>
+<body>
+{% include '_header.liquid' %}
+<section class="page-header">
+	<div class="section-wrapper">
+		<h1 class="page-title">Contact Us </h1>
+		<div class="breadcrumb-wrapper">{{面包屑路径}}</div>
+	</div>
+</section>
+<section class="contact-companies">
+	<div class="section-wrapper">
+		<h1>We will be happy to talk to you</h1>
+		<div class="rich-text">We will be happy to talk to you if you have any of the following.</div>
+	<div class="contact-grid">
+		<div class="contact-grid-item">
+			<div class="icon"><img src="images/contact-icon1.svg"></div>
+				<div class="heading-group">
+				<h3 class="text-balance">Marketing and sales</h3>
+				<p class="richtex">Attract customers to your site and drive sales through effective marketing techniques</p>
+				</div>
+		</div>
+		<div class="contact-grid-item">
+			<div class="icon"><img src="images/contact-icon2.svg"></div>
+				<div class="heading-group">
+				<h3 class="text-balance">Marketing and sales</h3>
+				<p class="richtex">Attract customers to your site and drive sales through effective marketing techniques</p>
+				</div>
+		</div>
+		<div class="contact-grid-item">
+			<div class="icon"><img src="images/contact-icon3.svg"></div>
+				<div class="heading-group">
+				<h3 class="text-balance">Marketing and sales</h3>
+				<p class="richtex">Attract customers to your site and drive sales through effective marketing techniques</p>
+				</div>
+		</div>
+		<div class="contact-grid-item">
+			<div class="icon"><img src="images/contact-icon4.svg"></div>
+				<div class="heading-group">
+				<h3 class="text-balance">Marketing and sales</h3>
+				<p class="richtex">Attract customers to your site and drive sales through effective marketing techniques</p>
+				</div>
+		</div>
+		<div class="contact-grid-item">
+			<div class="icon"><img src="images/contact-icon5.svg"></div>
+				<div class="heading-group">
+				<h3 class="text-balance">Marketing and sales</h3>
+				<p class="richtex">Attract customers to your site and drive sales through effective marketing techniques</p>
+				</div>
+		</div>
+		<div class="contact-grid-item">
+			<div class="icon"><img src="images/contact-icon6.svg"></div>
+				<div class="heading-group">
+				<h3 class="text-balance">Marketing and sales</h3>
+				<p class="richtex">Attract customers to your site and drive sales through effective marketing techniques</p>
+				</div>
+		</div>
+	</div>
+	</div><!--section-wrapper-->
+</section>
+
+
+
+{% include '__contact.liquid' %}
+
+{% include '_footer.liquid' %}
+<script>
+  var swiper1=new Swiper(".mySwiper", {
+  	    autoplay:true,
+        slidesPerView: 3,
+        slidesPerGroup: 3,
+		speed:1000,
+        loop: true,
+		navigation: {
+			  nextEl: '.pre',
+			  prevEl: '.next',
+			},
+		 breakpoints: {
+          320: {
+            slidesPerView: 1,
+			slidesPerGroup: 1,
+          },
+          768: {
+            slidesPerView: 2,
+			slidesPerGroup:2,
+          },
+          900: {
+            slidesPerView: 3,
+			slidesPerGroup:3,
+          },
+          1024: {
+            slidesPerView: 3,
+			slidesPerGroup:3,
+          },
+        },
+      });
+</script>
+	</body>
+</html>

resources/views/liquid_src/1/screenprotector/pages_sp_factory_tour.liquid

@@ -0,0 +1,361 @@
+
+<!DOCTYPE html>
+<html lang="en-US">
+<head><meta charset="UTF-8">
+	<title>{{参观工厂}}</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+	<meta name="description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}" />
+	<link rel="canonical" href=="{{url}}" />
+	<meta property="og:locale" content="en_US" />
+	<meta property="og:type" content="website" />
+	<meta property="og:title" content="{{参观工厂}}" />
+	<meta property="og:description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}" />
+	<meta property="og:url" content="{{url}}" />
+	<link rel='shortlink' href='{{url}}' />
+	<link rel="stylesheet" href="{{ site.assetsUrl}}/static/tpl/screenprotector/css/css.css?ver=0705">
+	<link rel="stylesheet" href="{{ site.assetsUrl}}/static/tpl/screenprotector/css/swiper-bundle.min.css?ver=0705">
+	<script src="{{ site.assetsUrl}}/static/tpl/screenprotector/js/jquery.min.js"></script>
+	<script src="{{ site.assetsUrl}}/static/tpl/screenprotector/js/swiper-bundle.min.js"></script>
+</head>
+<body>
+{% include '_header.liquid' %}
+<section class="video-banner">
+	<div class="bg-video">
+		<video autoplay muted loop >
+		    <source src="https://www.lucentparts.com/wp-content/uploads/2024/11/014.mp4" type="video/mp4">
+		</video>
+	</div>
+	<h1>Screen protector Manufacturer Wholesaler</h1>
+</section>
+
+<section class="factory-section">
+	<div class="thumb">
+		<img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/2023-12-08.jpg" alt="Screen protector Manufacturer Wholesaler">
+	</div>
+	<div class="block-content">
+			<h2>Custom Screen Protector Manufacturer</h2>
+			<div class="content-text">
+				<p>Consumers and businesses that rely on electronic devices can put them through a lot of abuse. To prevent scratches and damage of the device screen, consumers buy screen protectors to protect their investment. If you’re in the business of selling screen protector products, it’s important to partner with a tempered glass screen protector manufacturer that has experience delivering the best product.</p>
+				<p>
+				New Vision Display is a leading custom glass screen protector manufacturer for major global retailers, OEMs, private label brands, and distributors. We can create custom solutions for nearly any electronic device: smartphone, tablets, laptops, GPS devices, POS terminals, medical devices, industrial controls, smartwatches, and more. Contact us to learn more!</p>
+			</div>
+	</div>
+</section>
+
+<section class="factory-department">
+	<div class="section-wrapper">
+		<h3>Assembly Line</h3>
+		<div class="departments">
+			<div class="dep">
+				<div class="pic"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/a1.webp"></div>
+				<div class="content">
+					<div class="header">Dust-Free Production Workshop</div>
+					<div class="detail">5 fully automated LCD production lines, 5 semi-automatic LCD+Glass touch production lines with a daily output of 50,000 pieces Mo</div>
+				</div>
+			</div>
+
+			<div class="dep">
+				<div class="pic"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/a1.webp"></div>
+				<div class="content">
+					<div class="header">Dust-Free Production Workshop</div>
+					<div class="detail">5 fully automated LCD production lines, 5 semi-automatic LCD+Glass touch production lines with a daily output of 50,000 pieces Mo</div>
+				</div>
+			</div>
+
+			<div class="dep">
+				<div class="pic"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/a1.webp"></div>
+				<div class="content">
+					<div class="header">Dust-Free Production Workshop</div>
+					<div class="detail">5 fully automated LCD production lines, 5 semi-automatic LCD+Glass touch production lines with a daily output of 50,000 pieces Mo</div>
+				</div>
+			</div>
+			<div class="dep">
+				<div class="pic"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/a1.webp"></div>
+				<div class="content">
+					<div class="header">Dust-Free Production Workshop</div>
+					<div class="detail">5 fully automated LCD production lines, 5 semi-automatic LCD+Glass touch production lines with a daily output of 50,000 pieces Mo</div>
+				</div>
+			</div>
+
+			<div class="dep">
+				<div class="pic"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/a1.webp"></div>
+				<div class="content">
+					<div class="header">Dust-Free Production Workshop</div>
+					<div class="detail">5 fully automated LCD production lines, 5 semi-automatic LCD+Glass touch production lines with a daily output of 50,000 pieces Mo</div>
+				</div>
+			</div>
+
+			<div class="dep">
+				<div class="pic"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/a1.webp"></div>
+				<div class="content">
+					<div class="header">Dust-Free Production Workshop</div>
+					<div class="detail">5 fully automated LCD production lines, 5 semi-automatic LCD+Glass touch production lines with a daily output of 50,000 pieces Mo</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</section>
+
+<section class="factory-oem">
+	<div class="section-wrapper">
+		<h3>Custom Screen Protector Manufacturing Capabilities</h3>
+		<div class="sub-text">When choosing us to be your screen protector manufacturer, we can enhance your branding with capabilities such as etching on glass, screen printing, or custom packaging. Whether you’re looking for a smartphone screen protector, POS screen protector, industrial screen protector, or something else, you can count on NVD’s expertise to deliver the best solution for your needs. Contact us to discuss your project!</div>
+	</div>
+</section>
+
+<section class="categories">
+		<div class="section-wrapper">
+		<h3 class="heading-title">Our product solutions for you</h3>
+		<div class="category">
+			<div class="pic"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/consumer-inner.jpg" alt="Mobile phone screen protector"></div>
+			<div class="category-text">
+					<h3>Mobile phone screen protector</h3>
+					<div> Mobile phone screens are often the most vulnerable part of the device, as they can easily get scratched, cracked, or damaged due to daily use. And screen protector is an effective way to safeguard a mobile phone’s screen against damage, ensuring the device remains functional and visually appealing for a longer time.</div>
+
+					<div class="features">
+					<div><p><strong>Features</strong></p></div>
+					<div>
+					<ul>
+						<li>
+							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/scratch.svg" alt="Scratch resistant"></div>
+							<div class="t">Scratch resistant</div>
+						</li>
+						<li>
+							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/curvededge.svg" alt="Polished edges"></div>
+							<div class="t">Polished edges</div>
+						</li>
+						<li>
+							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/touch.svg" alt="Touch sensitive"></div>
+							<div class="t">Touch sensitive</div>
+						</li>
+						<li>
+							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/HD.svg" alt="98% optical clarity"></div>
+							<div class="t">98% optical clarity</div>
+						</li>
+						<li>
+							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/fingerprint.svg" alt="Anti-fingerprint"></div>
+							<div class="t">Anti-fingerprint</div>
+						</li>
+
+					</ul>
+					</div>
+					</div>
+			</div>
+		</div>
+		<div class="category">
+			<div class="pic"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/consumer-inner.jpg" alt="Mobile phone screen protector"></div>
+			<div class="category-text">
+					<h3>Tablet screen protector</h3>
+					<div> For tablet computers, the need for screen protection is just as important as it is for mobile phones, if not more so, due to the larger size and increased likelihood of being used in various environments (home, office, travel, etc.). Tablets are often used for activities like browsing, reading, drawing, or gaming, making their screens more vulnerable to scratches, smudges, and cracks.</div>
+					<div class="features">
+					<div><p><strong>Features</strong></p></div>
+					<div>
+					<ul>
+						<li>
+							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/scratch.svg" alt="Scratch resistant"></div>
+							<div class="t">Scratch resistant</div>
+						</li>
+						<li>
+							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/curvededge.svg" alt="Polished edges"></div>
+							<div class="t">Polished edges</div>
+						</li>
+						<li>
+							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/touch.svg" alt="Touch sensitive"></div>
+							<div class="t">Touch sensitive</div>
+						</li>
+						<li>
+							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/HD.svg" alt="98% optical clarity"></div>
+							<div class="t">98% optical clarity</div>
+						</li>
+						<li>
+							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/fingerprint.svg" alt="Anti-fingerprint"></div>
+							<div class="t">Anti-fingerprint</div>
+						</li>
+
+					</ul>
+					</div>
+					</div>
+			</div>
+		</div>
+		<div class="category">
+			<div class="pic"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/consumer-inner.jpg" alt="Mobile phone screen protector"></div>
+			<div class="category-text">
+					<h3>Car screen protector</h3>
+					<div> The screen of a car navigation device is exposed to various potential hazards, such as dust, dirt, and abrasive materials. Over time, even small particles can cause scratches on the screen, affecting visibility and performance. A screen protector helps maintain the screen's clarity and usability by acting as a barrier against such damage.</div>
+					<div class="features">
+					<div><p><strong>Features</strong></p></div>
+					<div>
+					<ul>
+						<li>
+							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/scratch.svg" alt="Scratch resistant"></div>
+							<div class="t">Scratch resistant</div>
+						</li>
+						<li>
+							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/curvededge.svg" alt="Polished edges"></div>
+							<div class="t">Polished edges</div>
+						</li>
+						<li>
+							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/touch.svg" alt="Touch sensitive"></div>
+							<div class="t">Touch sensitive</div>
+						</li>
+						<li>
+							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/HD.svg" alt="98% optical clarity"></div>
+							<div class="t">98% optical clarity</div>
+						</li>
+						<li>
+							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/fingerprint.svg" alt="Anti-fingerprint"></div>
+							<div class="t">Anti-fingerprint</div>
+						</li>
+
+					</ul>
+					</div>
+					</div>
+			</div>
+		</div>
+		<div class="category">
+			<div class="pic"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/consumer-inner.jpg" alt="Mobile phone screen protector"></div>
+			<div class="category-text">
+					<h3>Car screen protector</h3>
+					<div> Mobile phone screens are often the most vulnerable part of the device, as they can easily get scratched, cracked, or damaged due to daily use. And screen protector is an effective way to safeguard a mobile phone’s screen against damage, ensuring the device remains functional and visually appealing for a longer time.</div>
+					<div class="features">
+					<div><p><strong>Features</strong></p></div>
+					<div>
+					<ul>
+						<li>
+							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/scratch.svg" alt="Scratch resistant"></div>
+							<div class="t">Scratch resistant</div>
+						</li>
+						<li>
+							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/curvededge.svg" alt="Polished edges"></div>
+							<div class="t">Polished edges</div>
+						</li>
+						<li>
+							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/touch.svg" alt="Touch sensitive"></div>
+							<div class="t">Touch sensitive</div>
+						</li>
+						<li>
+							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/HD.svg" alt="98% optical clarity"></div>
+							<div class="t">98% optical clarity</div>
+						</li>
+						<li>
+							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/fingerprint.svg" alt="Anti-fingerprint"></div>
+							<div class="t">Anti-fingerprint</div>
+						</li>
+
+					</ul>
+					</div>
+					</div>
+			</div>
+		</div>
+		</div><!--section-wrapper-->
+</section>
+
+
+
+<section class="factory-service">
+	<div class="section-wrapper">
+		<h3>Best Services to Drive Your Business</h3>
+		<div class="service">
+			<div class="service-box">
+				<div class="heading">Full-spectrum of devices</div>
+				<div class="content">We have a comprehensive range of production equipment, including CNC cutting machines, edge polishing machines, ultrasonic cleaning devices, tempered quenching equipment, silk-screen printing machines, and plasma coating machines, among others. With this full range of equipment, we are able to provide complete product solutions for our customers.</div>
+			</div>
+
+			<div class="service-box">
+				<div class="heading">Own R&D team</div>
+				<div class="content">Our technical team, composed of professional engineers, allows us to offer personalized services ranging from product development to packaging design. Our team would be happy to discuss your new product ideas with you.</div>
+			</div>
+
+			<div class="service-box">
+				<div class="heading">Strict quality control system</div>
+				<div class="content">We adhere to strict production and quality inspection standards, with all products undergoing multiple testing processes. We have the capability to provide highly consistent quality products to customers worldwide.</div>
+			</div>
+		</div>
+	</div>
+</section>
+
+
+<section class="index-contact-section">
+	<div class="section-wrapper">
+		<div class="index-contact-left-wrapper">
+			<h3 class="heading-title">Get in Touch Today!</h3>
+			<p class="sub-title">You may encounter a series of common problems. If you have additional questions, please contact Lucent.</p>
+			<div class="widget-container">
+				<div class="contact-widget">
+					<div class="icon-box"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/WhatsApp.svg"></div>
+					<div class="contact-widget-title">WhatsApp</div>
+					<div class="contact-widget-detail">Questions about our product or pricing? Call for support</div>
+					<div class="contact-widget-number">+86 170 0016 1888</div>
+				</div>
+
+				<div class="contact-widget">
+					<div class="icon-box"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/mail.svg"></div>
+					<div class="contact-widget-title">Email</div>
+					<div class="contact-widget-detail">For more questions, you can also write to us.</div>
+					<div class="contact-widget-number">Marketing@mietubl.com</div>
+				</div>
+			</div>
+		</div>
+		<div class="index-contact-right-wrapper">
+			<div class="contact-form">
+				<h3 class="heading-title">Fill out the form and We will contact you shortly.</h3>
+					<div class="input-container">
+						<label for="form-field-name" class="field-label">Name</label>
+						<input type="text" name="form_fields[name]" id="form-field-name" class="field-textual" placeholder="Name">
+
+					<div class="mark-required">
+						<label for="form-field-email" class="elementor-field-label">Email</label>
+						<input size="1" type="email" name="form_fields[email]" id="form-field-email" class="field-textual" placeholder="Email" required="required" aria-required="true">
+					</div>
+					<div class="mark-required">
+						<label for="form-field-field_1076d06" class="elementor-field-label">Whatsapp</label>
+						<input size="1" type="text" name="form_fields[field_1076d06]" id="form-field-field_1076d06" class="field-textual" placeholder="+" required="required" aria-required="true">
+					</div>
+					<div class="mark-required">
+						<label for="form-field-message" class="elementor-field-label">Message</label>
+						<textarea class="field-textual" name="form_fields[message]" id="form-field-message" rows="4" placeholder="Message"></textarea>
+					</div>
+					<div class="button-wrapper">Send</div>
+					</div>
+		</div>
+	</div><!--index-contact-right-wrapper"-->
+	</div>
+</section>
+
+{% include '_footer.liquid' %}
+<script>
+  var swiper1=new Swiper(".mySwiper", {
+  	    autoplay:true,
+        slidesPerView: 3,
+        slidesPerGroup: 3,
+		speed:1000,
+        loop: true,
+        pagination: {
+          el: ".swiper-pagination",
+	      nextEl: ".next",
+          prevEl: ".pre",
+          clickable: true
+        },
+        breakpoints: {
+          320: {
+            slidesPerView: 1,
+			slidesPerGroup: 1,
+          },
+          768: {
+            slidesPerView: 2,
+			slidesPerGroup:2,
+          },
+          900: {
+            slidesPerView: 3,
+			slidesPerGroup:3,
+          },
+          1024: {
+            slidesPerView: 3,
+			slidesPerGroup:3,
+          },
+        },
+      });
+</script>
+	</body>
+</html>
+

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

@@ -0,0 +1,67 @@
+
+<!DOCTYPE html>
+<html lang="en-US">
+<head><meta charset="UTF-8">
+	<title>{{Title}}</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+	<meta name="description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}" />
+	<link rel="canonical" href="{{url}}/" />
+	<meta property="og:locale" content="en_US" />
+	<meta property="og:type" content="website" />
+	<meta property="og:title" content="{{公司名称}}" />
+	<meta property="og:description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}" />
+	<meta property="og:url" content="{{url}}" />
+	<meta property="og:site_name" content="{{网站名称}}" />
+	<meta name="twitter:card" content="summary_large_image" />
+	<link rel='shortlink' href='{{url}}' />
+	<link rel="stylesheet" href="{{ site.assetsUrl}}/static/tpl/screenprotector/css/css.css?ver=0705">
+	<link rel="stylesheet" href="{{ site.assetsUrl}}/static/tpl/screenprotector/css/swiper-bundle.min.css?ver=0705">
+	<script src="{{ site.assetsUrl}}/static/tpl/screenprotector/js/jquery.min.js"></script>
+	<script src="{{ site.assetsUrl}}/static/tpl/screenprotector/js/swiper-bundle.min.js"></script>
+</head>
+<body>
+{% include '_header.liquid' %}
+<section class="page-header">
+	<div class="section-wrapper">
+		<h1 class="page-title">{{Title}}</h1>
+		<div class="breadcrumb-wrapper">{{面包屑路径}}</div>
+	</div>
+</section>
+<section class="product-list-page">
+	<div class="section-wrapper">
+		<ul class="list-wrapper">
+            {% for item in products %}
+			<li class="product-item">
+				<div class="product-image"><a href="/products/{{ item.id }}" alt="{{ 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 }}{% else %}{{ site.image_base_url }}{{ image_url | append: '?x-oss-process=image/resize,m_pad,w_200,h_200' }}{% endif %}"
+                            alt="{{ item.title | strip_html }}">
+                        {% else %}
+                            <img src="{{ site.assetsUrl}}/static/images/product_default.jpg" alt="{{ item.title | strip_html }}">
+                        {% endif %}
+
+
+
+
+					<div class="overlay"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/cell-phone-display.webp" alt="{{ item.title | strip_html }}"></div>
+				</a></div>
+				<div class="product-name"><a href="/products/{{ item.id }}" alt="{{ item.title | strip_html }}">{{ item.title | strip_html }}</a></div>
+			</li>
+			{% endfor %}
+		</ul>
+	</div>
+</section>
+<section class="extra-intro">
+	<div class="section-wrapper">
+		<div class="heading-title"><h2>{{category.name}}</h2></div>
+		<div class="extra-text"> {{ category.remark }}</div>
+	</div>
+</section>
+
+{% include '__contact.liquid' %}
+{% include '_footer.liquid' %}
+	</body>
+</html>
+

resources/views/liquid_src/1/screenprotector/version.liquid

@@ -0,0 +1 @@
+<!-- update date 2024-12-23 15:10 -->