<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Explore top laptop and computer expert tips to enhance your tech setup.">
    <meta name="keywords" content="laptop repair DIY, best gaming laptop setup, fix computer accessories, repair USB-C hubs,how to choo portable SSDs">
    <meta name="author" content="Blaptops">
    <title>Blaptops - Modern Laptop & Computer repair tips</title>
    <script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-gray-100 font-sans text-gray-800">
<!-- Navigation -->
<nav class="bg-gradient-to-r from-blue-600 to-blue-800 text-white sticky top-0 z-50 shadow-lg">
    <div class="max-w-7xl mx-auto px-3 sm:px-6 lg:px-8">
        <div class="flex justify-between items-center h-14 md:h-16">
            <!-- Logo plus compact -->
            <h1 class="text-sm md:text-lg font-bold whitespace-nowrap">
                <a href="index.php" class="hover:text-blue-200 transition">Blaptops</a>
            </h1>

            <!-- Menu compact -->
            <div class="flex space-x-2 md:space-x-4 text-xs md:text-sm">
                <a href="#home" class="hover:text-blue-200 transition px-2 py-1">Home</a>
                <a href="#about" class="hover:text-blue-200 transition px-2 py-1 hidden sm:inline">About</a>
                <a href="#contact" class="hover:text-blue-200 transition px-2 py-1">Contact</a>
                <a href="privacy.html" class="hover:text-blue-200 transition px-2 py-1 hidden md:inline">Privacy</a>
            </div>
        </div>
    </div>
</nav>

<!-- Hero Section -->
<section id="home" class="bg-cover bg-center h-screen flex items-center justify-center text-white" style="background-image: url('bg.webp')">
    <div class="text-center bg-black bg-opacity-50 p-8 rounded-lg">
        <h2 class="text-4xl md:text-5xl font-extrabold mb-4">Fix Your Tech</h2>
        <p class="text-lg md:text-xl mb-6">Master laptop and desktop repairs with our DIY guides, tools, and expert tips for motherboards, screens, and more.</p>
        <a href="#repair-guides" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-6 rounded-full transition">Explore Repair Guides and tips</a>
    </div>
</section>




<section id="repair-guides" class="py-16 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
    <h2 class="text-3xl font-bold text-center text-blue-800 mb-8">Laptop & Desktop Repair tips</h2>
	
    <p class="text-center mb-12 max-w-3xl mx-auto">
         Last updated on : 
    06/05/2026 03:01 AM <br> <br>
	Welcome to Blaptops, your useful destination for mastering <a href="https://www.diy-laptoprepair.com">laptop and desktop repairs</a>. Whether you're troubleshooting a faulty motherboard, replacing a cracked laptop screen, or upgrading a desktop's components, our expert DIY guides and recommended tools empower you to fix your devices like a professional. In today's fast-evolving tech world, repairing your own devices saves money, extends hardware lifespan, and gives you control over your tech. From precision screwdriver sets to anti-static wrist straps, we highlight essential tools to safely handle delicate components like motherboards, GPUs, and RAM. For instance, a high-quality soldering kit is crucial for repairing intricate motherboard circuits, while thermal paste kits ensure your CPU stays cool under heavy workloads. Our step-by-step guides cover everything from diagnosing hardware issues with modern diagnostic software to replacing laptop keyboards or desktop power supplies. <br> <br>
	
	
    <style>
  .video-container {
    position: relative;
    width: 100%;
    max-width: 800px; /* optional: limit max width */
    margin: 0 auto; /* centers the video */
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
  }

  .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
</style>

<div class="video-container">
  <iframe src="https://www.youtube.com/embed/kOGGCGAb2d4?si=txPlFbJI-6gI0Xrb"
          title="YouTube video player"
          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
          referrerpolicy="strict-origin-when-cross-origin"
          allowfullscreen>
  </iframe>
</div>

	 <br> <br>
	 <p class="text-center mb-12 max-w-3xl mx-auto">
	We understand that DIY repairs can seem daunting, but with the right tools and knowledge, anyone can tackle common issues like overheating, slow performance, or broken displays. Our mission is to demystify laptop and desktop repairs, making them accessible to beginners and seasoned tech enthusiasts alike. We also provide tips on avoiding common pitfalls, such as static damage or improper component handling, ensuring your repairs are successful. By choosing DIY repairs, you're not just fixing your device, you're joining a community of tech-savvy individuals who value sustainability and self-reliance. For those seeking comprehensive resources, there are in-depth tutorials, high-quality repair tools, and replacement parts tailored to your needs. Whether you're upgrading an older laptop to handle modern software or reviving a desktop with a new motherboard, we've got you covered. Our guides are designed with clarity in mind, breaking down complex processes like reflowing solder on a GPU or recalibrating a laptop's battery. We also keep you updated on the latest repair trends, such as tools compatible with the newest laptop models or techniques for repairing compact, soldered-on components. With the right preparation, you can avoid costly repair shops and gain the confidence to handle everything from minor fixes to major overhauls. Explore our recommended tools below, and start your repair journey today. At Blaptops.com, we believe that anyone can become a repair expert with the right guidance, so dive in, equip yourself with the best tools, and bring your devices back to life! Visit our site for more resources to make your DIY repairs seamless and successful.
    </p></p>
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
        <div class="bg-white p-6 rounded-lg shadow-lg hover:shadow-xl transition">
            <h3 class="text-xl font-semibold text-blue-600 mb-2">Precision Screwdriver Set</h3>
            <p>Open laptops and desktops safely with a set of precision screwdrivers designed for small screws in motherboards and cases.</p>
        </div>
        <div class="bg-white p-6 rounded-lg shadow-lg hover:shadow-xl transition">
            <h3 class="text-xl font-semibold text-blue-600 mb-2">Anti-Static Wrist Strap</h3>
            <p>Protect sensitive components like motherboards and RAM from static damage during DIY repairs.</p>
        </div>
        <div class="bg-white p-6 rounded-lg shadow-lg hover:shadow-xl transition">
            <h3 class="text-xl font-semibold text-blue-600 mb-2">Thermal Paste Kit</h3>
            <p>Reapply thermal paste to CPUs and GPUs to improve cooling and prevent overheating in laptops and desktops.</p>
        </div>
        <div class="bg-white p-6 rounded-lg shadow-lg hover:shadow-xl transition">
            <h3 class="text-xl font-semibold text-blue-600 mb-2">Screen Replacement Tools</h3>
            <p>Replace cracked laptop screens with pry tools and suction cups designed for delicate displays.</p>
        </div>
        <div class="bg-white p-6 rounded-lg shadow-lg hover:shadow-xl transition">
            <h3 class="text-xl font-semibold text-blue-600 mb-2">Diagnostic Software</h3>
            <p>Troubleshoot hardware issues like motherboard failures or disk errors with modern diagnostic tools.</p>
        </div>
        <div class="bg-white p-6 rounded-lg shadow-lg hover:shadow-xl transition">
            <h3 class="text-xl font-semibold text-blue-600 mb-2">Soldering Kit</h3>
            <p>Repair motherboard circuits or replace components with a high-quality soldering kit for precise fixes.</p>
        </div>
    </div>
  </section>




<section>

<style>
    .diagnostic-box { 
        background: #fff; 
        border-radius: 10px; 
        box-shadow: 0 0 10px rgba(0,0,0,0.1); 
        max-width: 700px; 
        margin: 40px auto; 
        padding: 30px; 
        text-align: center;
    }
    .diagnostic-title { 
        color: #004aad; 
        margin-bottom: 20px;
    }
    .issue-title, .advice-title { 
        color: #222; 
        margin: 15px 0 10px 0;
    }
    .diagnostic-text { 
        font-size: 1.1em; 
        line-height: 1.6em; 
        margin-bottom: 15px;
    }
    .refresh-note { 
        margin-top: 20px; 
        color: #666; 
        font-size: 0.9em; 
    }
</style>

<div class="diagnostic-box">
    <h1 class="diagnostic-title">Hardware Diagnostic Insight</h1>
    
    <h2 class="issue-title">Possible Issue:</h2>
    <p class="diagnostic-text"><strong>Laptop keyboard not responding</strong></p>

    <h2 class="advice-title">Recommended Advice:</h2>
    <p class="diagnostic-text">Inspect all motherboard capacitors for signs of swelling, leakage, or discoloration. Faulty capacitors can cause random reboots, instability, or failure to power on. If you notice any bulging tops or fluid residue, the board likely requires professional repair or replacement. Preventive maintenance by keeping the board dust-free also prolongs its life.</p>

    
</div>
</section>

<section class="py-16 bg-white">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <h2 class="text-3xl font-bold text-center text-blue-800 mb-8">Daily Tech Tip</h2>
        
                
        <div class="bg-blue-50 border-l-4 border-blue-600 p-6 rounded-lg shadow-md">
            <div class="flex items-start">
                <div class="flex-shrink-0">
                    <svg class="h-6 w-6 text-blue-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
                    </svg>
                </div>
                <div class="ml-4">
                    <p class="text-lg font-semibold text-blue-800">Pro Tip</p>
                    <p class="text-gray-700 mt-2">Keep your BIOS/UEFI firmware updated for better hardware compatibility and security patches.</p>
                </div>
            </div>
        </div>
        
    </div>
</section>



<section class="py-16 bg-gray-100">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <h2 class="text-3xl font-bold text-center text-blue-800 mb-8">Recommended Upgrade</h2>
        
                
        <div class="bg-white rounded-lg shadow-lg overflow-hidden max-w-2xl mx-auto">
            <div class="p-6">
                <div class="flex justify-between items-start mb-4">
                    <h3 class="text-xl font-bold text-gray-900">Thermal Paste Replacement</h3>
                    <span class="bg-green-100 text-green-800 text-xs font-medium px-2.5 py-0.5 rounded">
                        Intermediate                    </span>
                </div>
                <p class="text-gray-600 mb-4">Apply high-quality thermal paste to your CPU/GPU to reduce temperatures by 5-10�C.</p>
                <div class="flex items-center text-sm text-blue-600">
                    <svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
                        <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
                    </svg>
                    Main Benefit: Improved cooling                </div>
            </div>
        </div>
        
   
    </div>
</section>





<section class="py-16 bg-white">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <h2 class="text-3xl font-bold text-center text-blue-800 mb-8">PC Problem & Solution</h2>
        
                
        <div class="bg-gradient-to-r from-blue-50 to-indigo-50 rounded-xl shadow-lg p-6 max-w-4xl mx-auto">
            <div class="grid md:grid-cols-2 gap-6">
                <div>
                    <h3 class="text-lg font-semibold text-red-600 mb-2">Problem:</h3>
                    <p class="text-xl font-bold text-gray-800 mb-4">Computer running slow</p>
                    
                    <h4 class="font-semibold text-gray-700 mb-2">Symptoms:</h4>
                    <p class="text-gray-600 mb-4">Long boot times, programs take forever to load, system feels sluggish</p>
                </div>
                
                <div>
                    <h3 class="text-lg font-semibold text-green-600 mb-2">Solution:</h3>
                    <p class="text-gray-700 mb-4">Clean up startup programs, run disk cleanup, check for malware, upgrade to SSD if still using HDD</p>
                    
                    <h4 class="font-semibold text-gray-700 mb-2">Prevention:</h4>
                    <p class="text-gray-600">Regular maintenance, avoid installing unnecessary software, keep system updated</p>
                </div>
            </div>
        </div>
        
        </div>
</section>



<section class="py-16 bg-gray-900 text-white">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <h2 class="text-3xl font-bold text-center text-blue-400 mb-8">Gaming Performance Tip</h2>
        
                
        <div class="bg-gray-800 rounded-lg p-6 max-w-2xl mx-auto border-l-4 border-blue-500">
            <div class="flex items-center mb-4">
                <svg class="w-8 h-8 text-blue-400 mr-3" fill="currentColor" viewBox="0 0 20 20">
                    <path d="M10 12a2 2 0 100-4 2 2 0 000 4z" />
                    <path fill-rule="evenodd" d="M.458 10C1.732 5.943 5.522 3 10 3s8.268 2.943 9.542 7c-1.274 4.057-5.064 7-9.542 7S1.732 14.057.458 10zM14 10a4 4 0 11-8 0 4 4 0 018 0z" clip-rule="evenodd" />
                </svg>
                <h3 class="text-xl font-bold">Pro Gaming Tip</h3>
            </div>
            <p class="text-gray-300 text-lg">Adjust power settings to &#039;High Performance&#039; - in both Windows and your GPU control panel.</p>
        </div>
        
    </div>
</section>



<section class="py-16 bg-white">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <h2 class="text-3xl font-bold text-center text-blue-800 mb-8">Essential Repair Tool</h2>
        
                
        <div class="bg-gradient-to-br from-blue-50 to-indigo-100 rounded-2xl shadow-xl p-8 max-w-2xl mx-auto">
            <div class="text-center mb-6">
                <span class="inline-flex items-center justify-center w-16 h-16 bg-blue-600 rounded-full mb-4">
                    <svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" />
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
                    </svg>
                </span>
                <h3 class="text-2xl font-bold text-gray-900">Precision Screwdriver Set</h3>
            </div>
            
            <p class="text-gray-700 text-lg mb-6 text-center">A must-have for any repair toolkit with multiple bits for different screw types found in laptops and electronics.</p>
            
            <div class="grid md:grid-cols-2 gap-6 mt-8">
                <div class="bg-white rounded-lg p-4 shadow-sm">
                    <h4 class="font-semibold text-gray-800 mb-2 flex items-center">
                        <svg class="w-5 h-5 text-green-600 mr-2" fill="currentColor" viewBox="0 0 20 20">
                            <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                        </svg>
                        Common Uses
                    </h4>
                    <p class="text-gray-600">Disassembling devices, replacing components, accessing internal parts</p>
                </div>
                
                <div class="bg-white rounded-lg p-4 shadow-sm">
                    <h4 class="font-semibold text-gray-800 mb-2 flex items-center">
                        <svg class="w-5 h-5 text-blue-600 mr-2" fill="currentColor" viewBox="0 0 20 20">
                            <path fill-rule="evenodd" d="M4 4a2 2 0 00-2 2v4a2 2 0 002 2V6h10a2 2 0 00-2-2H4zm2 6a2 2 0 012-2h8a2 2 0 012 2v4a2 2 0 01-2 2H8a2 2 0 01-2-2v-4zm6 4a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd" />
                        </svg>
                        Price Range
                    </h4>
                    <p class="text-gray-600">$15-40</p>
                </div>
            </div>
        </div>
    </div>
</section>


<section class="py-16 bg-gradient-to-r from-blue-600 to-purple-700 text-white">
    <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
        <h2 class="text-3xl font-bold text-center mb-12">Quick Fix Spotlight</h2>
        
                
        <div class="bg-white/10 backdrop-blur-sm rounded-2xl p-8 border border-white/20">
            <div class="flex flex-wrap gap-4 mb-6">
                <span class="bg-white/20 px-4 py-2 rounded-full text-sm font-medium">
                    ?? 5 minutes                </span>
                <span class="bg-white/20 px-4 py-2 rounded-full text-sm font-medium">
                    ??? Beginner                </span>
            </div>
            
            <h3 class="text-2xl font-bold mb-4">Slow Computer Speed Boost</h3>
            
            <div class="bg-white/5 rounded-xl p-6">
                <h4 class="font-semibold mb-3 text-lg">Quick Steps:</h4>
                <p class="text-blue-100 leading-relaxed">Open Task Manager ? Disable unnecessary startup programs ? Run Disk Cleanup ? Restart computer</p>
            </div>
        </div>
    </div>
</section>



<section class="py-16 bg-gray-50">
    <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
        <h2 class="text-3xl font-bold text-center text-gray-900 mb-8">PC Maintenance Priority</h2>
        
                
        <div class="bg-white rounded-xl shadow-lg overflow-hidden max-w-2xl mx-auto">
            <div class="bg-blue-500 text-white px-6 py-4">
                <div class="flex justify-between items-center">
                    <h3 class="text-xl font-bold">Clean Temporary Files &amp; Cache</h3>
                    <span class="bg-white/20 px-3 py-1 rounded-full text-sm font-medium">
                        Medium Priority
                    </span>
                </div>
            </div>
            
            <div class="p-6">
                <div class="grid md:grid-cols-2 gap-6">
                    <div>
                        <h4 class="font-semibold text-gray-700 mb-2 flex items-center">
                            <svg class="w-5 h-5 text-purple-600 mr-2" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z" clip-rule="evenodd" />
                            </svg>
                            Recommended Frequency
                        </h4>
                        <p class="text-gray-600">Monthly</p>
                    </div>
                    
                    <div>
                        <h4 class="font-semibold text-gray-700 mb-2 flex items-center">
                            <svg class="w-5 h-5 text-green-600 mr-2" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                            </svg>
                            Key Benefit
                        </h4>
                        <p class="text-gray-600">Frees up storage space and improves performance</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>




<section class="py-16 bg-white">
    <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
        <h2 class="text-3xl font-bold text-center text-gray-900 mb-12">Component Knowledge Base</h2>
        
                
        <div class="bg-gradient-to-br from-gray-50 to-blue-50 rounded-2xl shadow-xl p-8 max-w-4xl mx-auto">
            <div class="text-center mb-8">
                <h3 class="text-3xl font-bold text-gray-900 mb-2">Power Supply Unit (PSU)</h3>
                <p class="text-xl text-blue-600 font-semibold">Provides stable power to all components</p>
            </div>
            
            <div class="grid md:grid-cols-2 gap-8">
                <div class="space-y-6">
                    <div class="bg-white rounded-lg p-4 shadow-sm">
                        <h4 class="font-semibold text-gray-800 mb-3 flex items-center">
                            <svg class="w-5 h-5 text-blue-600 mr-2" fill="currentColor" viewBox="0 0 20 20">
                                <path d="M5 3a2 2 0 00-2 2v2a2 2 0 002 2h2a2 2 0 002-2V5a2 2 0 00-2-2H5zM5 11a2 2 0 00-2 2v2a2 2 0 002 2h2a2 2 0 002-2v-2a2 2 0 00-2-2H5zM11 5a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V5zM11 13a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z" />
                            </svg>
                            Key Features
                        </h4>
                        <p class="text-gray-600">Wattage rating, efficiency certification, modular cables</p>
                    </div>
                    
                    <div class="bg-white rounded-lg p-4 shadow-sm">
                        <h4 class="font-semibold text-gray-800 mb-3 flex items-center">
                            <svg class="w-5 h-5 text-green-600 mr-2" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd" />
                            </svg>
                            Typical Lifespan
                        </h4>
                        <p class="text-gray-600">5-7 years</p>
                    </div>
                </div>
                
                <div class="bg-white rounded-lg p-6 shadow-sm">
                    <h4 class="font-semibold text-gray-800 mb-4 flex items-center">
                        <svg class="w-5 h-5 text-red-600 mr-2" fill="currentColor" viewBox="0 0 20 20">
                            <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z" clip-rule="evenodd" />
                        </svg>
                        Common Issues & Solutions
                    </h4>
                    <p class="text-gray-600 leading-relaxed">Voltage fluctuations, fan failure, capacitor aging</p>
                </div>
            </div>
        </div>
    </div>
</section>




<section class="py-16 bg-gradient-to-br from-blue-50 to-purple-50">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <h2 class="text-3xl font-bold text-center text-gray-900 mb-4">Upcoming Tech Events</h2>
        <p class="text-center text-gray-600 mb-12">Discover workshops and training sessions to enhance your skills</p>
        
                
        <div class="grid md:grid-cols-2 gap-8 max-w-6xl mx-auto">
                        <div class="bg-white rounded-2xl shadow-lg overflow-hidden border border-gray-200 hover:shadow-xl transition-shadow duration-300">
                <div class="p-6">
                    <div class="flex justify-between items-start mb-4">
                        <span class="bg-blue-100 text-blue-800 text-sm font-medium px-3 py-1 rounded-full">
                            Conference                        </span>
                        <span class="text-sm text-gray-500">3 Days</span>
                    </div>
                    
                    <h3 class="text-xl font-bold text-gray-900 mb-3">Vintage Computer Restoration</h3>
                    <p class="text-gray-600 mb-4">Join professionals from across the industry for this intensive learning experience.</p>
                    
                    <div class="space-y-3 mb-6">
                        <div class="flex items-center text-gray-700">
                            <svg class="w-5 h-5 text-gray-400 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/>
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/>
                            </svg>
                            Strasbourg, Convention Center                        </div>
                        
                        <div class="flex items-center text-gray-700">
                            <svg class="w-5 h-5 text-gray-400 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"/>
                            </svg>
                            February 2, 2027                        </div>
                        
                        <div class="flex items-center text-gray-700">
                            <svg class="w-5 h-5 text-gray-400 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
                            </svg>
                            9:00 AM - 5:00 PM                        </div>
                    </div>
                    
                    <div class="flex justify-between items-center">
                        <span class="text-lg font-bold text-blue-600">�199</span>
                        <button class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-lg font-semibold transition-colors">
                            Register Now
                        </button>
                    </div>
                </div>
            </div>
                        <div class="bg-white rounded-2xl shadow-lg overflow-hidden border border-gray-200 hover:shadow-xl transition-shadow duration-300">
                <div class="p-6">
                    <div class="flex justify-between items-start mb-4">
                        <span class="bg-blue-100 text-blue-800 text-sm font-medium px-3 py-1 rounded-full">
                            Summit                        </span>
                        <span class="text-sm text-gray-500">3 Days</span>
                    </div>
                    
                    <h3 class="text-xl font-bold text-gray-900 mb-3">Cybersecurity for Repair Technicians</h3>
                    <p class="text-gray-600 mb-4">Comprehensive seminar covering both theory and practical applications.</p>
                    
                    <div class="space-y-3 mb-6">
                        <div class="flex items-center text-gray-700">
                            <svg class="w-5 h-5 text-gray-400 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/>
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/>
                            </svg>
                            Montpellier, University Campus                        </div>
                        
                        <div class="flex items-center text-gray-700">
                            <svg class="w-5 h-5 text-gray-400 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"/>
                            </svg>
                            20/10/2026                        </div>
                        
                        <div class="flex items-center text-gray-700">
                            <svg class="w-5 h-5 text-gray-400 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
                            </svg>
                            Weekend Schedule                        </div>
                    </div>
                    
                    <div class="flex justify-between items-center">
                        <span class="text-lg font-bold text-blue-600">�1,899</span>
                        <button class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-lg font-semibold transition-colors">
                            Register Now
                        </button>
                    </div>
                </div>
            </div>
                    </div>
    </div>
</section>



  

<!-- About Us Section -->
<section id="about" class="py-16 bg-gray-200">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <h2 class="text-3xl font-bold text-center text-blue-800 mb-8">About Us</h2>
        <p class="text-center max-w-3xl mx-auto">Blaptops is your ultimate resource for DIY laptop and desktop repairs. From fixing motherboards to replacing screens, we provide expert guides, tools, and tips to empower tech enthusiasts. Partnered with Blaptops.com, we help you repair with confidence and save your devices in 2026.</p>
    </div>
</section>
    <!-- Contact Section -->
    <section id="contact" class="py-16 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <h2 class="text-3xl font-bold text-center text-blue-800 mb-8">Contact Us</h2>
        <p class="text-center mb-12 max-w-3xl mx-auto">Got questions about laptops or accessories? Reach out to our team!</p>
        <form class="max-w-lg mx-auto space-y-4">
            <div>
                <label for="name" class="block text-sm font-medium">Name</label>
                <input type="text" id="name" class="w-full p-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-600" placeholder="Your Name">
            </div>
            <div>
                <label for="email" class="block text-sm font-medium">Email</label>
                <input type="email" id="email" class="w-full p-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-600" placeholder="Your Email">
            </div>
            <div>
                <label for="message" class="block text-sm font-medium">Message</label>
                <textarea id="message" class="w-full p-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-600" rows="5" placeholder="Your Message"></textarea>
            </div>
            <button type="submit" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 rounded-lg transition">Send Message</button>
        </form>
    </section>
<!-- Footer -->
<footer class="bg-blue-800 text-white py-6">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
        <p>&copy; 2026 Blaptops. All rights reserved.</p>
        <p><a href="privacy.html" class="text-blue-200 hover:underline">Privacy Policy</a></p>
    </div>
</footer>
</body>
</html>