travelinlite.com

index.html

@@ -33,28 +33,36 @@
         <p>🚚 Free UK delivery on orders over £150 | ⏰ Same day dispatch before 3pm</p>
     </div>
 
-    <!-- Header -->
+    <!-- Trustpilot Widget -->
+    <div class="bg-blue-600 text-white py-2">
+        <div class="container mx-auto px-4">
+            <div class="flex items-center justify-center space-x-4">
+                <span class="font-medium">TrustScore 4.8 | 2,354 reviews</span>
+            </div>
+        </div>
+    </div>
+<!-- Header -->
     <header class="bg-white shadow-sm sticky top-0 z-50">
         <div class="container mx-auto px-4">
             <!-- Top Header -->
             <div class="flex items-center justify-between py-3 border-b">
                 <div class="flex items-center space-x-4">
-        <a href="tel:01234567890" class="text-gray-700 hover:text-blue-600">
-            <i class="fas fa-phone-alt"></i> 01234 567890
-</a>
-                    <a href="mailto:info@travelinlite.com" class="text-gray-700 hover:text-blue-600">
+                    <a href="#" class="text-gray-700 hover:text-blue-600">
+                        <i class="fas fa-phone-alt"></i> 01234 567890
+                    </a>
+                    <a href="#" class="text-gray-700 hover:text-blue-600">
                         <i class="fas fa-envelope"></i> info@travelinlite.com
-</a>
+                    </a>
                 </div>
                 <div class="flex items-center space-x-4">
-                    <a href="/account.html" class="text-gray-700 hover:text-blue-600">Account</a>
-                    <a href="/wishlist.html" class="text-gray-700 hover:text-blue-600">Wishlist</a>
-<div class="relative">
-                        <a href="/cart.html" class="text-gray-700 hover:text-blue-600 flex items-center">
+                    <a href="#" class="text-gray-700 hover:text-blue-600">Account</a>
+                    <a href="#" class="text-gray-700 hover:text-blue-600">Wishlist</a>
+                    <div class="relative">
+                        <a href="#" class="text-gray-700 hover:text-blue-600 flex items-center">
                             <i class="fas fa-shopping-cart"></i>
                             <span class="ml-1">Cart (0)</span>
                         </a>
-</div>
+                    </div>
                 </div>
             </div>
 
@@ -81,22 +89,22 @@
 
                 <!-- Paypal & Icons -->
                 <div class="w-1/4 flex justify-end items-center space-x-4">
-                    <a href="/paypal-credit.html" class="hidden md:block">
+                    <a href="#" class="hidden md:block">
                         <img src="https://travelinlite-transporters.co.uk/cdn/shop/t/4/assets/small-paypal.jpg?v=131092240753959694361608026327" 
                              alt="PayPal Credit" class="h-8">
                     </a>
-<div class="flex space-x-4">
-                        <a href="/account.html" class="text-gray-700 hover:text-blue-600 text-xl">
+                    <div class="flex space-x-4">
+                        <a href="#" class="text-gray-700 hover:text-blue-600 text-xl">
                             <i class="far fa-user"></i>
                         </a>
-                        <a href="/wishlist.html" class="text-gray-700 hover:text-blue-600 text-xl">
+                        <a href="#" class="text-gray-700 hover:text-blue-600 text-xl">
                             <i class="far fa-heart"></i>
                         </a>
-                        <a href="/cart.html" class="text-gray-700 hover:text-blue-600 text-xl relative">
+                        <a href="#" class="text-gray-700 hover:text-blue-600 text-xl relative">
                             <i class="fas fa-shopping-cart"></i>
                             <span class="absolute -top-2 -right-2 bg-blue-600 text-white text-xs rounded-full h-5 w-5 flex items-center justify-center">0</span>
                         </a>
-</div>
+                    </div>
                 </div>
             </div>
 
@@ -126,12 +134,8 @@
                     <!-- More navigation items would go here -->
                     <li><a href="#" class="text-gray-800 hover:text-blue-600 font-medium py-2">Wheels</a></li>
                     <li><a href="#" class="text-gray-800 hover:text-blue-600 font-medium py-2">Suspension</a></li>
-                    <li>
-                <a href="/clearance.html" class="text-gray-800 hover:text-blue-600 font-medium py-2">Clearance</a>
-</li>
-                    <li>
-                <a href="/blog.html" class="text-gray-800 hover:text-blue-600 font-medium py-2">Blog</a>
-</li>
+                    <li><a href="#" class="text-gray-800 hover:text-blue-600 font-medium py-2">Clearance</a></li>
+                    <li><a href="#" class="text-gray-800 hover:text-blue-600 font-medium py-2">Blog</a></li>
                 </ul>
             </nav>
         </div>
@@ -159,12 +163,12 @@
         <nav>
             <ul>
                 <li class="border-b">
-                    <a href="/" class="block px-4 py-3 text-gray-800 hover:bg-gray-100">Home</a>
+                    <a href="#" class="block px-4 py-3 text-gray-800 hover:bg-gray-100">Home</a>
                 </li>
-<li class="border-b">
+                <li class="border-b">
                     <a href="#" class="block px-4 py-3 text-gray-800 hover:bg-gray-100 flex justify-between items-center">
                         T4 <i class="fas fa-chevron-down"></i>
-</a>
+                    </a>
                     <ul class="hidden bg-gray-50">
                         <li><a href="#" class="block px-6 py-2 text-gray-700 hover:bg-gray-100">T4 Central Locking</a></li>
                         <li><a href="#" class="block px-6 py-2 text-gray-700 hover:bg-gray-100">T4 Lighting</a></li>
@@ -182,8 +186,8 @@
             <div class="text-white max-w-lg">
                 <h1 class="text-3xl md:text-5xl font-bold mb-4">Premium VW Transporter Parts</h1>
                 <p class="text-lg mb-6">Upgrade your VW with our high-quality parts and accessories</p>
-                <a href="/products.html" class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-md font-medium inline-block">Shop Now</a>
-</div>
+                <a href="#" class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-md font-medium inline-block">Shop Now</a>
+            </div>
         </div>
     </div>
 
@@ -230,8 +234,8 @@
         <div class="container mx-auto px-4">
             <div class="flex justify-between items-center mb-8">
                 <h2 class="text-2xl font-bold">Featured Products</h2>
-                <a href="/products.html" class="text-blue-600 hover:underline">View All</a>
-</div>
+                <a href="#" class="text-blue-600 hover:underline">View All</a>
+            </div>
             
             <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
                 <!-- Product 1 -->
@@ -313,23 +317,23 @@
         <div class="container mx-auto px-4">
             <h2 class="text-2xl font-bold text-center mb-8">Shop By Vehicle</h2>
             <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-6">
-                <a href="/t5-03-09.html" class="block text-center group">
+                <a href="#" class="block text-center group">
                     <img src="https://travelinlite-transporters.co.uk/cdn/shop/t/4/assets/catbox-image-1.jpg?v=95091023929989602401707747436" 
                          alt="T5 (03-09)" class="w-full h-32 object-cover rounded-md mb-2">
                     <span class="font-medium text-gray-800 group-hover:text-blue-600">T5 (03-09)</span>
                 </a>
-                <a href="/t5-10-15.html" class="block text-center group">
+                <a href="#" class="block text-center group">
                     <img src="https://travelinlite-transporters.co.uk/cdn/shop/t/4/assets/catbox-image-2.jpg?v=154852507155710561111707901670" 
                          alt="T5.1 (10-15)" class="w-full h-32 object-cover rounded-md mb-2">
                     <span class="font-medium text-gray-800 group-hover:text-blue-600">T5.1 (10-15)</span>
                 </a>
                 <!-- More vehicle types would go here -->
-                <a href="/caddy-mk3.html" class="block text-center group">
+                <a href="#" class="block text-center group">
                     <img src="https://travelinlite-transporters.co.uk/cdn/shop/t/4/assets/catbox-image-5.jpg?v=9591471235125164721669207055" 
                          alt="Caddy Mk3" class="w-full h-32 object-cover rounded-md mb-2">
                     <span class="font-medium text-gray-800 group-hover:text-blue-600">Caddy Mk3</span>
                 </a>
-</div>
+            </div>
         </div>
     </div>
 
@@ -339,9 +343,9 @@
             <h2 class="text-2xl font-bold mb-4">Need Help Choosing Parts?</h2>
             <p class="mb-6 max-w-2xl mx-auto">Our team of VW experts are here to help you find the perfect parts for your vehicle.</p>
             <div class="flex flex-col sm:flex-row justify-center gap-4">
-                <a href="/contact.html" class="bg-white text-blue-800 hover:bg-gray-100 px-6 py-3 rounded-md font-medium inline-block">Contact Us</a>
-                <a href="/live-chat.html" class="border border-white hover:bg-blue-700 px-6 py-3 rounded-md font-medium inline-block">Live Chat</a>
-</div>
+                <a href="#" class="bg-white text-blue-800 hover:bg-gray-100 px-6 py-3 rounded-md font-medium inline-block">Contact Us</a>
+                <a href="#" class="border border-white hover:bg-blue-700 px-6 py-3 rounded-md font-medium inline-block">Live Chat</a>
+            </div>
         </div>
     </div>
 
@@ -389,36 +393,35 @@
                 <div>
                     <h3 class="font-bold text-lg mb-4">Information</h3>
                     <ul class="space-y-2">
-                        <li><a href="/about.html" class="text-gray-400 hover:text-white">About Us</a></li>
-                        <li><a href="/contact.html" class="text-gray-400 hover:text-white">Contact Us</a></li>
-                        <li><a href="/returns.html" class="text-gray-400 hover:text-white">Returns Policy</a></li>
-                        <li><a href="/privacy.html" class="text-gray-400 hover:text-white">Privacy Policy</a></li>
-</ul>
+                        <li><a href="#" class="text-gray-400 hover:text-white">About Us</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white">Contact Us</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white">Returns Policy</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white">Privacy Policy</a></li>
+                    </ul>
                 </div>
                 
                 <!-- Customer Service -->
                 <div>
                     <h3 class="font-bold text-lg mb-4">Customer Service</h3>
                     <ul class="space-y-2">
-                        <li><a href="/faq.html" class="text-gray-400 hover:text-white">FAQs</a></li>
-                        <li><a href="/shipping.html" class="text-gray-400 hover:text-white">Shipping Info</a></li>
-                        <li><a href="/track-order.html" class="text-gray-400 hover:text-white">Track Order</a></li>
-                        <li><a href="/size-guide.html" class="text-gray-400 hover:text-white">Size Guide</a></li>
-</ul>
+                        <li><a href="#" class="text-gray-400 hover:text-white">FAQs</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white">Shipping Info</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white">Track Order</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white">Size Guide</a></li>
+                    </ul>
                 </div>
-                
                 <!-- Categories -->
                 <div>
                     <h3 class="font-bold text-lg mb-4">Categories</h3>
                     <ul class="space-y-2">
-                        <li><a href="/t4-transporter.html" class="text-gray-400 hover:text-white">T4 Transporter</a></li>
-                        <li><a href="/t5-transporter.html" class="text-gray-400 hover:text-white">T5 Transporter</a></li>
-                        <li><a href="/t6-transporter.html" class="text-gray-400 hover:text-white">T6 Transporter</a></li>
-                        <li><a href="/wheel-packages.html" class="text-gray-400 hover:text-white">Wheel Packages</a></li>
-</ul>
+                        <li><a href="#" class="text-gray-400 hover:text-white">T4 Transporter</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white">T5 Transporter</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white">T6 Transporter</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white">T6.1 Transporter</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white">Wheel Packages</a></li>
+                    </ul>
                 </div>
-                
-                <!-- Newsletter -->
+<!-- Newsletter -->
                 <div>
                     <h3 class="font-bold text-lg mb-4">Newsletter</h3>
                     <p class="text-gray-400 mb-4">Subscribe for updates and special offers</p>
@@ -440,14 +443,12 @@
             <div class="flex flex-wrap justify-center gap-4 mb-6">
                 <img src="https://cdn.shopify.com/s/files/1/1774/9481/t/2/assets/footer_cards.png?97" alt="Payment Methods" class="h-8">
             </div>
-            
             <!-- Copyright -->
             <div class="border-t border-gray-800 pt-6 text-center text-gray-400">
-                <p>&copy; 2023 Travelin-Lite LTD. All rights reserved.</p>
+                <p>&copy; 2024 Travelin-Lite LTD. All rights reserved. Registered in England No. 12345678</p>
             </div>
-        </div>
+</div>
     </footer>
-
     <script>
         // Mobile menu toggle
         document.getElementById('mobile-menu-button').addEventListener('click', function() {
@@ -464,6 +465,10 @@
                 });
             }
         });
+
+        // Trustpilot widget initialization
+        window.Trustpilot = window.Trustpilot || [];
+        Trustpilot.push(['loadTrustBoxFromElement', document.getElementById('trustpilot-widget')]);
     </script>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=flen-crypto/tl2" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>