travelinlite.com

index.html

@@ -4,7 +4,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Travelin-Lite LTD | VW Transporter Parts & Accessories</title>
-    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
+<script src="https://cdn.tailwindcss.com"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
         .dropdown:hover .dropdown-menu {
@@ -38,22 +39,22 @@
             <!-- Top Header -->
             <div class="flex items-center justify-between py-3 border-b">
                 <div class="flex items-center space-x-4">
-                    <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">
+        <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">
                         <i class="fas fa-envelope"></i> info@travelinlite.com
-                    </a>
+</a>
                 </div>
                 <div class="flex items-center space-x-4">
-                    <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">
+                    <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">
                             <i class="fas fa-shopping-cart"></i>
                             <span class="ml-1">Cart (0)</span>
                         </a>
-                    </div>
+</div>
                 </div>
             </div>
 
@@ -80,22 +81,22 @@
 
                 <!-- Paypal & Icons -->
                 <div class="w-1/4 flex justify-end items-center space-x-4">
-                    <a href="#" class="hidden md:block">
+                    <a href="/paypal-credit.html" 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="#" class="text-gray-700 hover:text-blue-600 text-xl">
+<div class="flex space-x-4">
+                        <a href="/account.html" class="text-gray-700 hover:text-blue-600 text-xl">
                             <i class="far fa-user"></i>
                         </a>
-                        <a href="#" class="text-gray-700 hover:text-blue-600 text-xl">
+                        <a href="/wishlist.html" class="text-gray-700 hover:text-blue-600 text-xl">
                             <i class="far fa-heart"></i>
                         </a>
-                        <a href="#" class="text-gray-700 hover:text-blue-600 text-xl relative">
+                        <a href="/cart.html" 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>
 
@@ -125,8 +126,12 @@
                     <!-- 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="#" 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>
+                    <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>
                 </ul>
             </nav>
         </div>
@@ -154,12 +159,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>
@@ -177,8 +182,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="#" 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="/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>
         </div>
     </div>
 
@@ -225,8 +230,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="#" class="text-blue-600 hover:underline">View All</a>
-            </div>
+                <a href="/products.html" 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 -->
@@ -308,23 +313,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="#" class="block text-center group">
+                <a href="/t5-03-09.html" 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="#" class="block text-center group">
+                <a href="/t5-10-15.html" 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="#" class="block text-center group">
+                <a href="/caddy-mk3.html" 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>
 
@@ -334,9 +339,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="#" 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>
+                <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>
         </div>
     </div>
 
@@ -384,33 +389,33 @@
                 <div>
                     <h3 class="font-bold text-lg mb-4">Information</h3>
                     <ul class="space-y-2">
-                        <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>
+                        <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>
                 </div>
                 
                 <!-- Customer Service -->
                 <div>
                     <h3 class="font-bold text-lg mb-4">Customer Service</h3>
                     <ul class="space-y-2">
-                        <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>
+                        <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>
                 </div>
                 
                 <!-- Categories -->
                 <div>
                     <h3 class="font-bold text-lg mb-4">Categories</h3>
                     <ul class="space-y-2">
-                        <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">Wheel Packages</a></li>
-                    </ul>
+                        <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>
                 </div>
                 
                 <!-- Newsletter -->