diff --git a/Naim b/Naim
new file mode 100644
index 00000000..b9971df0
--- /dev/null
+++ b/Naim
@@ -0,0 +1,566 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>The Local Shop</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    
+    <style>
+        /* === CSS Variables & Reset === */
+        :root {
+            --primary: #27ae60;
+            --primary-hover: #219150;
+            --dark: #2c3e50;
+            --light: #f4f6f7;
+            --white: #ffffff;
+            --text: #333333;
+        }
+
+        * {
+            box-sizing: border-box;
+            margin: 0;
+            padding: 0;
+            font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
+            scroll-behavior: smooth;
+        }
+
+        body {
+            background-color: var(--light);
+            color: var(--text);
+            overflow-x: hidden;
+        }
+
+        /* === Navigation === */
+        header {
+            position: fixed;
+            top: 0;
+            width: 100%;
+            background: rgba(255, 255, 255, 0.95);
+            backdrop-filter: blur(10px);
+            padding: 15px 5%;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            z-index: 1000;
+            box-shadow: 0 2px 15px rgba(0,0,0,0.05);
+        }
+
+        .logo {
+            font-size: 1.5rem;
+            font-weight: 800;
+            color: var(--dark);
+            text-decoration: none;
+            letter-spacing: 1px;
+            text-transform: uppercase;
+        }
+
+        .cart-icon-wrapper {
+            position: relative;
+            cursor: pointer;
+            font-size: 1.5rem;
+            color: var(--dark);
+        }
+
+        .cart-badge {
+            position: absolute;
+            top: -8px;
+            right: -10px;
+            background: var(--primary);
+            color: var(--white);
+            border-radius: 50%;
+            padding: 2px 6px;
+            font-size: 0.75rem;
+            font-weight: bold;
+        }
+
+        /* === Hero Section === */
+        .hero {
+            height: 100vh;
+            background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), 
+                        url('https://i.ibb.co/5NCQgXZ/IMG-3111.jpg') center/cover no-repeat;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
+            text-align: center;
+            color: var(--white);
+            padding: 0 20px;
+        }
+
+        .hero h1 {
+            font-size: 4rem;
+            margin-bottom: 10px;
+            text-transform: capitalize;
+        }
+
+        .hero p {
+            font-size: 1.5rem;
+            margin-bottom: 30px;
+            font-weight: 300;
+        }
+
+        .btn {
+            padding: 15px 35px;
+            background: var(--primary);
+            color: var(--white);
+            border: none;
+            border-radius: 30px;
+            font-size: 1.1rem;
+            font-weight: bold;
+            cursor: pointer;
+            text-decoration: none;
+            transition: all 0.3s ease;
+            box-shadow: 0 4px 15px rgba(39, 174, 96, 0.4);
+        }
+
+        .btn:hover {
+            background: var(--primary-hover);
+            transform: translateY(-2px);
+        }
+
+        /* === Products Section (Carousel) === */
+        .products-section {
+            padding: 100px 5%;
+            max-width: 1400px;
+            margin: 0 auto;
+        }
+
+        .section-title {
+            text-align: center;
+            font-size: 2.5rem;
+            color: var(--dark);
+            margin-bottom: 40px;
+        }
+
+        .carousel-container {
+            display: flex;
+            overflow-x: auto;
+            gap: 25px;
+            padding: 20px 10px 40px 10px;
+            scroll-snap-type: x mandatory;
+            scrollbar-width: thin;
+            scrollbar-color: var(--primary) #ddd;
+        }
+
+        .carousel-container::-webkit-scrollbar {
+            height: 8px;
+        }
+        
+        .carousel-container::-webkit-scrollbar-track {
+            background: #e1e1e1;
+            border-radius: 10px;
+        }
+        
+        .carousel-container::-webkit-scrollbar-thumb {
+            background: var(--primary);
+            border-radius: 10px;
+        }
+
+        .product-card {
+            flex: 0 0 auto;
+            width: 300px;
+            background: var(--white);
+            border-radius: 20px;
+            overflow: hidden;
+            box-shadow: 0 10px 20px rgba(0,0,0,0.05);
+            scroll-snap-align: start;
+            transition: transform 0.3s ease;
+        }
+
+        .product-card:hover {
+            transform: translateY(-5px);
+        }
+
+        .product-card img {
+            width: 100%;
+            height: 250px;
+            object-fit: cover;
+        }
+
+        .product-info {
+            padding: 25px;
+        }
+
+        .product-info h3 {
+            font-size: 1.3rem;
+            margin-bottom: 10px;
+            color: var(--dark);
+        }
+
+        .product-info p {
+            color: var(--primary);
+            font-weight: 800;
+            font-size: 1.2rem;
+            margin-bottom: 20px;
+        }
+
+        .product-info button {
+            width: 100%;
+        }
+
+        /* === Cart Drawer / Modal === */
+        .cart-overlay {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: rgba(0,0,0,0.5);
+            display: none;
+            justify-content: flex-end;
+            z-index: 2000;
+            opacity: 0;
+            transition: opacity 0.3s ease;
+        }
+
+        .cart-overlay.active {
+            display: flex;
+            opacity: 1;
+        }
+
+        .cart-drawer {
+            width: 400px;
+            max-width: 100%;
+            background: var(--white);
+            height: 100%;
+            padding: 30px;
+            display: flex;
+            flex-direction: column;
+            transform: translateX(100%);
+            transition: transform 0.3s ease;
+            box-shadow: -5px 0 15px rgba(0,0,0,0.1);
+        }
+
+        .cart-overlay.active .cart-drawer {
+            transform: translateX(0);
+        }
+
+        .cart-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            border-bottom: 2px solid var(--light);
+            padding-bottom: 15px;
+            margin-bottom: 20px;
+        }
+
+        .close-cart {
+            background: none;
+            border: none;
+            font-size: 1.5rem;
+            cursor: pointer;
+            color: #7f8c8d;
+        }
+
+        .cart-items-container {
+            flex-grow: 1;
+            overflow-y: auto;
+            margin-bottom: 20px;
+        }
+
+        .cart-item {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 15px;
+            background: var(--light);
+            padding: 10px;
+            border-radius: 10px;
+        }
+
+        .cart-item-details {
+            display: flex;
+            align-items: center;
+            gap: 15px;
+        }
+
+        .cart-item-details img {
+            width: 60px;
+            height: 60px;
+            object-fit: cover;
+            border-radius: 8px;
+        }
+
+        .cart-item-title {
+            font-size: 0.95rem;
+            font-weight: 600;
+            margin-bottom: 5px;
+        }
+
+        .cart-item-price {
+            font-size: 0.85rem;
+            color: #7f8c8d;
+        }
+
+        .cart-total-section {
+            border-top: 2px solid var(--light);
+            padding-top: 15px;
+            margin-bottom: 20px;
+            display: flex;
+            justify-content: space-between;
+            font-size: 1.2rem;
+            font-weight: bold;
+        }
+
+        /* Form */
+        .checkout-form {
+            display: flex;
+            flex-direction: column;
+            gap: 15px;
+        }
+
+        .checkout-form input {
+            padding: 15px;
+            border: 1px solid #ddd;
+            border-radius: 10px;
+            font-size: 1rem;
+            outline: none;
+            transition: border 0.3s ease;
+        }
+
+        .checkout-form input:focus {
+            border-color: var(--primary);
+        }
+
+        /* === Floating WhatsApp Button === */
+        .whatsapp-float {
+            position: fixed;
+            bottom: 30px;
+            left: 30px;
+            background-color: #25d366;
+            color: white;
+            width: 65px;
+            height: 65px;
+            border-radius: 50%;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            font-size: 35px;
+            box-shadow: 0 5px 15px rgba(37, 211, 102, 0.4);
+            z-index: 1000;
+            text-decoration: none;
+            transition: transform 0.3s ease;
+        }
+
+        .whatsapp-float:hover {
+            transform: scale(1.1) rotate(5deg);
+        }
+
+        /* === Responsive Design === */
+        @media (max-width: 768px) {
+            .hero h1 { font-size: 3rem; }
+            .hero p { font-size: 1.2rem; }
+            .cart-drawer { width: 100%; }
+            .whatsapp-float { bottom: 20px; left: 20px; width: 55px; height: 55px; font-size: 30px; }
+        }
+    </style>
+</head>
+<body>
+
+    <header>
+        <a href="#" class="logo">The Local Shop</a>
+        <div class="cart-icon-wrapper" onclick="toggleCart()">
+            <i class="fas fa-shopping-cart"></i>
+            <span class="cart-badge" id="cart-badge">0</span>
+        </div>
+    </header>
+
+    <section class="hero" id="home">
+        <h1>The Local Shop</h1>
+        <p>Fresh Finds, Best Prices</p>
+        <a href="#products" class="btn">Shop Now</a>
+    </section>
+
+    <section class="products-section" id="products">
+        <h2 class="section-title">Our Products</h2>
+        <div class="carousel-container" id="carousel">
+            </div>
+    </section>
+
+    <a href="https://wa.me/6356823383" target="_blank" class="whatsapp-float" aria-label="Chat on WhatsApp">
+        <i class="fab fa-whatsapp"></i>
+    </a>
+
+    <div class="cart-overlay" id="cart-overlay">
+        <div class="cart-drawer">
+            <div class="cart-header">
+                <h2>Your Cart</h2>
+                <button class="close-cart" onclick="toggleCart()"><i class="fas fa-times"></i></button>
+            </div>
+            
+            <div class="cart-items-container" id="cart-items">
+                </div>
+
+            <div class="cart-total-section">
+                <span>Total:</span>
+                <span id="cart-total">$0.00</span>
+            </div>
+
+            <form class="checkout-form" id="checkout-form">
+                <input type="text" id="customer-name" placeholder="Full Name" required>
+                <input type="tel" id="customer-phone" placeholder="Phone Number" required>
+                <button type="submit" class="btn">Send Order</button>
+            </form>
+        </div>
+    </div>
+
+    <script>
+        // Store Email Data
+        const OWNER_EMAIL = "mrnaimk55@gmail.com";
+
+        // Product Data
+        const productsData = [
+            {
+                id: 1,
+                name: "Fresh Produce Box",
+                price: 24.99,
+                img: "https://i.ibb.co/YTJL5v31/IMG-1586.jpg"
+            },
+            {
+                id: 2,
+                name: "Premium Selection",
+                price: 39.50,
+                img: "https://i.ibb.co/KjC1ZXLH/e78f6e4a-2e47-422f-8417-75ca05bb12f1.jpg"
+            }
+        ];
+
+        let cart = [];
+
+        // Initialize Shop
+        function initApp() {
+            const carousel = document.getElementById('carousel');
+            
+            // Render Products
+            productsData.forEach(product => {
+                const card = document.createElement('div');
+                card.className = 'product-card';
+                card.innerHTML = `
+                    <img src="${product.img}" alt="${product.name}">
+                    <div class="product-info">
+                        <h3>${product.name}</h3>
+                        <p>$${product.price.toFixed(2)}</p>
+                        <button class="btn" onclick="addToCart(${product.id})">Add to Cart</button>
+                    </div>
+                `;
+                carousel.appendChild(card);
+            });
+        }
+
+        // Add item to cart
+        function addToCart(id) {
+            const product = productsData.find(p => p.id === id);
+            const existingItem = cart.find(item => item.id === id);
+
+            if (existingItem) {
+                existingItem.quantity += 1;
+            } else {
+                cart.push({ ...product, quantity: 1 });
+            }
+            
+            updateCartUI();
+            
+            // Visual feedback (Open cart momentarily)
+            toggleCart(true);
+        }
+
+        // Update Cart UI
+        function updateCartUI() {
+            const cartItemsContainer = document.getElementById('cart-items');
+            const cartBadge = document.getElementById('cart-badge');
+            const cartTotal = document.getElementById('cart-total');
+            
+            cartItemsContainer.innerHTML = '';
+            let total = 0;
+            let itemCount = 0;
+
+            if (cart.length === 0) {
+                cartItemsContainer.innerHTML = '<p style="text-align:center; color:#7f8c8d; margin-top:20px;">Your cart is empty.</p>';
+            }
+
+            cart.forEach(item => {
+                total += item.price * item.quantity;
+                itemCount += item.quantity;
+
+                cartItemsContainer.innerHTML += `
+                    <div class="cart-item">
+                        <div class="cart-item-details">
+                            <img src="${item.img}" alt="${item.name}">
+                            <div>
+                                <div class="cart-item-title">${item.name}</div>
+                                <div class="cart-item-price">$${item.price.toFixed(2)} x ${item.quantity}</div>
+                            </div>
+                        </div>
+                        <strong>$${(item.price * item.quantity).toFixed(2)}</strong>
+                    </div>
+                `;
+            });
+
+            cartBadge.innerText = itemCount;
+            cartTotal.innerText = `$${total.toFixed(2)}`;
+        }
+
+        // Toggle Cart Drawer
+        function toggleCart(forceOpen = false) {
+            const overlay = document.getElementById('cart-overlay');
+            if (forceOpen) {
+                overlay.classList.add('active');
+            } else {
+                overlay.classList.toggle('active');
+            }
+        }
+
+        // Handle Order Submission via Email
+        document.getElementById('checkout-form').addEventListener('submit', function(e) {
+            e.preventDefault();
+            
+            if (cart.length === 0) {
+                alert('Please add items to your cart before sending an order.');
+                return;
+            }
+
+            const name = document.getElementById('customer-name').value;
+            const phone = document.getElementById('customer-phone').value;
+            let total = document.getElementById('cart-total').innerText;
+
+            // Construct Email Body
+            let emailBody = `New Order from ${name}\n`;
+            emailBody += `Phone Number: ${phone}\n\n`;
+            emailBody += `--- ORDER DETAILS ---\n`;
+            
+            cart.forEach(item => {
+                emailBody += `- ${item.quantity}x ${item.name} ($${(item.price * item.quantity).toFixed(2)})\n`;
+            });
+            
+            emailBody += `\nTotal Amount: ${total}\n\n`;
+            emailBody += `Please confirm this order via phone or reply to this email.`;
+
+            // Create mailto link
+            const subject = encodeURIComponent(`New Shop Order - ${name}`);
+            const body = encodeURIComponent(emailBody);
+            const mailtoLink = `mailto:${OWNER_EMAIL}?subject=${subject}&body=${body}`;
+
+            // Open user's default email client
+            window.location.href = mailtoLink;
+
+            // Optional: Clear cart after opening email
+            cart = [];
+            updateCartUI();
+            toggleCart();
+            document.getElementById('checkout-form').reset();
+        });
+
+        // Close cart when clicking outside the drawer
+        document.getElementById('cart-overlay').addEventListener('click', function(e) {
+            if (e.target === this) {
+                toggleCart();
+            }
+        });
+
+        // Start app
+        initApp();
+        updateCartUI();
+
+    </script>
+</body>
+</html>
