<!DOCTYPE html>
<html lang=”en” class=”scroll-smooth”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Laptop Mart | Best Refurbished Laptops, Desktops & Laptop Repair in Wagholi, Pune</title>
<meta name=”description” content=”Laptop Mart offers certified refurbished laptops, desktops, SSD & RAM upgrades, and expert computer repair in Wagholi, Kharadi, and Pune. 100% tested with store warranty.”>
<meta name=”keywords” content=”refurbished laptop in Wagholi, refurbished laptop in Pune, refurbished desktop in Pune, laptop repair in Wagholi, computer repair in Wagholi, SSD and RAM upgrade in Pune”>
<!– Tailwind CSS CDN –>
<script src=”https://cdn.tailwindcss.com”></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
brand: {
50: ‘#fff1f0’,
100: ‘#ffdfdc’,
500: ‘#ff3b00’, // Logo primary red-orange
600: ‘#e02b00’,
700: ‘#b81f00’,
},
dark: {
800: ‘#1e293b’,
900: ‘#0f172a’,
}
},
fontFamily: {
sans: [‘Inter’, ‘sans-serif’],
}
}
}
}
</script>
<!– Google Fonts & FontAwesome Icons –>
<link rel=”preconnect” href=”https://fonts.googleapis.com”>
<link rel=”preconnect” href=”https://fonts.gstatic.com” crossorigin>
<link href=”https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap” rel=”stylesheet”>
<link rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css”>
<!– Local Business Schema for Local SEO –>
<script type=”application/ld+json”>
{
“@context”: “https://schema.org”,
“@type”: “ComputerStore”,
“name”: “Laptop Mart”,
“image”: “https://laptopmart.in/logo.jpg”,
“telephone”: “+919876543210”,
“email”: “[email protected]”,
“address”: {
“@type”: “PostalAddress”,
“streetAddress”: “Nagar Road, Near Main Market”,
“addressLocality”: “Wagholi”,
“addressRegion”: “Maharashtra”,
“postalCode”: “412207”,
“addressCountry”: “IN”
},
“geo”: {
“@type”: “GeoCoordinates”,
“latitude”: “18.5793”,
“longitude”: “73.9822”
},
“openingHoursSpecification”: {
“@type”: “OpeningHoursSpecification”,
“dayOfWeek”: [
“Monday”, “Tuesday”, “Wednesday”, “Thursday”, “Friday”, “Saturday”, “Sunday”
],
“opens”: “10:00”,
“closes”: “21:00”
},
“priceRange”: “₹₹”
}
</script>
</head>
<body class=”bg-slate-50 text-slate-800 font-sans antialiased selection:bg-brand-500 selection:text-white”>
<!– Top Info Notification Bar –>
<div class=”bg-dark-900 text-slate-300 text-xs md:text-sm py-2 px-4 border-b border-slate-800″>
<div class=”max-w-7xl mx-auto flex flex-col md:flex-row justify-between items-center gap-2″>
<div class=”flex items-center gap-4″>
<span><i class=”fa-solid fa-location-dot text-brand-500 mr-1.5″></i> Nagar Road, Wagholi, Pune</span>
<span class=”hidden sm:inline”><i class=”fa-regular fa-clock text-brand-500 mr-1.5″></i> Open Daily: 10:00 AM – 9:00 PM</span>
</div>
<div class=”flex items-center gap-5″>
<a href=”tel:+919876543210″ class=”hover:text-white transition-colors”><i class=”fa-solid fa-phone text-brand-500 mr-1″></i> +91 98765 43210</a>
<span class=”text-slate-600″>|</span>
<a href=”#repair” class=”hover:text-brand-500 transition-colors font-medium text-white”><i class=”fa-solid fa-wrench mr-1″></i> Book Same-Day Repair</a>
</div>
</div>
</div>
<!– Main Sticky Header –>
<header class=”sticky top-0 z-50 bg-white/95 backdrop-blur-md shadow-sm border-b border-slate-100″>
<div class=”max-w-7xl mx-auto px-4 sm:px-6 lg:px-8″>
<div class=”flex items-center justify-between h-20″>
<!– Logo Matching Brand Identity –>
<a href=”#” class=”flex items-center gap-3 group”>
<div class=”flex items-center”>
<div class=”relative flex items-center justify-center w-11 h-11 bg-brand-50 rounded-xl border border-brand-100 text-brand-500 group-hover:bg-brand-500 group-hover:text-white transition-all duration-300″>
<i class=”fa-solid fa-laptop text-xl”></i>
<i class=”fa-solid fa-cart-shopping text-xs absolute -bottom-1 -right-1 bg-dark-900 text-white p-1 rounded-full”></i>
</div>
<div class=”ml-3″>
<div class=”flex items-baseline”>
<span class=”text-2xl font-black tracking-tight text-slate-900″>LAPTOP</span>
<span class=”text-2xl font-black tracking-tight text-brand-500 ml-1″>MART</span>
<span class=”text-[10px] align-top text-slate-400 font-semibold ml-0.5″>TM</span>
</div>
<div class=”text-[9px] font-bold tracking-widest text-slate-500 uppercase flex items-center gap-1″>
<span>AFFORDABLE</span>
<span class=”text-brand-500″>◄</span>
<span>RELIABLE</span>
<span class=”text-brand-500″>◄</span>
<span>DURABLE</span>
</div>
</div>
</div>
</a>
<!– Desktop Navigation –>
<nav class=”hidden lg:flex items-center gap-7 text-sm font-semibold text-slate-700″>
<a href=”#home” class=”hover:text-brand-500 transition-colors”>Home</a>
<a href=”#shop” class=”hover:text-brand-500 transition-colors”>Shop All</a>
<a href=”#refurbished-laptops” class=”hover:text-brand-500 transition-colors”>Refurbished Laptops</a>
<a href=”#desktops” class=”hover:text-brand-500 transition-colors”>Desktops</a>
<a href=”#accessories” class=”hover:text-brand-500 transition-colors”>Accessories & SSD</a>
<a href=”#repair” class=”hover:text-brand-500 transition-colors text-brand-600 font-bold”>Repair & Upgrade</a>
<a href=”#gaming” class=”hover:text-brand-500 transition-colors”>Gaming PC</a>
<a href=”#about” class=”hover:text-brand-500 transition-colors”>About</a>
</nav>
<!– Actions –>
<div class=”flex items-center gap-3″>
<a href=”https://wa.me/919876543210?text=Hi%20Laptop%20Mart,%20I%20have%20an%20enquiry” target=”_blank” class=”hidden sm:inline-flex items-center gap-2 bg-emerald-600 hover:bg-emerald-700 text-white px-4 py-2.5 rounded-xl font-medium text-sm transition-all shadow-sm”>
<i class=”fa-brands fa-whatsapp text-lg”></i>
<span>WhatsApp Us</span>
</a>
<a href=”#enquiry” class=”bg-brand-500 hover:bg-brand-600 text-white px-5 py-2.5 rounded-xl font-medium text-sm transition-all shadow-md shadow-brand-500/20″>
Get Quote
</a>
<!– Mobile Hamburger –>
<button id=”mobileMenuBtn” class=”lg:hidden p-2 rounded-lg text-slate-600 hover:bg-slate-100 focus:outline-none”>
<i class=”fa-solid fa-bars text-2xl”></i>
</button>
</div>
</div>
</div>
<!– Mobile Drawer Menu –>
<div id=”mobileMenu” class=”hidden lg:hidden bg-white border-b border-slate-200 px-4 pt-2 pb-6 space-y-3″>
<a href=”#home” class=”block py-2 text-slate-700 font-medium”>Home</a>
<a href=”#shop” class=”block py-2 text-slate-700 font-medium”>Shop Catalog</a>
<a href=”#refurbished-laptops” class=”block py-2 text-slate-700 font-medium”>Refurbished Laptops</a>
<a href=”#desktops” class=”block py-2 text-slate-700 font-medium”>Refurbished Desktops</a>
<a href=”#accessories” class=”block py-2 text-slate-700 font-medium”>SSD, RAM & Accessories</a>
<a href=”#repair” class=”block py-2 text-brand-600 font-semibold”>Laptop & Desktop Repair</a>
<a href=”#gaming” class=”block py-2 text-slate-700 font-medium”>Custom Gaming PC</a>
<a href=”#about” class=”block py-2 text-slate-700 font-medium”>About Store</a>
<a href=”#contact” class=”block py-2 text-slate-700 font-medium”>Contact Us</a>
</div>
</header>
<!– HERO SECTION –>
<section id=”home” class=”relative bg-gradient-to-b from-slate-900 via-slate-900 to-slate-800 text-white pt-12 pb-20 md:py-24 overflow-hidden”>
<!– Background Grid Pattern Accent –>
<div class=”absolute inset-0 opacity-10 bg-[radial-gradient(#fff_1px,transparent_1px)] [background-size:16px_16px]”></div>
<div class=”max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10″>
<div class=”grid lg:grid-cols-12 gap-12 items-center”>
<div class=”lg:col-span-7 space-y-6 text-center lg:text-left”>
<div class=”inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-slate-800/80 border border-slate-700 text-brand-500 text-xs font-semibold tracking-wide uppercase”>
<i class=”fa-solid fa-certificate”></i> Certified Pre-Owned & Computer Hub
</div>
<h1 class=”text-3xl sm:text-4xl lg:text-5xl font-extrabold tracking-tight leading-tight”>
Certified <span class=”text-transparent bg-clip-text bg-gradient-to-r from-brand-500 to-amber-500″>Refurbished Laptop in Wagholi</span> & Pune
</h1>
<p class=”text-slate-300 text-base sm:text-lg max-w-2xl mx-auto lg:mx-0″>
Get top-tier enterprise laptops, desktop computers, and gaming rigs at up to <span class=”text-white font-semibold”>70% off MRP</span>. Tested through 100+ QC checks with up to 1-Year Store Warranty.
</p>
<!– Quick Search Bar –>
<div class=”bg-white p-2 rounded-2xl shadow-xl max-w-xl mx-auto lg:mx-0 flex flex-col sm:flex-row gap-2″>
<div class=”flex-1 flex items-center px-3 gap-2″>
<i class=”fa-solid fa-magnifying-glass text-slate-400″></i>
<input type=”text” id=”heroSearchInput” placeholder=”Search Lenovo ThinkPad, i5 11th Gen, 512GB SSD…” class=”w-full py-2.5 text-slate-800 focus:outline-none text-sm placeholder:text-slate-400″>
</div>
<button onclick=”scrollToCatalogAndSearch()” class=”bg-brand-500 hover:bg-brand-600 text-white font-medium px-6 py-3 rounded-xl transition-all text-sm flex items-center justify-center gap-2″>
<span>Search Store</span>
<i class=”fa-solid fa-arrow-right”></i>
</button>
</div>
<!– Trust Badges –>
<div class=”pt-4 grid grid-cols-3 gap-4 text-center lg:text-left max-w-lg mx-auto lg:mx-0 border-t border-slate-800″>
<div>
<div class=”text-xl sm:text-2xl font-bold text-white”>100+ Point</div>
<div class=”text-xs text-slate-400″>QC Inspection</div>
</div>
<div>
<div class=”text-xl sm:text-2xl font-bold text-white”>Up to 1 Yr</div>
<div class=”text-xs text-slate-400″>Store Warranty</div>
</div>
<div>
<div class=”text-xl sm:text-2xl font-bold text-white”>Same Day</div>
<div class=”text-xs text-slate-400″>Repair & Pickup</div>
</div>
</div>
</div>
<!– Hero Image & Quick Specs Card –>
<div class=”lg:col-span-5″>
<div class=”relative mx-auto max-w-md lg:max-w-none”>
<div class=”bg-slate-800/60 backdrop-blur-md rounded-3xl p-6 border border-slate-700/60 shadow-2xl space-y-4″>
<div class=”relative bg-slate-900 rounded-2xl p-4 overflow-hidden group”>
<span class=”absolute top-3 left-3 bg-brand-500 text-white text-[10px] font-extrabold uppercase px-2.5 py-1 rounded-md z-10″>Best Seller</span>
<img src=”https://images.unsplash.com/photo-1588872657578-7efd1f1555ed?auto=format&fit=crop&w=800&q=80″ alt=”Refurbished laptop in Wagholi Pune” class=”w-full h-48 sm:h-56 object-cover rounded-xl group-hover:scale-105 transition-transform duration-500″>
</div>
<div class=”flex justify-between items-start”>
<div>
<h3 class=”font-bold text-white text-lg”>Dell Latitude / Lenovo ThinkPad</h3>
<p class=”text-slate-400 text-xs”>Intel Core i5 / i7 | 16GB RAM | 512GB NVMe SSD</p>
</div>
<div class=”text-right”>
<div class=”text-xs text-slate-400 line-through”>₹65,000</div>
<div class=”text-xl font-black text-brand-500″>₹22,999</div>
</div>
</div>
<a href=”https://wa.me/919876543210?text=Hi%20Laptop%20Mart,%20I%20am%20interested%20in%20Refurbished%20Business%20Laptops” target=”_blank” class=”w-full bg-emerald-600 hover:bg-emerald-700 text-white py-3 rounded-xl font-semibold text-sm flex items-center justify-center gap-2 transition-colors”>
<i class=”fa-brands fa-whatsapp text-lg”></i>
Check Stock in Wagholi Store
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!– CATEGORIES GRID –>
<section class=”py-16 bg-white border-b border-slate-100″>
<div class=”max-w-7xl mx-auto px-4 sm:px-6 lg:px-8″>
<div class=”text-center max-w-2xl mx-auto mb-12″>
<h2 class=”text-2xl sm:text-3xl font-extrabold text-slate-900″>Explore Our Business Categories</h2>
<p class=”text-slate-600 text-sm mt-2″>Complete hardware solutions, certified refurbished hardware, and repair services in Pune.</p>
</div>
<div class=”grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-4″>
<!– Category Item –>
<a href=”#shop” onclick=”filterCategory(‘laptops’)” class=”group bg-slate-50 hover:bg-brand-50/50 p-5 rounded-2xl border border-slate-200/80 hover:border-brand-500/30 transition-all text-center”>
<div class=”w-12 h-12 bg-white rounded-xl flex items-center justify-center text-brand-500 shadow-sm mx-auto mb-3 group-hover:scale-110 transition-transform”>
<i class=”fa-solid fa-laptop text-xl”></i>
</div>
<h3 class=”font-bold text-slate-900 text-sm”>Refurbished Laptops</h3>
<p class=”text-slate-500 text-xs mt-1″>Dell, HP, Lenovo, Apple</p>
</a>
<!– Category Item –>
<a href=”#shop” onclick=”filterCategory(‘desktops’)” class=”group bg-slate-50 hover:bg-brand-50/50 p-5 rounded-2xl border border-slate-200/80 hover:border-brand-500/30 transition-all text-center”>
<div class=”w-12 h-12 bg-white rounded-xl flex items-center justify-center text-brand-500 shadow-sm mx-auto mb-3 group-hover:scale-110 transition-transform”>
<i class=”fa-solid fa-desktop text-xl”></i>
</div>
<h3 class=”font-bold text-slate-900 text-sm”>Refurbished Desktops</h3>
<p class=”text-slate-500 text-xs mt-1″>Slim CPUs & All-In-Ones</p>
</a>
<!– Category Item –>
<a href=”#shop” onclick=”filterCategory(‘workstations’)” class=”group bg-slate-50 hover:bg-brand-50/50 p-5 rounded-2xl border border-slate-200/80 hover:border-brand-500/30 transition-all text-center”>
<div class=”w-12 h-12 bg-white rounded-xl flex items-center justify-center text-brand-500 shadow-sm mx-auto mb-3 group-hover:scale-110 transition-transform”>
<i class=”fa-solid fa-server text-xl”></i>
</div>
<h3 class=”font-bold text-slate-900 text-sm”>Servers & Workstations</h3>
<p class=”text-slate-500 text-xs mt-1″>Xeon & CAD Machines</p>
</a>
<!– Category Item –>
<a href=”#accessories” class=”group bg-slate-50 hover:bg-brand-50/50 p-5 rounded-2xl border border-slate-200/80 hover:border-brand-500/30 transition-all text-center”>
<div class=”w-12 h-12 bg-white rounded-xl flex items-center justify-center text-brand-500 shadow-sm mx-auto mb-3 group-hover:scale-110 transition-transform”>
<i class=”fa-solid fa-microchip text-xl”></i>
</div>
<h3 class=”font-bold text-slate-900 text-sm”>New SSD & RAM</h3>
<p class=”text-slate-500 text-xs mt-1″>NVMe, DDR4, DDR5</p>
</a>
<!– Category Item –>
<a href=”#repair” class=”group bg-slate-50 hover:bg-brand-50/50 p-5 rounded-2xl border border-slate-200/80 hover:border-brand-500/30 transition-all text-center”>
<div class=”w-12 h-12 bg-white rounded-xl flex items-center justify-center text-brand-500 shadow-sm mx-auto mb-3 group-hover:scale-110 transition-transform”>
<i class=”fa-solid fa-wrench text-xl”></i>
</div>
<h3 class=”font-bold text-slate-900 text-sm”>Repair & Upgrades</h3>
<p class=”text-slate-500 text-xs mt-1″>Screens, Batteries & Chip repair</p>
</a>
</div>
</div>
</section>
<!– DYNAMIC CATALOG / FEATURED PRODUCTS SECTION –>
<section id=”shop” class=”py-16 bg-slate-50″>
<div class=”max-w-7xl mx-auto px-4 sm:px-6 lg:px-8″>
<div class=”flex flex-col md:flex-row md:items-end justify-between mb-8 gap-4″>
<div>
<span class=”text-brand-500 font-bold text-xs uppercase tracking-wider”>In-Stock Store Inventory</span>
<h2 class=”text-2xl sm:text-3xl font-extrabold text-slate-900 mt-1″>Refurbished Laptop & Desktop Catalog</h2>
<p class=”text-slate-600 text-sm”>Top brands: Lenovo ThinkPad, Dell Latitude, HP EliteBook, Apple MacBook.</p>
</div>
<!– Filter Controls –>
<div class=”flex flex-wrap gap-2″ id=”categoryFilters”>
<button onclick=”filterCategory(‘all’)” class=”filter-btn active bg-slate-900 text-white px-4 py-2 rounded-xl text-xs font-semibold”>All</button>
<button onclick=”filterCategory(‘laptops’)” class=”filter-btn bg-white hover:bg-slate-200 text-slate-700 px-4 py-2 rounded-xl text-xs font-semibold border border-slate-200″>Laptops</button>
<button onclick=”filterCategory(‘desktops’)” class=”filter-btn bg-white hover:bg-slate-200 text-slate-700 px-4 py-2 rounded-xl text-xs font-semibold border border-slate-200″>Desktops</button>
<button onclick=”filterCategory(‘upgrades’)” class=”filter-btn bg-white hover:bg-slate-200 text-slate-700 px-4 py-2 rounded-xl text-xs font-semibold border border-slate-200″>SSD & RAM</button>
</div>
</div>
<!– Products Grid Container –>
<div id=”productGrid” class=”grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6″>
<!– Javascript will populate products dynamically –>
</div>
</div>
</section>
<!– FEATURED LAPTOP FOCUS SECTION (SEO HEADING) –>
<section id=”refurbished-laptops” class=”py-16 bg-white border-y border-slate-200/60″>
<div class=”max-w-7xl mx-auto px-4 sm:px-6 lg:px-8″>
<div class=”grid lg:grid-cols-12 gap-10 items-center”>
<div class=”lg:col-span-5 space-y-5″>
<span class=”bg-brand-50 text-brand-600 border border-brand-100 text-xs font-bold px-3 py-1 rounded-md uppercase”>Top Quality Assured</span>
<h2 class=”text-2xl sm:text-3xl font-extrabold text-slate-900 leading-tight”>
Tested Refurbished Laptop in Wagholi & Pune
</h2>
<p class=”text-slate-600 text-sm leading-relaxed”>
Why spend double on new laptops when you can get commercial enterprise-grade laptops at half price? Our refurbished laptops are sourced from top corporate MNCs, tested rigorously, and refreshed with original OS and new SSDs.
</p>
<ul class=”space-y-3 text-sm text-slate-700 font-medium”>
<li class=”flex items-center gap-3″>
<i class=”fa-solid fa-circle-check text-emerald-500 text-lg”></i>
<span>Commercial Grade (Dell Latitude, ThinkPad, EliteBook)</span>
</li>
<li class=”flex items-center gap-3″>
<i class=”fa-solid fa-circle-check text-emerald-500 text-lg”></i>
<span>Fresh High-Speed SSD & Original Windows 11</span>
</li>
<li class=”flex items-center gap-3″>
<i class=”fa-solid fa-circle-check text-emerald-500 text-lg”></i>
<span>Tested Battery with 3 to 5 Hours Backup</span>
</li>
<li class=”flex items-center gap-3″>
<i class=”fa-solid fa-circle-check text-emerald-500 text-lg”></i>
<span>Store Replacement & Service Warranty</span>
</li>
</ul>
<div class=”pt-2″>
<a href=”#enquiry” class=”inline-flex items-center gap-2 bg-slate-900 hover:bg-slate-800 text-white font-semibold px-6 py-3 rounded-xl text-sm transition-all”>
<span>Get Current Stock List PDF</span>
<i class=”fa-solid fa-download”></i>
</a>
</div>
</div>
<div class=”lg:col-span-7 grid sm:grid-cols-2 gap-4″>
<!– Highlight Card 1 –>
<div class=”bg-slate-50 p-5 rounded-2xl border border-slate-200 hover:shadow-md transition-all”>
<div class=”text-xs font-bold text-brand-500 uppercase”>Student & Office Choice</div>
<h3 class=”font-bold text-slate-900 text-base mt-1″>Core i5 8th Gen Laptops</h3>
<p class=”text-slate-500 text-xs mt-1″>8GB/16GB RAM | 256GB NVMe SSD | 14″ FHD</p>
<div class=”mt-4 flex justify-between items-center”>
<span class=”text-lg font-extrabold text-slate-900″>Starts ₹15,999</span>
<a href=”https://wa.me/919876543210?text=I%20want%20i5%208th%20Gen%20Laptop%20Details” target=”_blank” class=”text-brand-500 hover:text-brand-600 text-xs font-bold flex items-center gap-1″>Enquire <i class=”fa-solid fa-angle-right”></i></a>
</div>
</div>
<!– Highlight Card 2 –>
<div class=”bg-slate-50 p-5 rounded-2xl border border-slate-200 hover:shadow-md transition-all”>
<div class=”text-xs font-bold text-brand-500 uppercase”>High Performance</div>
<h3 class=”font-bold text-slate-900 text-base mt-1″>Core i7 10th / 11th Gen</h3>
<p class=”text-slate-500 text-xs mt-1″>16GB RAM | 512GB SSD | Backlit Keyboard</p>
<div class=”mt-4 flex justify-between items-center”>
<span class=”text-lg font-extrabold text-slate-900″>Starts ₹26,500</span>
<a href=”https://wa.me/919876543210?text=I%20want%20i7%20Laptop%20Details” target=”_blank” class=”text-brand-500 hover:text-brand-600 text-xs font-bold flex items-center gap-1″>Enquire <i class=”fa-solid fa-angle-right”></i></a>
</div>
</div>
<!– Highlight Card 3 –>
<div class=”bg-slate-50 p-5 rounded-2xl border border-slate-200 hover:shadow-md transition-all”>
<div class=”text-xs font-bold text-brand-500 uppercase”>Coding & Editing</div>
<h3 class=”font-bold text-slate-900 text-base mt-1″>Apple MacBook Pro & Air</h3>
<p class=”text-slate-500 text-xs mt-1″>M1 / Intel i5 | Retina Display | Sleek</p>
<div class=”mt-4 flex justify-between items-center”>
<span class=”text-lg font-extrabold text-slate-900″>Starts ₹32,000</span>
<a href=”https://wa.me/919876543210?text=I%20want%20MacBook%20Refurbished%20Details” target=”_blank” class=”text-brand-500 hover:text-brand-600 text-xs font-bold flex items-center gap-1″>Enquire <i class=”fa-solid fa-angle-right”></i></a>
</div>
</div>
<!– Highlight Card 4 –>
<div class=”bg-slate-50 p-5 rounded-2xl border border-slate-200 hover:shadow-md transition-all”>
<div class=”text-xs font-bold text-brand-500 uppercase”>Extreme Workstation</div>
<h3 class=”font-bold text-slate-900 text-base mt-1″>NVIDIA Dedicated GPU</h3>
<p class=”text-slate-500 text-xs mt-1″>Dell Precision / HP ZBook Workstation</p>
<div class=”mt-4 flex justify-between items-center”>
<span class=”text-lg font-extrabold text-slate-900″>Starts ₹34,999</span>
<a href=”https://wa.me/919876543210?text=I%20want%20GPU%20Workstation%20Laptop” target=”_blank” class=”text-brand-500 hover:text-brand-600 text-xs font-bold flex items-center gap-1″>Enquire <i class=”fa-solid fa-angle-right”></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
<!– LAPTOP REPAIR & UPGRADES SECTION (SEO TARGETING) –>
<section id=”repair” class=”py-16 bg-slate-900 text-white relative”>
<div class=”max-w-7xl mx-auto px-4 sm:px-6 lg:px-8″>
<div class=”text-center max-w-3xl mx-auto mb-12″>
<span class=”text-brand-500 font-bold text-xs uppercase tracking-widest”>Instant Service Center</span>
<h2 class=”text-2xl sm:text-4xl font-extrabold mt-1″>
Fast Laptop Repair in Wagholi & Computer Repair Services
</h2>
<p class=”text-slate-400 text-sm mt-2″>
Slow laptop? Broken screen? Spilled liquid? Laptop Mart provides same-day chip-level computer repair in Wagholi, Kharadi, and Pune.
</p>
</div>
<!– Repair Services Grid –>
<div class=”grid grid-cols-1 md:grid-cols-3 gap-6 mb-12″>
<div class=”bg-slate-800/80 p-6 rounded-2xl border border-slate-700/80 hover:border-brand-500 transition-all”>
<div class=”w-12 h-12 bg-brand-500/10 text-brand-500 rounded-xl flex items-center justify-center text-xl mb-4″>
<i class=”fa-solid fa-gauge-high”></i>
</div>
<h3 class=”text-lg font-bold”>SSD and RAM Upgrade in Pune</h3>
<p class=”text-slate-400 text-xs mt-2 leading-relaxed”>
Upgrade your slow HDD to NVMe SSD and boost laptop speed by up to 10X. Instant installation and Windows cloning in 30 minutes at Wagholi store.
</p>
</div>
<div class=”bg-slate-800/80 p-6 rounded-2xl border border-slate-700/80 hover:border-brand-500 transition-all”>
<div class=”w-12 h-12 bg-brand-500/10 text-brand-500 rounded-xl flex items-center justify-center text-xl mb-4″>
<i class=”fa-solid fa-desktop”></i>
</div>
<h3 class=”text-lg font-bold”>Display Screen Replacement</h3>
<p class=”text-slate-400 text-xs mt-2 leading-relaxed”>
Original LED & IPS display panels for Dell, HP, Lenovo, ASUS, Acer & Apple MacBooks. 100% genuine replacement with warranty.
</p>
</div>
<div class=”bg-slate-800/80 p-6 rounded-2xl border border-slate-700/80 hover:border-brand-500 transition-all”>
<div class=”w-12 h-12 bg-brand-500/10 text-brand-500 rounded-xl flex items-center justify-center text-xl mb-4″>
<i class=”fa-solid fa-battery-three-quarters”></i>
</div>
<h3 class=”text-lg font-bold”>Battery & Charger Replacement</h3>
<p class=”text-slate-400 text-xs mt-2 leading-relaxed”>
High-capacity long-life original batteries and OEM Type-C/Pin power adapters available for all laptop models at affordable prices.
</p>
</div>
</div>
<!– Interactive Repair Cost Estimator Box –>
<div class=”bg-slate-800 rounded-3xl p-6 md:p-8 border border-slate-700 max-w-4xl mx-auto”>
<h3 class=”text-xl font-bold text-center mb-6″>Quick Repair & Upgrade Cost Estimator</h3>
<div class=”grid sm:grid-cols-3 gap-4 mb-6″>
<div>
<label class=”text-xs text-slate-400 block mb-2″>Select Issue / Service</label>
<select id=”repairServiceSelect” class=”w-full bg-slate-900 border border-slate-700 rounded-xl p-3 text-sm text-white focus:outline-none focus:border-brand-500″>
<option value=”1200″>256GB SSD Upgrade + OS Setup (₹1,800)</option>
<option value=”2200″>512GB NVMe SSD Upgrade (₹2,800)</option>
<option value=”1500″>8GB DDR4 RAM Upgrade (₹1,900)</option>
<option value=”2800″>Laptop Screen Replacement (Starts ₹2,800)</option>
<option value=”1400″>Original Laptop Battery (Starts ₹1,400)</option>
<option value=”499″>Thermal Cleaning & Servicing (₹499)</option>
</select>
</div>
<div>
<label class=”text-xs text-slate-400 block mb-2″>Device Type</label>
<select class=”w-full bg-slate-900 border border-slate-700 rounded-xl p-3 text-sm text-white focus:outline-none focus:border-brand-500″>
<option>Windows Laptop</option>
<option>Desktop PC</option>
<option>MacBook / iMac</option>
</select>
</div>
<div>
<label class=”text-xs text-slate-400 block mb-2″>Service Location</label>
<select class=”w-full bg-slate-900 border border-slate-700 rounded-xl p-3 text-sm text-white focus:outline-none focus:border-brand-500″>
<option>Wagholi Store Visit</option>
<option>Kharadi Pickup/Drop</option>
<option>Rest of Pune Pickup</option>
</select>
</div>
</div>
<div class=”flex flex-col sm:flex-row items-center justify-between gap-4 pt-4 border-t border-slate-700″>
<div class=”text-center sm:text-left”>
<span class=”text-xs text-slate-400 block”>Estimated Service Price</span>
<span id=”estimatedPrice” class=”text-2xl font-black text-brand-500″>₹1,800 approx</span>
</div>
<a id=”repairBookingBtn” href=”https://wa.me/919876543210?text=Hi%20Laptop%20Mart,%20I%20want%20to%20book%20a%20laptop%20repair” target=”_blank” class=”w-full sm:w-auto bg-brand-500 hover:bg-brand-600 text-white font-semibold px-8 py-3 rounded-xl text-sm transition-colors text-center”>
Book Service on WhatsApp
</a>
</div>
</div>
</div>
</section>
<!– CUSTOM GAMING PC & DESKTOPS SECTION –>
<section id=”gaming” class=”py-16 bg-white”>
<div class=”max-w-7xl mx-auto px-4 sm:px-6 lg:px-8″>
<div class=”grid lg:grid-cols-2 gap-12 items-center”>
<div class=”relative”>
<img src=”https://images.unsplash.com/photo-1587202372775-e229f172b9d7?auto=format&fit=crop&w=800&q=80″ alt=”Custom Gaming PC build and refurbished desktop in Pune” class=”rounded-3xl shadow-xl w-full object-cover h-80 sm:h-96″>
<div class=”absolute -bottom-6 -right-6 bg-slate-900 text-white p-5 rounded-2xl shadow-xl hidden sm:block max-w-xs”>
<i class=”fa-solid fa-gamepad text-brand-500 text-2xl mb-2″></i>
<div class=”font-bold text-sm”>Custom Gaming Rigs</div>
<p class=”text-xs text-slate-400 mt-1″>Built with RTX Series GPU, ARGB Cabinets & Liquid Cooling.</p>
</div>
</div>
<div class=”space-y-5″>
<span class=”text-brand-500 font-bold text-xs uppercase tracking-widest”>Office & Gaming Computing</span>
<h2 class=”text-2xl sm:text-3xl font-extrabold text-slate-900″>
Refurbished Desktop in Pune & Custom Gaming PC Builds
</h2>
<p class=”text-slate-600 text-sm leading-relaxed”>
Need heavy performance for video editing, coding, 3D rendering, or 1080p gaming? We build custom PC rigs and supply commercial refurbished CPUs for offices, call centers, and institutions in Pune.
</p>
<div class=”space-y-3″>
<div class=”p-4 bg-slate-50 rounded-xl border border-slate-200″>
<h3 class=”font-bold text-slate-900 text-sm”>Budget Office Refurbished CPUs</h3>
<p class=”text-xs text-slate-500 mt-0.5″>Intel Core i3/i5, 8GB RAM, 256GB SSD starting at just <span class=”text-brand-600 font-bold”>₹7,999</span></p>
</div>
<div class=”p-4 bg-slate-50 rounded-xl border border-slate-200″>
<h3 class=”font-bold text-slate-900 text-sm”>Custom Gaming PC Rigs</h3>
<p class=”text-xs text-slate-500 mt-0.5″>Custom components tailored to your budget with GTX/RTX graphics cards starting at <span class=”text-brand-600 font-bold”>₹29,999</span></p>
</div>
</div>
<a href=”https://wa.me/919876543210?text=Hi%20Laptop%20Mart,%20I%20want%20a%20quotation%20for%20a%20Custom%20PC%20or%20Desktop” target=”_blank” class=”inline-flex items-center gap-2 bg-emerald-600 hover:bg-emerald-700 text-white font-medium px-6 py-3 rounded-xl text-sm transition-all shadow-sm”>
<i class=”fa-brands fa-whatsapp text-lg”></i>
Get Custom PC Quote
</a>
</div>
</div>
</div>
</section>
<!– WHY CHOOSE LAPTOP MART –>
<section class=”py-16 bg-slate-50 border-t border-slate-200/60″>
<div class=”max-w-7xl mx-auto px-4 sm:px-6 lg:px-8″>
<div class=”text-center max-w-2xl mx-auto mb-12″>
<h2 class=”text-2xl sm:text-3xl font-extrabold text-slate-900″>Why Choose Laptop Mart?</h2>
<p class=”text-slate-600 text-sm mt-2″>Your satisfaction, performance quality, and long-term reliability are our top priorities.</p>
</div>
<div class=”grid sm:grid-cols-2 lg:grid-cols-4 gap-6″>
<div class=”bg-white p-6 rounded-2xl border border-slate-200 shadow-sm text-center”>
<div class=”w-12 h-12 bg-brand-50 text-brand-500 rounded-2xl flex items-center justify-center text-xl mx-auto mb-4″>
<i class=”fa-solid fa-list-check”></i>
</div>
<h3 class=”font-bold text-slate-900 text-base”>100+ Point Tested</h3>
<p class=”text-slate-500 text-xs mt-2″>Every laptop goes through hardware diagnostics, display, battery, keyboard & thermal stress tests.</p>
</div>
<div class=”bg-white p-6 rounded-2xl border border-slate-200 shadow-sm text-center”>
<div class=”w-12 h-12 bg-brand-50 text-brand-500 rounded-2xl flex items-center justify-center text-xl mx-auto mb-4″>
<i class=”fa-solid fa-shield-halved”></i>
</div>
<h3 class=”font-bold text-slate-900 text-base”>Store Warranty</h3>
<p class=”text-slate-500 text-xs mt-2″>Complete peace of mind with physical store testing warranty and instant technical support.</p>
</div>
<div class=”bg-white p-6 rounded-2xl border border-slate-200 shadow-sm text-center”>
<div class=”w-12 h-12 bg-brand-50 text-brand-500 rounded-2xl flex items-center justify-center text-xl mx-auto mb-4″>
<i class=”fa-solid fa-indian-rupee-sign”></i>
</div>
<h3 class=”font-bold text-slate-900 text-base”>Lowest Price Guarantee</h3>
<p class=”text-slate-500 text-xs mt-2″>Direct wholesale inventory pricing in Wagholi and Pune with zero broker commission.</p>
</div>
<div class=”bg-white p-6 rounded-2xl border border-slate-200 shadow-sm text-center”>
<div class=”w-12 h-12 bg-brand-50 text-brand-500 rounded-2xl flex items-center justify-center text-xl mx-auto mb-4″>
<i class=”fa-solid fa-truck-fast”></i>
</div>
<h3 class=”font-bold text-slate-900 text-base”>Local Wagholi Pickup</h3>
<p class=”text-slate-500 text-xs mt-2″>Free door-step delivery & home pickup service available across Wagholi, Kharadi, & Viman Nagar.</p>
</div>
</div>
</div>
</section>
<!– LOCAL PUNE, WAGHOLI & KHARADI SERVICE SECTION (SEO LOCAL CONTENT) –>
<section id=”about” class=”py-16 bg-white”>
<div class=”max-w-7xl mx-auto px-4 sm:px-6 lg:px-8″>
<div class=”bg-slate-900 rounded-3xl p-8 sm:p-12 text-white relative overflow-hidden”>
<div class=”grid lg:grid-cols-12 gap-8 items-center”>
<div class=”lg:col-span-8 space-y-4″>
<span class=”text-brand-500 font-bold text-xs uppercase tracking-wider”>Serving Wagholi, Kharadi & Entire Pune</span>
<h2 class=”text-2xl sm:text-3xl font-extrabold”>Your Nearby Computer Store & Laptop Repair Hub</h2>
<p class=”text-slate-300 text-sm leading-relaxed”>
Laptop Mart is conveniently located on Nagar Road in Wagholi, Pune — just minutes away from IT parks like EON Free Zone Kharadi, World Trade Center, and Viman Nagar. Whether you are a college student, software engineer, or small business owner, we offer prompt service, transparent pricing, and tested hardware.
</p>
<div class=”flex flex-wrap gap-2 pt-2″>
<span class=”bg-slate-800 text-slate-300 text-xs px-3 py-1.5 rounded-lg border border-slate-700″>Wagholi Main Market</span>
<span class=”bg-slate-800 text-slate-300 text-xs px-3 py-1.5 rounded-lg border border-slate-700″>EON IT Park Kharadi</span>
<span class=”bg-slate-800 text-slate-300 text-xs px-3 py-1.5 rounded-lg border border-slate-700″>Viman Nagar</span>
<span class=”bg-slate-800 text-slate-300 text-xs px-3 py-1.5 rounded-lg border border-slate-700″>Hadapsar & Magarpatta</span>
<span class=”bg-slate-800 text-slate-300 text-xs px-3 py-1.5 rounded-lg border border-slate-700″>Lonikand & Shikrapur</span>
</div>
</div>
<div class=”lg:col-span-4 text-center lg:text-right”>
<a href=”https://maps.google.com/?q=Wagholi+Pune” target=”_blank” class=”inline-flex items-center gap-2 bg-brand-500 hover:bg-brand-600 text-white font-semibold px-6 py-3.5 rounded-xl text-sm transition-all shadow-lg”>
<i class=”fa-solid fa-map-location-dot”></i>
<span>Get Store Directions</span>
</a>
</div>
</div>
</div>
</div>
</section>
<!– ENQUIRY FORM SECTION –>
<section id=”enquiry” class=”py-16 bg-slate-50″>
<div class=”max-w-4xl mx-auto px-4 sm:px-6 lg:px-8″>
<div class=”bg-white rounded-3xl p-8 sm:p-10 border border-slate-200 shadow-sm”>
<div class=”text-center max-w-xl mx-auto mb-8″>
<h2 class=”text-2xl font-extrabold text-slate-900″>Send an Immediate Enquiry</h2>
<p class=”text-slate-600 text-sm mt-1″>Looking for a specific model or repair estimate? Fill out the form below for an instant response.</p>
</div>
<form id=”enquiryForm” onsubmit=”handleEnquirySubmit(event)” class=”space-y-4″>
<div class=”grid sm:grid-cols-2 gap-4″>
<div>
<label class=”block text-xs font-semibold text-slate-700 mb-1″>Your Full Name</label>
<input type=”text” id=”custName” required placeholder=”e.g. Rahul Sharma” class=”w-full bg-slate-50 border border-slate-200 rounded-xl p-3 text-sm focus:outline-none focus:border-brand-500″>
</div>
<div>
<label class=”block text-xs font-semibold text-slate-700 mb-1″>Phone / WhatsApp Number</label>
<input type=”tel” id=”custPhone” required placeholder=”e.g. 9876543210″ class=”w-full bg-slate-50 border border-slate-200 rounded-xl p-3 text-sm focus:outline-none focus:border-brand-500″>
</div>
</div>
<div class=”grid sm:grid-cols-2 gap-4″>
<div>
<label class=”block text-xs font-semibold text-slate-700 mb-1″>Requirement Type</label>
<select id=”reqType” class=”w-full bg-slate-50 border border-slate-200 rounded-xl p-3 text-sm focus:outline-none focus:border-brand-500″>
<option>Buy Refurbished Laptop</option>
<option>Buy Refurbished Desktop</option>
<option>Laptop Repair / Service</option>
<option>SSD / RAM Upgrade</option>
<option>Custom Gaming PC</option>
<option>Bulk Office / Corporate Supply</option>
</select>
</div>
<div>
<label class=”block text-xs font-semibold text-slate-700 mb-1″>Budget Range (Optional)</label>
<select id=”budgetRange” class=”w-full bg-slate-50 border border-slate-200 rounded-xl p-3 text-sm focus:outline-none focus:border-brand-500″>
<option>₹10,000 – ₹20,000</option>
<option>₹20,000 – ₹30,000</option>
<option>₹30,000 – ₹45,000</option>
<option>₹45,000+</option>
</select>
</div>
</div>
<div>
<label class=”block text-xs font-semibold text-slate-700 mb-1″>Detailed Requirement / Laptop Model / Issue</label>
<textarea id=”custMessage” rows=”3″ placeholder=”Tell us about the laptop model you need or the issue you are facing…” class=”w-full bg-slate-50 border border-slate-200 rounded-xl p-3 text-sm focus:outline-none focus:border-brand-500″></textarea>
</div>
<button type=”submit” class=”w-full bg-brand-500 hover:bg-brand-600 text-white font-bold py-3.5 rounded-xl text-sm transition-all shadow-md shadow-brand-500/20″>
Submit Enquiry via WhatsApp
</button>
</form>
</div>
</div>
</section>
<!– FOOTER –>
<footer id=”contact” class=”bg-slate-900 text-slate-400 pt-16 pb-12 border-t border-slate-800″>
<div class=”max-w-7xl mx-auto px-4 sm:px-6 lg:px-8″>
<div class=”grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-10 pb-12 border-b border-slate-800″>
<!– Col 1: Brand Info –>
<div class=”space-y-4″>
<div class=”flex items-center”>
<span class=”text-2xl font-black text-white”>LAPTOP</span>
<span class=”text-2xl font-black text-brand-500 ml-1″>MART</span>
</div>
<p class=”text-xs text-slate-400 leading-relaxed”>
Laptop Mart is Pune’s leading multi-brand computer sales and repair store in Wagholi. We specialize in certified corporate laptops, desktops, accessories, and instant repair services.
</p>
<div class=”flex gap-3 text-slate-300″>
<a href=”#” class=”w-8 h-8 rounded-lg bg-slate-800 flex items-center justify-center hover:bg-brand-500 hover:text-white transition-colors”><i class=”fa-brands fa-facebook-f text-xs”></i></a>
<a href=”#” class=”w-8 h-8 rounded-lg bg-slate-800 flex items-center justify-center hover:bg-brand-500 hover:text-white transition-colors”><i class=”fa-brands fa-instagram text-xs”></i></a>
<a href=”#” class=”w-8 h-8 rounded-lg bg-slate-800 flex items-center justify-center hover:bg-brand-500 hover:text-white transition-colors”><i class=”fa-brands fa-google text-xs”></i></a>
</div>
</div>
<!– Col 2: Categories Links –>
<div>
<h3 class=”text-white font-bold text-sm mb-4″>Categories</h3>
<ul class=”space-y-2.5 text-xs”>
<li><a href=”#shop” onclick=”filterCategory(‘laptops’)” class=”hover:text-brand-500 transition-colors”>Refurbished Laptops</a></li>
<li><a href=”#shop” onclick=”filterCategory(‘desktops’)” class=”hover:text-brand-500 transition-colors”>Refurbished Desktops</a></li>
<li><a href=”#shop” onclick=”filterCategory(‘workstations’)” class=”hover:text-brand-500 transition-colors”>Workstations & Servers</a></li>
<li><a href=”#accessories” class=”hover:text-brand-500 transition-colors”>SSD & DDR4/DDR5 RAM</a></li>
<li><a href=”#accessories” class=”hover:text-brand-500 transition-colors”>Batteries, Screens & Adapters</a></li>
<li><a href=”#gaming” class=”hover:text-brand-500 transition-colors”>Custom Gaming PCs</a></li>
</ul>
</div>
<!– Col 3: Service Links –>
<div>
<h3 class=”text-white font-bold text-sm mb-4″>Repair Services</h3>
<ul class=”space-y-2.5 text-xs”>
<li><a href=”#repair” class=”hover:text-brand-500 transition-colors”>Laptop Repair in Wagholi</a></li>
<li><a href=”#repair” class=”hover:text-brand-500 transition-colors”>Computer Repair in Wagholi</a></li>
<li><a href=”#repair” class=”hover:text-brand-500 transition-colors”>SSD and RAM Upgrade in Pune</a></li>
<li><a href=”#repair” class=”hover:text-brand-500 transition-colors”>Laptop Display Screen Replacement</a></li>
<li><a href=”#repair” class=”hover:text-brand-500 transition-colors”>Motherboard Chip-Level Service</a></li>
</ul>
</div>
<!– Col 4: Store Contact Info –>
<div class=”space-y-3″>
<h3 class=”text-white font-bold text-sm mb-4″>Store Location</h3>
<div class=”flex items-start gap-3 text-xs”>
<i class=”fa-solid fa-location-dot text-brand-500 mt-0.5″></i>
<span>Nagar Road, Opposite Main Market, Wagholi, Pune, Maharashtra 412207</span>
</div>
<div class=”flex items-center gap-3 text-xs”>
<i class=”fa-solid fa-phone text-brand-500″></i>
<a href=”tel:+919876543210″ class=”hover:text-white”>+91 98765 43210 / +91 91234 56789</a>
</div>
<div class=”flex items-center gap-3 text-xs”>
<i class=”fa-solid fa-envelope text-brand-500″></i>
<a href=”mailto:[email protected]” class=”hover:text-white”>[email protected]</a>
</div>
<div class=”flex items-center gap-3 text-xs”>
<i class=”fa-solid fa-clock text-brand-500″></i>
<span>Mon – Sun: 10:00 AM – 9:00 PM</span>
</div>
</div>
</div>
<!– Copyright –>
<div class=”pt-8 flex flex-col sm:flex-row justify-between items-center text-xs text-slate-500 gap-4″>
<div>© 2026 Laptop Mart. All Rights Reserved. Wagholi, Pune.</div>
<div class=”flex gap-4″>
<a href=”#” class=”hover:text-slate-400″>Privacy Policy</a>
<a href=”#” class=”hover:text-slate-400″>Terms of Service</a>
<a href=”#” class=”hover:text-slate-400″>Warranty Terms</a>
</div>
</div>
</div>
</footer>
<!– FLOATING WHATSAPP & CALL ACTION BUTTONS –>
<div class=”fixed bottom-6 right-6 z-50 flex flex-col gap-3″>
<a href=”tel:+919876543210″ class=”w-12 h-12 bg-slate-900 text-white rounded-full flex items-center justify-center shadow-xl hover:bg-slate-800 transition-all border border-slate-700″ title=”Call Store”>
<i class=”fa-solid fa-phone text-lg”></i>
</a>
<a href=”https://wa.me/919876543210?text=Hi%20Laptop%20Mart,%20I%20want%20to%20enquire%20about%20a%20laptop%20or%20repair%20service” target=”_blank” class=”w-14 h-14 bg-emerald-500 text-white rounded-full flex items-center justify-center shadow-2xl hover:bg-emerald-600 transition-all animate-bounce” title=”WhatsApp Us”>
<i class=”fa-brands fa-whatsapp text-3xl”></i>
</a>
</div>
<!– JAVASCRIPT LOGIC & DYNAMIC PRODUCT INVENTORY –>
<script>
// Sample Products Inventory Dataset
const productsData = [
{
id: ‘lenovo-t480’,
title: ‘Lenovo ThinkPad T480 Core i5’,
category: ‘laptops’,
brand: ‘Lenovo’,
usage: ‘Office / Student’,
specs: {
processor: ‘Intel Core i5 8th Gen’,
ram: ’16GB DDR4 RAM’,
storage: ‘512GB NVMe SSD’,
display: ‘14.0″ Full HD IPS Display’,
battery: ‘Dual Battery (4+ Hours)’
},
priceOriginal: 75000,
priceRefurbished: 21999,
discount: ‘70%’,
condition: ‘Grade A+ Certified’,
warranty: ‘1 Year Store Warranty’,
badge: ‘Hot Seller’,
badgeColor: ‘bg-brand-500’,
inStock: true
},
{
id: ‘dell-latitude-5400’,
title: ‘Dell Latitude 5400 Core i5’,
category: ‘laptops’,
brand: ‘Dell’,
usage: ‘Corporate / Coding’,
specs: {
processor: ‘Intel Core i5 8th Gen’,
ram: ‘8GB DDR4 (Upgradable)’,
storage: ‘256GB NVMe SSD’,
display: ‘14.0″ Full HD Anti-Glare’,
battery: ‘Health 90%+’
},
priceOriginal: 68000,
priceRefurbished: 18999,
discount: ‘72%’,
condition: ‘Grade A Corporate’,
warranty: ‘6 Months Warranty’,
badge: ‘Best Value’,
badgeColor: ‘bg-amber-500’,
inStock: true
},
{
id: ‘hp-elitebook-840-g6’,
title: ‘HP EliteBook 840 G6 Slim’,
category: ‘laptops’,
brand: ‘HP’,
usage: ‘Premium Sleek’,
specs: {
processor: ‘Intel Core i5 8th Gen’,
ram: ’16GB DDR4 RAM’,
storage: ‘512GB NVMe SSD’,
display: ‘14.0″ FHD Metal Body’,
battery: ‘Slim Fast Charger’
},
priceOriginal: 82000,
priceRefurbished: 23500,
discount: ‘71%’,
condition: ‘Grade A+ Like New’,
warranty: ‘1 Year Store Warranty’,
badge: ‘Ultra Slim’,
badgeColor: ‘bg-slate-900’,
inStock: true
},
{
id: ‘macbook-air-m1’,
title: ‘Apple MacBook Air M1 Chip’,
category: ‘laptops’,
brand: ‘Apple’,
usage: ‘Editing / Content’,
specs: {
processor: ‘Apple M1 Chip 8-Core’,
ram: ‘8GB Unified RAM’,
storage: ‘256GB Superfast SSD’,
display: ‘13.3″ Retina True Tone’,
battery: ‘Battery Health 88%+’
},
priceOriginal: 99900,
priceRefurbished: 44999,
discount: ‘55%’,
condition: ‘Grade A Premium’,
warranty: ‘6 Months Warranty’,
badge: ‘Apple Original’,
badgeColor: ‘bg-indigo-600’,
inStock: true
},
{
id: ‘dell-optiplex-cpu’,
title: ‘Dell OptiPlex Commercial Slim CPU’,
category: ‘desktops’,
brand: ‘Dell’,
usage: ‘Office & Billing’,
specs: {
processor: ‘Intel Core i5 6th Gen’,
ram: ‘8GB DDR4 RAM’,
storage: ‘256GB SSD’,
display: ‘CPU Tower / SFF’,
battery: ‘Heavy Duty PSU’
},
priceOriginal: 35000,
priceRefurbished: 8999,
discount: ‘74%’,
condition: ‘Tested Refurbished’,
warranty: ‘6 Months Warranty’,
badge: ‘Office Deal’,
badgeColor: ‘bg-emerald-600’,
inStock: true
},
{
id: ‘hp-prodesk-complete-set’,
title: ‘HP ProDesk CPU + 20″ Monitor Set’,
category: ‘desktops’,
brand: ‘HP’,
usage: ‘Home & School’,
specs: {
processor: ‘Intel Core i5 7th Gen’,
ram: ’16GB DDR4 RAM’,
storage: ‘512GB SSD’,
display: ’20” HD Monitor Included’,
battery: ‘Keyboard & Mouse Free’
},
priceOriginal: 48000,
priceRefurbished: 14500,
discount: ‘69%’,
condition: ‘Complete Desktop Set’,
warranty: ‘6 Months Warranty’,
badge: ‘Full PC Set’,
badgeColor: ‘bg-brand-500’,
inStock: true
},
{
id: ‘crucial-512-ssd’,
title: ‘Crucial NVMe M.2 512GB SSD’,
category: ‘upgrades’,
brand: ‘Crucial’,
usage: ‘Speed Boost’,
specs: {
processor: ‘3500 MB/s Read Speed’,
ram: ‘NVMe Gen3 x4’,
storage: ‘512GB Capacity’,
display: ‘3 Years Company Warranty’,
battery: ‘Free Installation’
},
priceOriginal: 4500,
priceRefurbished: 2799,
discount: ‘38%’,
condition: ‘Brand New Sealed’,
warranty: ‘3 Years Warranty’,
badge: ‘New Genuine’,
badgeColor: ‘bg-blue-600’,
inStock: true
},
{
id: ‘workstation-xeon’,
title: ‘HP Z440 Rendering Workstation’,
category: ‘workstations’,
brand: ‘HP’,
usage: ‘3D / AutoCAD’,
specs: {
processor: ‘Intel Xeon E5-1650 v4’,
ram: ’32GB ECC RAM’,
storage: ‘512GB SSD + 1TB HDD’,
display: ‘NVIDIA Quadro 4GB GPU’,
battery: ‘700W Power Supply’
},
priceOriginal: 120000,
priceRefurbished: 28500,
discount: ‘76%’,
condition: ‘Workstation Grade’,
warranty: ‘6 Months Warranty’,
badge: ‘CAD / Editing’,
badgeColor: ‘bg-purple-600’,
inStock: true
}
];
// Function to Render Product Cards
function renderProducts(items) {
const grid = document.getElementById(‘productGrid’);
grid.innerHTML = ”;
if (items.length === 0) {
grid.innerHTML = `<div class=”col-span-full text-center py-12 text-slate-500″>No matching laptops found. Please clear filters or search again.</div>`;
return;
}
items.forEach(product => {
const card = document.createElement(‘div’);
card.className = ‘bg-white rounded-2xl border border-slate-200 shadow-sm hover:shadow-xl transition-all duration-300 flex flex-col justify-between overflow-hidden group’;
const whatsappMsg = encodeURIComponent(`Hi Laptop Mart Wagholi, I want to check availability for: ${product.title} (Price: ₹${product.priceRefurbished.toLocaleString(‘en-IN’)})`);
card.innerHTML = `
<div>
<!– Header / Badges –>
<div class=”relative p-4 bg-slate-50 border-b border-slate-100 flex items-center justify-center min-h-[160px]”>
<span class=”absolute top-3 left-3 ${product.badgeColor} text-white text-[10px] font-extrabold px-2.5 py-1 rounded-md uppercase”>
${product.badge}
</span>
<div class=”text-center”>
<i class=”fa-solid fa-laptop text-6xl text-slate-300 group-hover:text-brand-500 group-hover:scale-110 transition-all duration-300″></i>
</div>
<span class=”absolute bottom-2 right-3 text-[10px] font-bold text-slate-400 bg-white px-2 py-0.5 rounded border border-slate-200″>
${product.condition}
</span>
</div>
<!– Info –>
<div class=”p-5″>
<div class=”text-xs font-semibold text-brand-600 mb-1″>${product.brand} • ${product.usage}</div>
<h3 class=”font-bold text-slate-900 text-base leading-snug group-hover:text-brand-500 transition-colors”>${product.title}</h3>
<!– Specs List –>
<div class=”mt-3 space-y-1.5 text-xs text-slate-600″>
<div class=”flex items-center gap-2″><i class=”fa-solid fa-microchip text-slate-400 w-4″></i> ${product.specs.processor}</div>
<div class=”flex items-center gap-2″><i class=”fa-solid fa-memory text-slate-400 w-4″></i> ${product.specs.ram}</div>
<div class=”flex items-center gap-2″><i class=”fa-solid fa-hard-drive text-slate-400 w-4″></i> ${product.specs.storage}</div>
<div class=”flex items-center gap-2″><i class=”fa-solid fa-shield text-slate-400 w-4″></i> ${product.warranty}</div>
</div>
</div>
</div>
<!– Pricing and CTA –>
<div class=”p-5 pt-0 border-t border-slate-100 mt-2″>
<div class=”flex items-baseline justify-between mb-3 pt-3″>
<div>
<span class=”text-xs text-slate-400 line-through”>₹${product.priceOriginal.toLocaleString(‘en-IN’)}</span>
<span class=”text-xl font-black text-slate-900 block”>₹${product.priceRefurbished.toLocaleString(‘en-IN’)}</span>
</div>
<span class=”text-xs font-bold text-emerald-600 bg-emerald-50 px-2 py-1 rounded”>Save ${product.discount}</span>
</div>
<a href=”https://wa.me/919876543210?text=${whatsappMsg}” target=”_blank” class=”w-full bg-slate-900 hover:bg-brand-500 text-white py-2.5 rounded-xl font-semibold text-xs flex items-center justify-center gap-2 transition-colors”>
<i class=”fa-brands fa-whatsapp text-sm”></i>
Buy / Reserve via WhatsApp
</a>
</div>
`;
grid.appendChild(card);
});
}
// Category Filter Logic
function filterCategory(cat) {
// Update Active Class on Buttons
const buttons = document.querySelectorAll(‘#categoryFilters button’);
buttons.forEach(btn => {
btn.classList.remove(‘bg-slate-900’, ‘text-white’);
btn.classList.add(‘bg-white’, ‘text-slate-700’);
});
if (cat === ‘all’) {
renderProducts(productsData);
} else {
const filtered = productsData.filter(p => p.category === cat);
renderProducts(filtered);
}
}
// Search Trigger
function scrollToCatalogAndSearch() {
const query = document.getElementById(‘heroSearchInput’).value.toLowerCase().trim();
const shopSection = document.getElementById(‘shop’);
shopSection.scrollIntoView({ behavior: ‘smooth’ });
if (query === ”) {
renderProducts(productsData);
return;
}
const searchResults = productsData.filter(p =>
p.title.toLowerCase().includes(query) ||
p.brand.toLowerCase().includes(query) ||
p.specs.processor.toLowerCase().includes(query) ||
p.specs.storage.toLowerCase().includes(query)
);
renderProducts(searchResults);
}
// Repair Estimator Logic
document.getElementById(‘repairServiceSelect’).addEventListener(‘change’, function(e) {
const price = parseInt(e.target.value);
const estText = document.getElementById(‘estimatedPrice’);
estText.innerText = `₹${price.toLocaleString(‘en-IN’)} approx`;
const selectedText = e.target.options[e.target.selectedIndex].text;
const btn = document.getElementById(‘repairBookingBtn’);
btn.href = `https://wa.me/919876543210?text=${encodeURIComponent(‘Hi Laptop Mart, I want to book: ‘ + selectedText)}`;
});
// Enquiry Form Submit
function handleEnquirySubmit(e) {
e.preventDefault();
const name = document.getElementById(‘custName’).value;
const phone = document.getElementById(‘custPhone’).value;
const req = document.getElementById(‘reqType’).value;
const budget = document.getElementById(‘budgetRange’).value;
const msg = document.getElementById(‘custMessage’).value;
const fullText = `*New Laptop Mart Enquiry*%0A*Name:* ${name}%0A*Phone:* ${phone}%0A*Type:* ${req}%0A*Budget:* ${budget}%0A*Details:* ${msg}`;
window.open(`https://wa.me/919876543210?text=${fullText}`, ‘_blank’);
}
// Mobile Menu Drawer Toggle
document.getElementById(‘mobileMenuBtn’).addEventListener(‘click’, function() {
const menu = document.getElementById(‘mobileMenu’);
menu.classList.toggle(‘hidden’);
});
// Initial Load
window.addEventListener(‘DOMContentLoaded’, () => {
renderProducts(productsData);
});
</script>
</body>
</html>
