MineCut | \u0648\u0627\u0631\u062f\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u0644\u0648\u0627\u0632\u0645 \u0635\u0646\u0639\u062a \u0633\u0646\u06af<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n gold: {\r\n 50: '#fdfbf7',\r\n 100: '#fbeedb',\r\n 200: '#f5d6a7',\r\n 300: '#eeb86e',\r\n 400: '#e6953b',\r\n 500: '#d4af37', \/\/ \u0627\u0635\u0644\u06cc \u0637\u0644\u0627\u06cc\u06cc \u0644\u0648\u06a9\u0633\r\n 600: '#b89027',\r\n 700: '#946f1e',\r\n 800: '#73531b',\r\n 900: '#5c4118',\r\n },\r\n dark: {\r\n 900: '#111111',\r\n 800: '#1e1e1e',\r\n 700: '#2d2d2d',\r\n }\r\n },\r\n fontFamily: {\r\n sans: ['Vazirmatn', 'Tahoma', 'sans-serif'],\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@100..900&display=swap\" rel=\"stylesheet\">\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* Smooth transitions for sliders and interactions *\/\r\n .slide-fade {\r\n transition: opacity 1s ease-in-out;\r\n }\r\n \/* Glassmorphism effects *\/\r\n .glass-card {\r\n background: rgba(255, 255, 255, 0.85);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(212, 175, 55, 0.2);\r\n }\r\n \/* Custom scrollbar matching the premium theme *\/\r\n ::-webkit-scrollbar {\r\n width: 8px;\r\n }\r\n ::-webkit-scrollbar-track {\r\n background: #f1f1f1;\r\n }\r\n ::-webkit-scrollbar-thumb {\r\n background: #d4af37;\r\n border-radius: 4px;\r\n }\r\n ::-webkit-scrollbar-thumb:hover {\r\n background: #111111;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-white text-dark-900 font-sans overflow-x-hidden\">\r\n\r\n \r\n <div class=\"bg-dark-900 text-white text-xs py-2 px-4 border-b border-gold-500\/30\">\r\n <div class=\"max-w-7xl mx-auto flex justify-between items-center\">\r\n <div class=\"flex items-center gap-6\">\r\n <span class=\"flex items-center gap-2\">\r\n <i class=\"fa-solid fa-phone text-gold-500\"><\/i>\r\n <span class=\"ltr-text\">09002229988<\/span>\r\n <\/span>\r\n <span class=\"hidden md:flex items-center gap-2\">\r\n <i class=\"fa-solid fa-envelope text-gold-500\"><\/i>\r\n <span>info@minecut.ir<\/span>\r\n <\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-4\">\r\n <span class=\"text-gray-400\">\u062a\u0627\u0645\u06cc\u0646\u200c\u06a9\u0646\u0646\u062f\u0647 \u0627\u0628\u0632\u0627\u0631\u0622\u0644\u0627\u062a \u0628\u0631\u0634\u06cc \u0645\u0647\u0646\u062f\u0633\u06cc \u0634\u062f\u0647 \u0633\u0646\u06af<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <header class=\"sticky top-0 z-40 bg-white\/95 backdrop-blur-md shadow-sm border-b border-gold-500\/20\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"flex justify-between items-center h-20\">\r\n \r\n <div class=\"flex items-center gap-3\">\r\n <div class=\"relative w-14 h-14 flex items-center justify-center bg-dark-900 rounded-lg border border-gold-500 shadow-lg group overflow-hidden\">\r\n <img decoding=\"async\" src=\"IMG-20260707-WA0022.jpg\" alt=\"MineCut Logo\" class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-300\">\r\n <\/div>\r\n <div>\r\n <span class=\"block text-xl font-black text-dark-900 tracking-wide\">MINECUT<\/span>\r\n <span class=\"block text-[9px] font-bold text-gold-600 tracking-widest uppercase -mt-1\">DIAMOND TOOLS<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <nav class=\"hidden md:flex items-center gap-8\">\r\n <a href=\"#hero\" class=\"text-dark-900 hover:text-gold-500 font-bold transition-colors border-b-2 border-transparent hover:border-gold-500 py-1\">\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc<\/a>\r\n <a href=\"#categories\" class=\"text-dark-900 hover:text-gold-500 font-medium transition-colors border-b-2 border-transparent hover:border-gold-500 py-1\">\u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0645\u062d\u0635\u0648\u0644\u0627\u062a<\/a>\r\n <a href=\"#about\" class=\"text-dark-900 hover:text-gold-500 font-medium transition-colors border-b-2 border-transparent hover:border-gold-500 py-1\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627<\/a>\r\n <a href=\"#advantages\" class=\"text-dark-900 hover:text-gold-500 font-medium transition-colors border-b-2 border-transparent hover:border-gold-500 py-1\">\u0645\u0632\u06cc\u062a\u200c\u0647\u0627\u06cc \u0645\u0627<\/a>\r\n <a href=\"#contact\" class=\"text-dark-900 hover:text-gold-500 font-medium transition-colors border-b-2 border-transparent hover:border-gold-500 py-1\">\u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627<\/a>\r\n <\/nav>\r\n\r\n \r\n <div class=\"hidden sm:block\">\r\n <a href=\"#contact\" class=\"px-6 py-2.5 bg-dark-900 hover:bg-gold-500 text-white hover:text-dark-900 font-bold rounded-lg border border-gold-500 transition-all duration-300 text-sm shadow-md hover:shadow-gold-500\/20\">\r\n \u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u062e\u0635\u0635\u06cc \u0628\u0631\u0634\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"md:hidden\">\r\n <button id=\"mobile-menu-btn\" class=\"text-dark-900 focus:outline-none p-2 rounded-md hover:bg-gray-100\" aria-label=\"\u0645\u0646\u0648\">\r\n <i class=\"fa-solid fa-bars text-2xl\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"mobile-menu\" class=\"hidden md:hidden bg-white border-t border-gold-500\/20 px-4 py-4 space-y-3 transition-all duration-300\">\r\n <a href=\"#hero\" class=\"block text-dark-900 font-bold hover:text-gold-500 py-2\">\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc<\/a>\r\n <a href=\"#categories\" class=\"block text-dark-900 hover:text-gold-500 py-2\">\u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0645\u062d\u0635\u0648\u0644\u0627\u062a<\/a>\r\n <a href=\"#about\" class=\"block text-dark-900 hover:text-gold-500 py-2\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627<\/a>\r\n <a href=\"#advantages\" class=\"block text-dark-900 hover:text-gold-500 py-2\">\u0645\u0632\u06cc\u062a\u200c\u0647\u0627\u06cc \u0645\u0627<\/a>\r\n <a href=\"#contact\" class=\"block text-dark-900 hover:text-gold-500 py-2\">\u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627<\/a>\r\n <div class=\"pt-4 border-t border-gray-100\">\r\n <a href=\"#contact\" class=\"block w-full text-center px-4 py-2.5 bg-dark-900 text-white font-bold rounded-lg border border-gold-500\">\r\n \u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u062e\u0635\u0635\u06cc\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <section id=\"hero\" class=\"relative h-[550px] md:h-[680px] bg-dark-900 overflow-hidden\">\r\n \r\n <div class=\"slide absolute inset-0 opacity-100 transition-all duration-1000 ease-in-out\">\r\n <div class=\"absolute inset-0 bg-gradient-to-l from-dark-900\/90 via-dark-900\/60 to-transparent z-10\"><\/div>\r\n <img decoding=\"async\" src=\"11.07.2026_19.08.44_REC.jpg\" \r\n alt=\"\u0633\u06af\u0645\u0646\u062a\u200c\u0647\u0627\u06cc \u0627\u0644\u0645\u0627\u0633\u0647 \u0645\u0627\u06cc\u0646 \u06a9\u0627\u062a\" \r\n class=\"w-full h-full object-cover object-center\"\r\n onerror=\"this.src='https:\/\/placehold.co\/1920x1080\/111111\/d4af37?text=MineCut+Diamond+Segments'\">\r\n <div class=\"absolute inset-0 z-20 flex items-center justify-start px-4 sm:px-8 lg:px-20 max-w-7xl mx-auto\">\r\n <div class=\"max-w-2xl text-right text-white\">\r\n <span class=\"inline-block px-3 py-1 bg-gold-500 text-dark-900 font-extrabold text-xs uppercase tracking-widest rounded mb-4 shadow\">Premium Imports<\/span>\r\n <h1 class=\"text-4xl md:text-6xl font-black mb-4 leading-tight\">\r\n \u0627\u0628\u0632\u0627\u0631\u0622\u0644\u0627\u062a \u0627\u0644\u0645\u0627\u0633\u0647 <br>\r\n <span class=\"text-gold-500\">MINECUT DIAMOND TOOLS<\/span>\r\n <\/h1>\r\n <p class=\"text-lg text-gray-300 mb-8 max-w-xl font-light\">\r\n \u0648\u0627\u0631\u062f\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u0633\u06af\u0645\u0646\u062a\u060c \u062f\u06cc\u0633\u06a9\u200c\u0647\u0627\u06cc \u0628\u0631\u0634\u06cc \u0648 \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0633\u0646\u06af\u0628\u0631\u06cc \u0645\u062f\u0631\u0646 \u0628\u0627 \u0628\u0627\u0644\u0627\u062a\u0631\u06cc\u0646 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0645\u0647\u0646\u062f\u0633\u06cc \u0648 \u0637\u0648\u0644 \u0639\u0645\u0631 \u062a\u0636\u0645\u06cc\u0646\u06cc.\r\n <\/p>\r\n <div class=\"flex gap-4\">\r\n <a href=\"#categories\" class=\"px-8 py-3.5 bg-gold-500 hover:bg-gold-600 text-dark-900 font-bold rounded-lg shadow-lg hover:shadow-gold-500\/30 transition-all duration-300 transform hover:-translate-y-0.5\">\r\n \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a\r\n <\/a>\r\n <a href=\"#about\" class=\"px-8 py-3.5 bg-transparent hover:bg-white\/10 text-white font-bold rounded-lg border border-white\/40 transition-all duration-300\">\r\n \u062f\u0627\u0633\u062a\u0627\u0646 \u0645\u0627\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide absolute inset-0 opacity-0 transition-all duration-1000 ease-in-out\">\r\n <div class=\"absolute inset-0 bg-gradient-to-l from-dark-900\/90 via-dark-900\/60 to-transparent z-10\"><\/div>\r\n <img decoding=\"async\" src=\"11.07.2026_19.09.00_REC.jpg\" \r\n alt=\"\u062f\u06cc\u0633\u06a9\u200c\u0647\u0627 \u0648 \u062a\u06cc\u063a\u0647 \u0627\u0631\u0647\u200c\u0647\u0627\u06cc \u0627\u0644\u0645\u0627\u0633\u0647 \u0645\u0627\u06cc\u0646 \u06a9\u0627\u062a\" \r\n class=\"w-full h-full object-cover object-center\"\r\n onerror=\"this.src='https:\/\/placehold.co\/1920x1080\/111111\/d4af37?text=MineCut+Saw+Blades'\">\r\n <div class=\"absolute inset-0 z-20 flex items-center justify-start px-4 sm:px-8 lg:px-20 max-w-7xl mx-auto\">\r\n <div class=\"max-w-2xl text-right text-white\">\r\n <span class=\"inline-block px-3 py-1 bg-gold-500 text-dark-900 font-extrabold text-xs uppercase tracking-widest rounded mb-4 shadow\">High Precision<\/span>\r\n <h2 class=\"text-4xl md:text-6xl font-black mb-4 leading-tight\">\r\n \u062a\u06cc\u063a\u0647 \u0627\u0631\u0647\u200c\u0647\u0627\u06cc \u0627\u0644\u0645\u0627\u0633\u0647 <br>\r\n <span class=\"text-gold-500\">\u062f\u0642\u062a \u0628\u06cc\u200c\u0646\u0638\u06cc\u0631\u060c \u0633\u0627\u06cc\u0634 \u0628\u0647\u06cc\u0646\u0647<\/span>\r\n <\/h2>\r\n <p class=\"text-lg text-gray-300 mb-8 max-w-xl font-light\">\r\n \u0637\u0631\u0627\u062d\u06cc \u0645\u0647\u0646\u062f\u0633\u06cc \u0634\u062f\u0647 \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u0633\u062e\u062a\u06cc \u0627\u0646\u0648\u0627\u0639 \u06a9\u0648\u067e \u0633\u0646\u06af\u200c\u0647\u0627\u06cc \u06af\u0631\u0627\u0646\u06cc\u062a\u060c \u062a\u0631\u0627\u0648\u0631\u062a\u0646 \u0648 \u0645\u0631\u0645\u0631\u06cc\u062a \u0627\u06cc\u0631\u0627\u0646.\r\n <\/p>\r\n <div class=\"flex gap-4\">\r\n <a href=\"#categories\" class=\"px-8 py-3.5 bg-gold-500 hover:bg-gold-600 text-dark-900 font-bold rounded-lg shadow-lg hover:shadow-gold-500\/30 transition-all duration-300\">\r\n \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u062a\u062e\u0635\u0635\u06cc\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide absolute inset-0 opacity-0 transition-all duration-1000 ease-in-out\">\r\n <div class=\"absolute inset-0 bg-gradient-to-l from-dark-900\/90 via-dark-900\/60 to-transparent z-10\"><\/div>\r\n <img decoding=\"async\" src=\"11.07.2026_19.09.36_REC.jpg\" \r\n alt=\"\u0633\u06cc\u0645 \u0628\u0631\u0634\u200c\u0647\u0627\u06cc \u0645\u0639\u062f\u0646\u06cc \u0627\u0644\u0645\u0627\u0633\u0647 \u0645\u0627\u06cc\u0646 \u06a9\u0627\u062a\" \r\n class=\"w-full h-full object-cover object-center\"\r\n onerror=\"this.src='https:\/\/placehold.co\/1920x1080\/111111\/d4af37?text=MineCut+Diamond+Wire+Saw'\">\r\n <div class=\"absolute inset-0 z-20 flex items-center justify-start px-4 sm:px-8 lg:px-20 max-w-7xl mx-auto\">\r\n <div class=\"max-w-2xl text-right text-white\">\r\n <span class=\"inline-block px-3 py-1 bg-gold-500 text-dark-900 font-extrabold text-xs uppercase tracking-widest rounded mb-4 shadow\">Professional Support<\/span>\r\n <h2 class=\"text-4xl md:text-6xl font-black mb-4 leading-tight\">\r\n \u0633\u06cc\u0645\u200c\u0647\u0627\u06cc \u0628\u0631\u0634\u06cc \u0645\u062f\u0631\u0646 <br>\r\n <span class=\"text-gold-500\">\u062a\u06a9\u0646\u0648\u0644\u0648\u0698\u06cc \u067e\u0627\u06cc\u062f\u0627\u0631 \u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0645\u0639\u062f\u0646<\/span>\r\n <\/h2>\r\n <p class=\"text-lg text-gray-300 mb-8 max-w-xl font-light\">\r\n \u062d\u062f\u0627\u06a9\u062b\u0631 \u0631\u0627\u0646\u062f\u0645\u0627\u0646 \u0628\u0627 \u0628\u0647\u200c\u06a9\u0627\u0631\u06af\u06cc\u0631\u06cc \u062a\u06a9\u0646\u0648\u0644\u0648\u0698\u06cc \u0630\u0631\u0627\u062a \u0645\u0631\u062a\u0628 \u0627\u0644\u0645\u0627\u0633 \u062f\u0631 \u062a\u0645\u0627\u0645\u06cc \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0627\u0644\u0645\u0627\u0633\u06cc \u0645\u0627.\r\n <\/p>\r\n <div class=\"flex gap-4\">\r\n <a href=\"#contact\" class=\"px-8 py-3.5 bg-gold-500 hover:bg-gold-600 text-dark-900 font-bold rounded-lg shadow-lg hover:shadow-gold-500\/30 transition-all duration-300\">\r\n \u062f\u0631\u06cc\u0627\u0641\u062a \u06a9\u0627\u062a\u0627\u0644\u0648\u06af \u0648 \u0642\u06cc\u0645\u062a\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"absolute bottom-6 right-1\/2 translate-x-1\/2 z-30 flex gap-3\">\r\n <button onclick=\"setSlide(0)\" class=\"slide-indicator w-12 h-1.5 rounded-full bg-white transition-all duration-300\" aria-label=\"\u0627\u0633\u0644\u0627\u06cc\u062f \u06f1\"><\/button>\r\n <button onclick=\"setSlide(1)\" class=\"slide-indicator w-12 h-1.5 rounded-full bg-white\/40 transition-all duration-300\" aria-label=\"\u0627\u0633\u0644\u0627\u06cc\u062f \u06f2\"><\/button>\r\n <button onclick=\"setSlide(2)\" class=\"slide-indicator w-12 h-1.5 rounded-full bg-white\/40 transition-all duration-300\" aria-label=\"\u0627\u0633\u0644\u0627\u06cc\u062f \u06f3\"><\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"categories\" class=\"relative z-30 py-16 bg-white border-b border-gray-100\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n \r\n \r\n <div class=\"text-center mb-12\">\r\n <span class=\"text-gold-500 font-extrabold text-sm uppercase tracking-widest block mb-2\">PRODUCT CATEGORIES<\/span>\r\n <h2 class=\"text-3xl font-black text-dark-900 inline-block pb-3 relative\">\r\n \u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0645\u062d\u0635\u0648\u0644\u0627\u062a\r\n <span class=\"absolute bottom-0 left-1\/4 right-1\/4 h-1 bg-gold-500 rounded-full\"><\/span>\r\n <\/h2>\r\n <p class=\"text-gray-500 mt-4 max-w-2xl mx-auto font-light text-sm\">\r\n \u0645\u0627 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0648 \u0628\u0647\u200c\u0631\u0648\u0632\u062a\u0631\u06cc\u0646 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0627\u0644\u0645\u0627\u0633\u06cc \u0631\u0627 \u0628\u0627 \u0637\u0631\u0627\u062d\u06cc \u0628\u0647\u06cc\u0646\u0647 \u0641\u0646\u06cc \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u0634\u0631\u0627\u06cc\u0637 \u06a9\u0627\u0631\u06cc \u0633\u0646\u06af\u06cc\u0646 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u06cc\u0645.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-6 md:gap-8 max-w-5xl mx-auto\">\r\n \r\n \r\n <div class=\"group flex flex-col items-center text-center p-6 bg-white border border-gray-100 rounded-2xl hover:border-gold-500 hover:shadow-xl transition-all duration-500\">\r\n <div class=\"w-24 h-24 flex items-center justify-center rounded-full bg-gray-50 group-hover:bg-gold-50\/50 transition-colors mb-4 border border-transparent group-hover:border-gold-200\">\r\n \r\n <svg class=\"w-16 h-16 text-dark-900 group-hover:text-gold-500 transition-colors\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polygon points=\"25,50 50,30 80,45 55,65\" \/>\r\n <polygon points=\"25,50 25,70 55,85 55,65\" \/>\r\n <polygon points=\"80,45 80,65 55,85 55,65\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"text-base font-bold text-dark-900 group-hover:text-gold-500 transition-colors mb-1\">\u0633\u06af\u0645\u0646\u062a \u0627\u0644\u0645\u0627\u0633\u06cc<\/h3>\r\n <span class=\"text-xs text-gray-400 font-mono\">Diamond Segment<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"group flex flex-col items-center text-center p-6 bg-white border border-gray-100 rounded-2xl hover:border-gold-500 hover:shadow-xl transition-all duration-500\">\r\n <div class=\"w-24 h-24 flex items-center justify-center rounded-full bg-gray-50 group-hover:bg-gold-50\/50 transition-colors mb-4 border border-transparent group-hover:border-gold-200\">\r\n \r\n <svg class=\"w-16 h-16 text-dark-900 group-hover:text-gold-500 transition-colors\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"50\" cy=\"50\" r=\"28\" stroke-dasharray=\"8,5\" \/>\r\n <circle cx=\"50\" cy=\"50\" r=\"34\" \/>\r\n <circle cx=\"50\" cy=\"50\" r=\"4\" fill=\"currentColor\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"text-base font-bold text-dark-900 group-hover:text-gold-500 transition-colors mb-1\">\u062a\u06cc\u063a\u0647 \u0627\u0631\u0647 \u0627\u0644\u0645\u0627\u0633\u06cc<\/h3>\r\n <span class=\"text-xs text-gray-400 font-mono\">Diamond Saw Blade<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"group flex flex-col items-center text-center p-6 bg-white border border-gray-100 rounded-2xl hover:border-gold-500 hover:shadow-xl transition-all duration-500\">\r\n <div class=\"w-24 h-24 flex items-center justify-center rounded-full bg-gray-50 group-hover:bg-gold-50\/50 transition-colors mb-4 border border-transparent group-hover:border-gold-200\">\r\n \r\n <svg class=\"w-16 h-16 text-dark-900 group-hover:text-gold-500 transition-colors\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"50\" cy=\"50\" r=\"32\" \/>\r\n <circle cx=\"50\" cy=\"50\" r=\"5\" fill=\"currentColor\"\/>\r\n \r\n <path d=\"M 50,10 L 50,18\" \/>\r\n <path d=\"M 50,82 L 50,90\" \/>\r\n <path d=\"M 10,50 L 18,50\" \/>\r\n <path d=\"M 82,50 L 90,50\" \/>\r\n <path d=\"M 22,22 L 28,28\" \/>\r\n <path d=\"M 72,72 L 78,78\" \/>\r\n <path d=\"M 22,78 L 28,72\" \/>\r\n <path d=\"M 72,22 L 78,28\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"text-base font-bold text-dark-900 group-hover:text-gold-500 transition-colors mb-1\">\u062f\u06cc\u0633\u06a9 \u0627\u0644\u0645\u0627\u0633\u06cc<\/h3>\r\n <span class=\"text-xs text-gray-400 font-mono\">Diamond Disc<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"group flex flex-col items-center text-center p-6 bg-white border border-gray-100 rounded-2xl hover:border-gold-500 hover:shadow-xl transition-all duration-500\">\r\n <div class=\"w-24 h-24 flex items-center justify-center rounded-full bg-gray-50 group-hover:bg-gold-50\/50 transition-colors mb-4 border border-transparent group-hover:border-gold-200\">\r\n \r\n <svg class=\"w-16 h-16 text-dark-900 group-hover:text-gold-500 transition-colors\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M15,80 C30,80 35,30 50,30 C65,30 70,80 85,80\" \/>\r\n \r\n <rect x=\"22\" y=\"65\" width=\"6\" height=\"12\" rx=\"2\" transform=\"rotate(-15 25 71)\" fill=\"currentColor\" \/>\r\n <rect x=\"42\" y=\"24\" width=\"6\" height=\"12\" rx=\"2\" transform=\"rotate(45 45 30)\" fill=\"currentColor\" \/>\r\n <rect x=\"52\" y=\"24\" width=\"6\" height=\"12\" rx=\"2\" transform=\"rotate(-45 55 30)\" fill=\"currentColor\" \/>\r\n <rect x=\"72\" y=\"65\" width=\"6\" height=\"12\" rx=\"2\" transform=\"rotate(15 75 71)\" fill=\"currentColor\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"text-base font-bold text-dark-900 group-hover:text-gold-500 transition-colors mb-1\">\u0633\u06cc\u0645 \u0628\u0631\u0634 \u0627\u0644\u0645\u0627\u0633\u06cc<\/h3>\r\n <span class=\"text-xs text-gray-400 font-mono\">Diamond Wire Saw<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"about\" class=\"py-20 bg-gradient-to-b from-gray-50 to-white relative overflow-hidden\">\r\n <div class=\"absolute top-10 left-10 w-72 h-72 border border-gold-500\/10 rounded-full pointer-events-none\"><\/div>\r\n <div class=\"absolute bottom-10 right-10 w-96 h-96 border border-gold-500\/5 rounded-full pointer-events-none\"><\/div>\r\n\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center\">\r\n \r\n \r\n <div class=\"lg:col-span-5 relative\">\r\n <div class=\"relative mx-auto max-w-sm lg:max-w-none\">\r\n \r\n <div class=\"absolute inset-0 border-2 border-gold-500 translate-x-4 translate-y-4 rounded-2xl\"><\/div>\r\n \r\n \r\n <div class=\"relative bg-dark-900 rounded-2xl overflow-hidden shadow-2xl border border-dark-900\">\r\n <img decoding=\"async\" src=\"IMG-20260707-WA0022.jpg\" \r\n alt=\"\u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0627\u0644\u0645\u0627\u0633\u06cc MineCut\" \r\n class=\"w-full h-80 lg:h-[400px] object-cover mix-blend-luminosity hover:mix-blend-normal transition-all duration-700\"\r\n onerror=\"this.src='https:\/\/placehold.co\/500x500\/111111\/d4af37?text=MineCut+Premium+Tools'\">\r\n <div class=\"absolute bottom-6 right-6 left-6 bg-dark-900\/95 border border-gold-500\/30 p-4 rounded-xl text-center\">\r\n <span class=\"text-gold-500 font-extrabold text-lg block\">\u0628\u06cc\u0634 \u0627\u0632 \u06cc\u06a9 \u062f\u0647\u0647 \u062a\u062c\u0631\u0628\u0647 \u0641\u0646\u06cc<\/span>\r\n <span class=\"text-gray-300 text-xs mt-1 block\">\u0627\u0646\u062a\u062e\u0627\u0628 \u0648 \u0645\u0647\u0646\u062f\u0633\u06cc \u062f\u0642\u06cc\u0642 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0628\u0631\u0634 \u0633\u0646\u06af<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"lg:col-span-7 text-right\">\r\n <span class=\"text-gold-500 font-extrabold text-sm uppercase tracking-widest block mb-3\">ABOUT MINECUT<\/span>\r\n <h2 class=\"text-3xl md:text-4xl font-black text-dark-900 mb-6\">\r\n \u0631\u0627\u0647\u200c\u062d\u0644\u200c\u0647\u0627\u06cc \u0627\u0644\u0645\u0627\u0633\u06cc \u0642\u0627\u0628\u0644\u200c\u0627\u0639\u062a\u0645\u0627\u062f\r\n <\/h2>\r\n \r\n \r\n <div class=\"border-r-4 border-gold-500 pr-6 mb-8 py-2\">\r\n <p class=\"text-base md:text-lg text-dark-900 leading-relaxed font-bold mb-4\">\r\n MineCut \u06cc\u06a9 \u0645\u062c\u0645\u0648\u0639\u0647\u0654 \u062a\u062e\u0635\u0635\u06cc \u062f\u0631 \u0632\u0645\u06cc\u0646\u0647\u0654 \u0648\u0627\u0631\u062f\u0627\u062a \u0648 \u062a\u0623\u0645\u06cc\u0646 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0627\u0644\u0645\u0627\u0633\u06cc \u0628\u0631\u0634 \u0633\u0646\u06af \u0627\u0633\u062a \u06a9\u0647 \u0628\u0627 \u062a\u06a9\u06cc\u0647 \u0628\u0631 \u062f\u0627\u0646\u0634 \u0641\u0646\u06cc\u060c \u062a\u062c\u0631\u0628\u0647\u0654 \u0635\u0646\u0639\u062a\u06cc \u0648 \u0634\u0646\u0627\u062e\u062a \u062f\u0642\u06cc\u0642 \u0646\u06cc\u0627\u0632 \u0628\u0627\u0632\u0627\u0631 \u0641\u0639\u0627\u0644\u06cc\u062a \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0645\u0627 \u0628\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u0648 \u062a\u0623\u0645\u06cc\u0646 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0627\u0644\u0645\u0627\u0633\u06cc \u0628\u0627\u06a9\u06cc\u0641\u06cc\u062a \u0627\u0632 \u0645\u0639\u062a\u0628\u0631\u062a\u0631\u06cc\u0646 \u0645\u0646\u0627\u0628\u0639\u060c \u062a\u0644\u0627\u0634 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0631\u0627\u0647\u200c\u062d\u0644 \u0628\u0631\u0634 \u0631\u0627 \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u0646\u0648\u0639 \u0633\u0646\u06af \u0648 \u0634\u0631\u0627\u06cc\u0637 \u06a9\u0627\u0631\u06cc \u0647\u0631 \u0645\u0634\u062a\u0631\u06cc \u0627\u0631\u0627\u0626\u0647 \u062f\u0647\u06cc\u0645.\r\n <\/p>\r\n <p class=\"text-sm md:text-base text-gray-600 leading-relaxed font-light\">\r\n \u0633\u0628\u062f \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0645\u0627 \u0634\u0627\u0645\u0644 \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0627\u06cc \u0627\u0632 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u062a\u062e\u0635\u0635\u06cc \u0628\u0631\u0634 \u0633\u0646\u06af \u0627\u0633\u062a\u061b \u0627\u0632 \u062c\u0645\u0644\u0647 \u0633\u06af\u0645\u0646\u062a \u0627\u0644\u0645\u0627\u0633\u06cc\u060c \u062a\u06cc\u063a\u0647\u0654 \u0627\u0631\u0647 \u0627\u0644\u0645\u0627\u0633\u06cc\u060c \u0633\u06cc\u0645 \u0628\u0631\u0634 \u0627\u0644\u0645\u0627\u0633\u06cc\u060c \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0633\u0627\u06cc\u0634 \u0633\u0646\u06af \u0648 \u0645\u0627\u0634\u06cc\u0646\u200c\u0622\u0644\u0627\u062a \u0633\u0646\u06af\u0628\u0631\u06cc. \u0647\u062f\u0641 \u0645\u0627 \u062a\u0646\u0647\u0627 \u0641\u0631\u0648\u0634 \u0627\u0628\u0632\u0627\u0631 \u0646\u06cc\u0633\u062a\u060c \u0628\u0644\u06a9\u0647 \u0627\u0631\u0627\u0626\u0647\u0654 \u0631\u0627\u0647\u200c\u062d\u0644\u200c\u0647\u0627\u06cc \u0627\u0644\u0645\u0627\u0633\u06cc \u0642\u0627\u0628\u0644\u200c\u0627\u0639\u062a\u0645\u0627\u062f \u0628\u0631\u0627\u06cc \u0628\u0631\u0634 \u0633\u0646\u06af\u200c\u0647\u0627\u06cc \u0633\u062e\u062a \u0648 \u0634\u0631\u0627\u06cc\u0637 \u06a9\u0627\u0631\u06cc \u0633\u0646\u06af\u06cc\u0646 \u0627\u0633\u062a.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6 mt-8\">\r\n <div class=\"flex gap-4 items-start\">\r\n <div class=\"p-3 bg-dark-900 text-gold-500 rounded-lg border border-gold-500\/30\">\r\n <i class=\"fa-solid fa-gem text-lg\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-dark-900 text-base\">\u0633\u0646\u06af\u200c\u0628\u0631\u06cc \u0645\u0647\u0646\u062f\u0633\u06cc\u200c\u0634\u062f\u0647<\/h4>\r\n <p class=\"text-xs text-gray-500 mt-1 font-light\">\u067e\u06cc\u0634\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0622\u0632\u0645\u0648\u0646\u200c\u0648\u062e\u0637\u0627 \u0628\u0627 \u0627\u0631\u0627\u0626\u0647 \u0641\u0631\u0645\u0648\u0644 \u0628\u0627\u0646\u062f \u0645\u062a\u0627\u0644\u0648\u0631\u0698\u06cc \u0647\u0645\u200c\u062e\u0648\u0627\u0646.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex gap-4 items-start\">\r\n <div class=\"p-3 bg-dark-900 text-gold-500 rounded-lg border border-gold-500\/30\">\r\n <i class=\"fa-solid fa-shield-check text-lg\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-dark-900 text-base\">\u0628\u0631\u0634 \u0645\u062f\u0627\u0648\u0645 \u0648 \u0645\u0637\u0645\u0626\u0646<\/h4>\r\n <p class=\"text-xs text-gray-500 mt-1 font-light\">\u062a\u0636\u0645\u06cc\u0646 \u062d\u062f\u0627\u0642\u0644 \u0644\u0628\u200c\u067e\u0631\u06cc\u062f\u06af\u06cc \u0627\u0633\u0644\u0628 \u062f\u0631 \u0634\u0631\u0627\u06cc\u0637 \u06a9\u0627\u0631\u06a9\u0631\u062f \u0637\u0648\u0644\u0627\u0646\u06cc\u200c\u0645\u062f\u062a.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"advantages\" class=\"py-20 bg-dark-900 text-white relative\">\r\n <div class=\"absolute inset-0 bg-[radial-gradient(#d4af37_1px,transparent_1px)] [background-size:16px_16px] opacity-10\"><\/div>\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n <div class=\"text-center mb-16\">\r\n <span class=\"text-gold-500 font-bold text-sm tracking-widest block mb-2 uppercase\">Core Engineering Advantages<\/span>\r\n <h2 class=\"text-3xl md:text-4xl font-extrabold text-white\">\u0631\u0648\u06cc\u06a9\u0631\u062f \u0645\u0647\u0646\u062f\u0633\u06cc \u0648 \u0645\u062a\u0627\u0644\u0648\u0631\u0698\u06cc MineCut<\/h2>\r\n <p class=\"text-gray-400 mt-3 max-w-xl mx-auto font-light text-sm\">\u062a\u0645\u0627\u06cc\u0632 \u0641\u0646\u06cc \u0645\u0627 \u062f\u0631 \u0627\u0631\u0627\u0626\u0647 \u0631\u0627\u0647\u06a9\u0627\u0631 \u0628\u0647\u06cc\u0646\u0647 \u0628\u062c\u0627\u06cc \u062a\u06a9\u0631\u0627\u0631 \u0645\u0633\u06cc\u0631 \u0633\u0646\u062a\u06cc \u0627\u0633\u062a<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n \r\n <div class=\"p-8 rounded-2xl bg-dark-800\/85 border border-gold-500\/20 text-right hover:border-gold-500 transition-colors\">\r\n <span class=\"text-gold-500 text-4xl block mb-6 font-extrabold\">01<\/span>\r\n <h3 class=\"text-xl font-bold text-white mb-3\">\u062d\u0630\u0641 \u0641\u0631\u0622\u06cc\u0646\u062f \u0622\u0632\u0645\u0648\u0646 \u0648 \u062e\u0637\u0627<\/h3>\r\n <p class=\"text-gray-400 font-light text-sm leading-relaxed\">\r\n \u0628\u0627 \u0628\u0631\u0631\u0633\u06cc \u0645\u0634\u062e\u0635\u0627\u062a \u0641\u06cc\u0632\u06cc\u06a9\u06cc \u06a9\u0648\u067e \u0633\u0646\u06af (\u062a\u0631\u0627\u0648\u0631\u062a\u0646\u060c \u0645\u0631\u0645\u0631\u06cc\u062a\u060c \u06af\u0631\u0627\u0646\u06cc\u062a) \u0648 \u062a\u0648\u0627\u0646 \u0645\u0648\u062a\u0648\u0631 \u062f\u0633\u062a\u06af\u0627\u0647 \u0633\u0646\u06af\u0628\u0631\u06cc \u0634\u0645\u0627\u060c \u0641\u0631\u0645\u0648\u0644 \u0646\u0647\u0627\u06cc\u06cc \u0633\u062e\u062a\u06cc \u0633\u06af\u0645\u0646\u062a \u0631\u0627 \u0645\u0647\u0646\u062f\u0633\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u062a\u0627 \u0633\u0627\u06cc\u0634 \u0632\u0648\u062f\u0631\u0633 \u0627\u062a\u0641\u0627\u0642 \u0646\u06cc\u0641\u062a\u062f.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-8 rounded-2xl bg-dark-800\/85 border border-gold-500\/20 text-right hover:border-gold-500 transition-colors\">\r\n <span class=\"text-gold-500 text-4xl block mb-6 font-extrabold\">02<\/span>\r\n <h3 class=\"text-xl font-bold text-white mb-3\">\u06a9\u0627\u0647\u0634 \u0686\u0634\u0645\u06af\u06cc\u0631 \u062f\u0648\u0631\u0631\u06cc\u0632 \u0648 \u0634\u06a9\u0633\u062a\u06af\u06cc<\/h3>\r\n <p class=\"text-gray-400 font-light text-sm leading-relaxed\">\r\n \u0637\u0631\u0627\u062d\u06cc \u0628\u0631\u0634\u06cc \u06cc\u06a9\u0646\u0648\u0627\u062e\u062a \u0648 \u0628\u06cc \u0644\u0631\u0632\u0634 \u06a9\u0647 \u0627\u0632 \u0644\u0628\u200c\u067e\u0631\u06cc\u062f\u06af\u06cc \u0627\u0633\u0644\u0628\u200c\u0647\u0627\u060c \u0622\u0633\u06cc\u0628 \u062f\u06cc\u062f\u0646 \u0644\u0627\u06cc\u0647\u200c\u0647\u0627 \u0648 \u0627\u06cc\u062c\u0627\u062f \u0635\u062f\u0627\u06cc \u0646\u0627\u062e\u0648\u0634\u0627\u06cc\u0646\u062f \u062f\u0631 \u06a9\u0627\u0631\u06af\u0627\u0647 \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-8 rounded-2xl bg-dark-800\/85 border border-gold-500\/20 text-right hover:border-gold-500 transition-colors\">\r\n <span class=\"text-gold-500 text-4xl block mb-6 font-extrabold\">03<\/span>\r\n <h3 class=\"text-xl font-bold text-white mb-3\">\u062a\u0627\u0645\u06cc\u0646 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0648 \u062a\u062e\u0635\u0635\u06cc<\/h3>\r\n <p class=\"text-gray-400 font-light text-sm leading-relaxed\">\r\n \u062d\u0630\u0641 \u0648\u0627\u0633\u0637\u0647\u200c\u0647\u0627 \u0648 \u0627\u0631\u062a\u0628\u0627\u0637 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0628\u0627 \u0628\u0631\u062a\u0631\u06cc\u0646 \u062e\u0637\u0648\u0637 \u0645\u062a\u0627\u0644\u0648\u0631\u0698\u06cc \u0627\u0644\u0645\u0627\u0633\u0647 \u062f\u0631 \u0633\u0637\u062d \u062c\u0647\u0627\u0646\u06cc\u060c \u062a\u0636\u0645\u06cc\u0646\u200c\u06a9\u0646\u0646\u062f\u0647 \u0642\u06cc\u0645\u062a \u0631\u0642\u0627\u0628\u062a\u06cc\u060c \u062f\u0633\u062a\u0631\u0633\u06cc \u0647\u0645\u06cc\u0634\u06af\u06cc \u0648 \u0627\u0635\u0627\u0644\u062a \u06a9\u0627\u0644\u0627\u0647\u0627\u0633\u062a.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"contact\" class=\"py-20 bg-white relative\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12\">\r\n \r\n \r\n <div class=\"lg:col-span-5 text-right flex flex-col justify-between\">\r\n <div>\r\n <span class=\"text-gold-500 font-extrabold text-sm uppercase tracking-widest block mb-2\">GET IN TOUCH<\/span>\r\n <h2 class=\"text-3xl font-black text-dark-900 mb-6\">\u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u0641\u0646\u06cc \u0648 \u0642\u06cc\u0645\u062a<\/h2>\r\n <p class=\"text-gray-600 font-light leading-relaxed mb-8\">\r\n \u062c\u0647\u062a \u0633\u0641\u0627\u0631\u0634 \u0627\u0628\u0632\u0627\u0631\u0622\u0644\u0627\u062a \u0628\u0631\u0634\u06cc \u0648 \u06cc\u0627 \u0627\u062e\u0630 \u06af\u0631\u06cc\u062f\u200c\u0647\u0627\u06cc \u062a\u062e\u0635\u0635\u06cc \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u0633\u0646\u06af\u0628\u0631\u06cc \u062e\u0648\u062f\u060c \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062a\u0645\u0627\u0633 \u062e\u0648\u062f \u0631\u0627 \u0628\u06af\u0630\u0627\u0631\u06cc\u062f \u06cc\u0627 \u0645\u0633\u062a\u0642\u06cc\u0645\u0627\u064b \u0628\u0627 \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 MineCut \u062a\u0645\u0627\u0633 \u0628\u06af\u06cc\u0631\u06cc\u062f.\r\n <\/p>\r\n\r\n <div class=\"space-y-6\">\r\n \r\n <div class=\"flex gap-4 items-center p-4 bg-gray-50 border-r-4 border-gold-500 rounded-l-xl\">\r\n <div class=\"w-12 h-12 bg-dark-900 text-gold-500 rounded-full flex items-center justify-center text-lg shadow\">\r\n <i class=\"fa-solid fa-phone\"><\/i>\r\n <\/div>\r\n <div>\r\n <span class=\"block text-xs text-gray-500\">\u0634\u0645\u0627\u0631\u0647 \u062a\u0645\u0627\u0633 \u0645\u0633\u062a\u0642\u06cc\u0645<\/span>\r\n <a href=\"tel:09002229988\" class=\"block text-lg font-black text-dark-900 hover:text-gold-500 transition-colors ltr-text\">09002229988<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex gap-4 items-center p-4 bg-gray-50 border-r-4 border-gold-500 rounded-l-xl\">\r\n <div class=\"w-12 h-12 bg-dark-900 text-gold-500 rounded-full flex items-center justify-center text-lg shadow\">\r\n <i class=\"fa-solid fa-envelope\"><\/i>\r\n <\/div>\r\n <div>\r\n <span class=\"block text-xs text-gray-500\">\u067e\u0633\u062a \u0627\u0644\u06a9\u062a\u0631\u0648\u0646\u06cc\u06a9\u06cc \u0631\u0633\u0645\u06cc<\/span>\r\n <a href=\"mailto:info@minecut.ir\" class=\"block text-base font-bold text-dark-900 hover:text-gold-500 transition-colors\">info@minecut.ir<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mt-8 pt-8 border-t border-gray-100 flex items-center gap-4\">\r\n <i class=\"fa-solid fa-shield-halved text-3xl text-gold-500\"><\/i>\r\n <span class=\"text-sm text-gray-500\">\u062a\u0645\u0627\u0645\u06cc \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0648\u0627\u0631\u062f\u0627\u062a\u06cc \u062f\u0627\u0631\u0627\u06cc \u0641\u0627\u06a9\u062a\u0648\u0631 \u0627\u0635\u0627\u0644\u062a \u0628\u0627 \u0630\u06a9\u0631 \u0633\u062e\u062a\u06cc \u0628\u0627\u0646\u062f \u0645\u062a\u0627\u0644\u0648\u0631\u0698\u06cc \u0647\u0633\u062a\u0646\u062f.<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"lg:col-span-7\">\r\n <div class=\"bg-white border border-gray-200 p-8 sm:p-10 rounded-3xl shadow-xl relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 left-0 h-1.5 bg-gradient-to-l from-gold-500 via-dark-900 to-gold-500\"><\/div>\r\n <h3 class=\"text-xl font-bold text-dark-900 mb-6 text-right\">\u0641\u0631\u0645 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u06a9\u0627\u062a\u0627\u0644\u0648\u06af \u0648 \u0627\u0631\u0632\u06cc\u0627\u0628\u06cc \u0633\u0646\u06af\u0628\u0631\u06cc<\/h3>\r\n \r\n <form id=\"consultation-form\" onsubmit=\"handleFormSubmit(event)\" class=\"space-y-6 text-right\">\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6\">\r\n <div>\r\n <label class=\"block text-xs font-bold text-dark-900 mb-2\">\u0646\u0627\u0645 \u0648 \u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc <span class=\"text-red-500\">*<\/span><\/label>\r\n <input type=\"text\" required class=\"w-full px-4 py-3 bg-gray-50 border border-gray-200 focus:border-gold-500 rounded-xl focus:outline-none transition-colors text-sm\" placeholder=\"\u0645\u062b\u0627\u0644: \u0639\u0644\u06cc\u0631\u0636\u0627 \u0631\u0636\u0627\u06cc\u06cc\">\r\n <\/div>\r\n <div>\r\n <label class=\"block text-xs font-bold text-dark-900 mb-2\">\u0634\u0645\u0627\u0631\u0647 \u062a\u0645\u0627\u0633 \u0647\u0645\u0631\u0627\u0647 <span class=\"text-red-500\">*<\/span><\/label>\r\n <input type=\"tel\" required class=\"w-full px-4 py-3 bg-gray-50 border border-gray-200 focus:border-gold-500 rounded-xl focus:outline-none transition-colors text-sm text-right ltr-text\" placeholder=\"09123456789\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6\">\r\n <div>\r\n <label class=\"block text-xs font-bold text-dark-900 mb-2\">\u0646\u0627\u0645 \u0645\u062c\u0645\u0648\u0639\u0647 \/ \u0633\u0646\u06af\u0628\u0631\u06cc<\/label>\r\n <input type=\"text\" class=\"w-full px-4 py-3 bg-gray-50 border border-gray-200 focus:border-gold-500 rounded-xl focus:outline-none transition-colors text-sm\" placeholder=\"\u0645\u062b\u0627\u0644: \u0633\u0646\u06af\u0628\u0631\u06cc \u0627\u0635\u0641\u0647\u0627\u0646\">\r\n <\/div>\r\n <div>\r\n <label class=\"block text-xs font-bold text-dark-900 mb-2\">\u0646\u0648\u0639 \u0633\u0646\u06af \u0642\u0627\u0644\u0628 \u062f\u0631 \u06a9\u0627\u0631\u062e\u0627\u0646\u0647<\/label>\r\n <select class=\"w-full px-4 py-3 bg-gray-50 border border-gray-200 focus:border-gold-500 rounded-xl focus:outline-none transition-colors text-sm\">\r\n <option>\u062a\u0631\u0627\u0648\u0631\u062a\u0646<\/option>\r\n <option>\u06af\u0631\u0627\u0646\u06cc\u062a<\/option>\r\n <option>\u0645\u0631\u0645\u0631\u06cc\u062a<\/option>\r\n <option>\u0645\u0631\u0645\u0631 \/ \u0627\u0646\u06cc\u06a9\u0633<\/option>\r\n <option>\u0633\u0627\u06cc\u0631 \u0633\u0646\u06af\u200c\u0647\u0627\u06cc \u0633\u062e\u062a<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <label class=\"block text-xs font-bold text-dark-900 mb-2\">\u0634\u0631\u062d \u0646\u06cc\u0627\u0632 \u0641\u0646\u06cc \u06cc\u0627 \u0646\u0648\u0639 \u062f\u0633\u062a\u06af\u0627\u0647<\/label>\r\n <textarea rows=\"4\" class=\"w-full px-4 py-3 bg-gray-50 border border-gray-200 focus:border-gold-500 rounded-xl focus:outline-none transition-colors text-sm\" placeholder=\"\u0644\u0637\u0641\u0627 \u062c\u0632\u0626\u06cc\u0627\u062a \u0633\u062e\u062a\u06cc \u06cc\u0627 \u0642\u0637\u0639\u0627\u062a \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0631\u0627 \u0634\u0631\u062d \u062f\u0647\u06cc\u062f...\"><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"w-full py-4 bg-dark-900 hover:bg-gold-500 text-white hover:text-dark-900 font-extrabold rounded-xl transition-all duration-300 shadow-md hover:shadow-gold-500\/20 text-center\">\r\n \u062b\u0628\u062a \u0648 \u0627\u0631\u0633\u0627\u0644 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u0634\u0627\u0648\u0631\u0647\r\n <\/button>\r\n <\/form>\r\n \r\n \r\n <div id=\"form-success\" class=\"hidden mt-4 p-4 bg-green-50 border border-green-200 text-green-800 text-sm font-medium rounded-xl text-center\">\r\n \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0634\u0645\u0627 \u0628\u0627 \u0645\u0648\u0641\u0642\u06cc\u062a \u062b\u0628\u062a \u0634\u062f. \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u0645\u0627 \u0628\u0647 \u0632\u0648\u062f\u06cc \u0628\u0627 \u0634\u0645\u0627 \u062a\u0645\u0627\u0633 \u062e\u0648\u0627\u0647\u0646\u062f \u06af\u0631\u0641\u062a.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer class=\"bg-dark-900 text-gray-400 pt-16 pb-8 border-t border-gold-500\/30\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-12 gap-12 pb-12 border-b border-gray-800 text-right\">\r\n \r\n \r\n <div class=\"md:col-span-5\">\r\n <div class=\"flex items-center gap-3 mb-6\">\r\n <div class=\"w-12 h-12 flex items-center justify-center bg-transparent rounded border border-gold-500 overflow-hidden\">\r\n <img decoding=\"async\" src=\"IMG-20260707-WA0022.jpg\" alt=\"MineCut Logo\" class=\"w-full h-full object-cover\">\r\n <\/div>\r\n <div>\r\n <span class=\"block text-lg font-black text-white\">MINECUT<\/span>\r\n <span class=\"block text-[8px] font-bold text-gold-500 tracking-wider\">DIAMOND TOOLS<\/span>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-sm leading-relaxed mb-6 font-light\">\r\n \u0634\u0631\u06a9\u062a MineCut \u067e\u06cc\u0634\u0631\u0648 \u062f\u0631 \u062a\u0627\u0645\u06cc\u0646 \u0648 \u0648\u0627\u0631\u062f\u0627\u062a \u062a\u062e\u0635\u0635\u06cc\u200c\u062a\u0631\u06cc\u0646 \u0644\u0648\u0627\u0632\u0645 \u0648 \u0627\u0628\u0632\u0627\u0631\u0622\u0644\u0627\u062a \u0628\u0631\u0634\u06cc \u0635\u0646\u0627\u06cc\u0639 \u0633\u0646\u06af \u0627\u06cc\u0631\u0627\u0646. \u0627\u0632 \u0645\u0639\u0627\u062f\u0646 \u0633\u0646\u06af \u062a\u0627 \u06a9\u0627\u0631\u062e\u0627\u0646\u062c\u0627\u062a \u0645\u062f\u0631\u0646 \u0641\u0631\u0622\u0648\u0631\u06cc \u0627\u0633\u0644\u0628\u060c \u0645\u0627 \u0628\u0627\u0644\u0627\u062a\u0631\u06cc\u0646 \u06a9\u0627\u0631\u0627\u06cc\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u0645\u0627\u0634\u06cc\u0646\u200c\u0622\u0644\u0627\u062a \u0634\u0645\u0627 \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645.\r\n <\/p>\r\n <div class=\"flex gap-4\">\r\n <a href=\"#\" class=\"w-10 h-10 rounded-full bg-gray-800 hover:bg-gold-500 hover:text-dark-900 transition-colors flex items-center justify-center text-white text-sm\" aria-label=\"\u0627\u06cc\u0646\u0633\u062a\u0627\u06af\u0631\u0627\u0645\">\r\n <i class=\"fa-brands fa-instagram\"><\/i>\r\n <\/a>\r\n <a href=\"#\" class=\"w-10 h-10 rounded-full bg-gray-800 hover:bg-gold-500 hover:text-dark-900 transition-colors flex items-center justify-center text-white text-sm\" aria-label=\"\u0644\u06cc\u0646\u06a9\u062f\u06cc\u0646\">\r\n <i class=\"fa-brands fa-linkedin-in\"><\/i>\r\n <\/a>\r\n <a href=\"#\" class=\"w-10 h-10 rounded-full bg-gray-800 hover:bg-gold-500 hover:text-dark-900 transition-colors flex items-center justify-center text-white text-sm\" aria-label=\"\u0648\u0627\u062a\u0633\u0627\u067e\">\r\n <i class=\"fa-brands fa-whatsapp\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"md:col-span-3\">\r\n <h4 class=\"text-white font-bold text-base mb-6 relative inline-block pb-2\">\r\n \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0628\u0631\u0634\u06cc\r\n <span class=\"absolute bottom-0 right-0 w-8 h-0.5 bg-gold-500\"><\/span>\r\n <\/h4>\r\n <ul class=\"space-y-3 text-sm font-light\">\r\n <li><a href=\"#categories\" class=\"hover:text-gold-500 transition-colors flex items-center gap-2 justify-end\"><span class=\"w-1.5 h-1.5 bg-gold-500 rounded-full\"><\/span> \u0633\u06af\u0645\u0646\u062a\u200c\u0647\u0627\u06cc \u0627\u0644\u0645\u0627\u0633\u0647<\/a><\/li>\r\n <li><a href=\"#categories\" class=\"hover:text-gold-500 transition-colors flex items-center gap-2 justify-end\"><span class=\"w-1.5 h-1.5 bg-gold-500 rounded-full\"><\/span> \u062a\u06cc\u063a \u0627\u0631\u0647\u200c\u0647\u0627\u06cc \u0627\u0644\u0645\u0627\u0633\u0647 \u0628\u0632\u0631\u06af<\/a><\/li>\r\n <li><a href=\"#categories\" class=\"hover:text-gold-500 transition-colors flex items-center gap-2 justify-end\"><span class=\"w-1.5 h-1.5 bg-gold-500 rounded-full\"><\/span> \u0633\u06cc\u0645 \u0628\u0631\u0634 \u0645\u0639\u0627\u062f\u0646 \u06af\u0631\u0627\u0646\u06cc\u062a\u06cc<\/a><\/li>\r\n <li><a href=\"#categories\" class=\"hover:text-gold-500 transition-colors flex items-center gap-2 justify-end\"><span class=\"w-1.5 h-1.5 bg-gold-500 rounded-full\"><\/span> \u0645\u063a\u0632\u0647\u200c\u06af\u06cc\u0631\u0647\u0627 \u0648 \u0633\u0627\u0628\u200c\u0647\u0627<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"md:col-span-4\">\r\n <h4 class=\"text-white font-bold text-base mb-6 relative inline-block pb-2\">\r\n \u0633\u0627\u0639\u0627\u062a \u067e\u0627\u0633\u062e\u06af\u0648\u06cc\u06cc \u0648 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc\r\n <span class=\"absolute bottom-0 right-0 w-8 h-0.5 bg-gold-500\"><\/span>\r\n <\/h4>\r\n <p class=\"text-sm font-light leading-relaxed mb-4\">\r\n \u062a\u06cc\u0645 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0641\u0646\u06cc MineCut \u0622\u0645\u0627\u062f\u0647 \u0627\u0631\u0627\u0626\u0647 \u0645\u0634\u0627\u0648\u0631\u0647\u200c\u0647\u0627\u06cc \u062f\u0642\u06cc\u0642 \u062f\u0631\u0628\u0627\u0631\u0647 \u0637\u0648\u0644 \u0639\u0645\u0631 \u0633\u06af\u0645\u0646\u062a \u0648 \u0633\u0631\u0639\u062a \u0628\u0647\u06cc\u0646\u0647 \u0686\u0631\u062e\u0634 \u062f\u06cc\u0633\u06a9\u200c\u0647\u0627 \u062f\u0631 \u0633\u0627\u0639\u0627\u062a \u06a9\u0627\u0631\u06cc \u0645\u06cc\u200c\u0628\u0627\u0634\u062f.\r\n <\/p>\r\n <div class=\"bg-gray-800\/40 p-4 rounded-xl border border-gold-500\/10 text-xs space-y-2\">\r\n <div class=\"flex justify-between items-center text-gray-300\">\r\n <span>\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u062a\u0644\u0641\u0646\u06cc:<\/span>\r\n <span class=\"font-bold ltr-text\">\u0634\u0646\u0628\u0647 \u062a\u0627 \u0686\u0647\u0627\u0631\u0634\u0646\u0628\u0647 \u06f8:\u06f0\u06f0 \u0627\u0644\u06cc \u06f1\u06f7:\u06f0\u06f0<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between items-center text-gray-300\">\r\n <span>\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0634\u0628\u06a9\u0647\u200c\u0647\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639\u06cc:<\/span>\r\n <span class=\"font-bold\">\u06f2\u06f4 \u0633\u0627\u0639\u062a\u0647 \/ \u06f7 \u0631\u0648\u0632 \u0647\u0641\u062a\u0647<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"pt-8 text-center text-xs text-gray-500 flex flex-col sm:flex-row justify-between items-center gap-4\">\r\n <span>\u00a9 \u06f2\u06f0\u06f2\u06f6 MineCut Diamond Tools. \u062a\u0645\u0627\u0645\u06cc \u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638 \u0627\u0633\u062a.<\/span>\r\n <span class=\"font-light\">\u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647 \u0628\u0627 \u0627\u0644\u0647\u0627\u0645 \u0627\u0632 \u0633\u0627\u062e\u062a\u0627\u0631 \u0645\u062f\u0631\u0646 \u0628\u0631\u062f\u0647\u0627\u06cc \u0635\u0646\u0639\u062a\u06cc \u0648 \u0645\u062a\u0627\u0644\u0648\u0631\u0698\u06cc \u0633\u0646\u06af<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n \r\n <div class=\"fixed bottom-8 left-6 z-50 flex flex-col gap-3\">\r\n \r\n \r\n <div class=\"flex flex-col gap-2.5\">\r\n \r\n <a href=\"tel:09002229988\" class=\"group relative w-14 h-14 bg-dark-900 hover:bg-gold-500 text-gold-500 hover:text-dark-900 border-2 border-gold-500 rounded-full flex items-center justify-center shadow-xl transition-all duration-300 hover:scale-110 active:scale-95\" title=\"\u062a\u0645\u0627\u0633 \u0645\u0633\u062a\u0642\u06cc\u0645\">\r\n <i class=\"fa-solid fa-phone text-lg\"><\/i>\r\n <span class=\"absolute right-16 scale-0 group-hover:scale-100 bg-dark-900 text-gold-500 text-sm font-extrabold py-2 px-4 rounded-xl shadow-lg border border-gold-500 transition-all duration-300 whitespace-nowrap z-50\">\r\n \u062a\u0645\u0627\u0633 \u0628\u0627 09002229988\r\n <\/span>\r\n <span class=\"absolute inset-0 rounded-full border-2 border-gold-500 animate-ping opacity-25\"><\/span>\r\n <\/a>\r\n\r\n \r\n <a href=\"mailto:info@minecut.ir\" class=\"group relative w-14 h-14 bg-white hover:bg-dark-900 text-dark-900 hover:text-gold-500 border-2 border-gold-500 rounded-full flex items-center justify-center shadow-xl transition-all duration-300 hover:scale-110 active:scale-95\" title=\"\u0627\u0631\u0633\u0627\u0644 \u0627\u06cc\u0645\u06cc\u0644\">\r\n <i class=\"fa-solid fa-envelope text-lg\"><\/i>\r\n <span class=\"absolute right-16 scale-0 group-hover:scale-100 bg-white text-dark-900 text-sm font-bold py-2 px-4 rounded-xl shadow-lg border border-gold-500 transition-all duration-300 whitespace-nowrap z-50\">\r\n info@minecut.ir\r\n <\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <script>\r\n \/\/ Slideshow setup\r\n let currentSlide = 0;\r\n const slides = document.querySelectorAll('.slide');\r\n const indicators = document.querySelectorAll('.slide-indicator');\r\n const slideInterval = 4000; \/\/ Auto-change every 4 seconds as requested\r\n\r\n function showSlide(index) {\r\n \/\/ Reset all slides opacity\r\n slides.forEach(slide => {\r\n slide.classList.remove('opacity-100');\r\n slide.classList.add('opacity-0');\r\n });\r\n \r\n \/\/ Reset indicators appearance\r\n indicators.forEach(indicator => {\r\n indicator.classList.remove('bg-white');\r\n indicator.classList.add('bg-white\/40');\r\n });\r\n\r\n \/\/ Make target slide active\r\n slides[index].classList.remove('opacity-0');\r\n slides[index].classList.add('opacity-100');\r\n \r\n \/\/ Select active indicator\r\n indicators[index].classList.remove('bg-white\/40');\r\n indicators[index].classList.add('bg-white');\r\n \r\n currentSlide = index;\r\n }\r\n\r\n function nextSlide() {\r\n let nextIndex = (currentSlide + 1) % slides.length;\r\n showSlide(nextIndex);\r\n }\r\n\r\n function setSlide(index) {\r\n showSlide(index);\r\n \/\/ Reset interval so it won't trigger immediately after clicking\r\n clearInterval(autoSlideTimer);\r\n autoSlideTimer = setInterval(nextSlide, slideInterval);\r\n }\r\n\r\n \/\/ Initialize Auto Slide interval\r\n let autoSlideTimer = setInterval(nextSlide, slideInterval);\r\n\r\n \/\/ Mobile Hamburger menu toggle\r\n const mobileMenuBtn = document.getElementById('mobile-menu-btn');\r\n const mobileMenu = document.getElementById('mobile-menu');\r\n\r\n mobileMenuBtn.addEventListener('click', () => {\r\n mobileMenu.classList.toggle('hidden');\r\n });\r\n\r\n \/\/ Close mobile menu on clicking any navigation link\r\n const mobileLinks = mobileMenu.querySelectorAll('a');\r\n mobileLinks.forEach(link => {\r\n link.addEventListener('click', () => {\r\n mobileMenu.classList.add('hidden');\r\n });\r\n });\r\n\r\n \/\/ Contact Form Submission Action Handler\r\n function handleFormSubmit(event) {\r\n event.preventDefault();\r\n const successBox = document.getElementById('form-success');\r\n const submitBtn = event.target.querySelector('button[type=\"submit\"]');\r\n \r\n \/\/ Mimic high-end loading response\r\n submitBtn.disabled = true;\r\n submitBtn.textContent = '\u062f\u0631 \u062d\u0627\u0644 \u062b\u0628\u062a \u0627\u0637\u0644\u0627\u0639\u0627\u062a...';\r\n \r\n setTimeout(() => {\r\n successBox.classList.remove('hidden');\r\n submitBtn.textContent = '\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0634\u0645\u0627 \u062b\u0628\u062a \u0634\u062f';\r\n submitBtn.classList.remove('bg-dark-900');\r\n submitBtn.classList.add('bg-green-600', 'hover:bg-green-700');\r\n event.target.reset();\r\n }, 1200);\r\n }\r\n\r\n \/\/ Ensuring transitions work dynamically on viewport load\r\n window.onload = function() {\r\n showSlide(0);\r\n };\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MineCut | \u0648\u0627\u0631\u062f\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u0644\u0648\u0627\u0632\u0645 \u0635\u0646\u0639\u062a \u0633\u0646\u06af 09002229988 info@minecut.ir \u062a\u0627\u0645\u06cc\u0646\u200c\u06a9\u0646\u0646\u062f\u0647 \u0627\u0628\u0632\u0627\u0631\u0622\u0644\u0627\u062a \u0628\u0631\u0634\u06cc \u0645\u0647\u0646\u062f\u0633\u06cc \u0634\u062f\u0647 \u0633\u0646\u06af MINECUT DIAMOND TOOLS \u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc \u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627 \u0645\u0632\u06cc\u062a\u200c\u0647\u0627\u06cc \u0645\u0627 \u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627 \u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u062e\u0635\u0635\u06cc \u0628\u0631\u0634 \u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc \u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627 \u0645\u0632\u06cc\u062a\u200c\u0647\u0627\u06cc \u0645\u0627 \u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627 \u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u062e\u0635\u0635\u06cc Premium Imports \u0627\u0628\u0632\u0627\u0631\u0622\u0644\u0627\u062a \u0627\u0644\u0645\u0627\u0633\u0647 MINECUT DIAMOND TOOLS \u0648\u0627\u0631\u062f\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u0633\u06af\u0645\u0646\u062a\u060c […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-28","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/minecut.ir\/index.php?rest_route=\/wp\/v2\/pages\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/minecut.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/minecut.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/minecut.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/minecut.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=28"}],"version-history":[{"count":4,"href":"https:\/\/minecut.ir\/index.php?rest_route=\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":32,"href":"https:\/\/minecut.ir\/index.php?rest_route=\/wp\/v2\/pages\/28\/revisions\/32"}],"wp:attachment":[{"href":"https:\/\/minecut.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n MineCut | \u0648\u0627\u0631\u062f\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u0644\u0648\u0627\u0632\u0645 \u0635\u0646\u0639\u062a \u0633\u0646\u06af<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n gold: {\r\n 50: '#fdfbf7',\r\n 100: '#fbeedb',\r\n 200: '#f5d6a7',\r\n 300: '#eeb86e',\r\n 400: '#e6953b',\r\n 500: '#d4af37', \/\/ \u0627\u0635\u0644\u06cc \u0637\u0644\u0627\u06cc\u06cc \u0644\u0648\u06a9\u0633\r\n 600: '#b89027',\r\n 700: '#946f1e',\r\n 800: '#73531b',\r\n 900: '#5c4118',\r\n },\r\n dark: {\r\n 900: '#111111',\r\n 800: '#1e1e1e',\r\n 700: '#2d2d2d',\r\n }\r\n },\r\n fontFamily: {\r\n sans: ['Vazirmatn', 'Tahoma', 'sans-serif'],\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@100..900&display=swap\" rel=\"stylesheet\">\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* Smooth transitions for sliders and interactions *\/\r\n .slide-fade {\r\n transition: opacity 1s ease-in-out;\r\n }\r\n \/* Glassmorphism effects *\/\r\n .glass-card {\r\n background: rgba(255, 255, 255, 0.85);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(212, 175, 55, 0.2);\r\n }\r\n \/* Custom scrollbar matching the premium theme *\/\r\n ::-webkit-scrollbar {\r\n width: 8px;\r\n }\r\n ::-webkit-scrollbar-track {\r\n background: #f1f1f1;\r\n }\r\n ::-webkit-scrollbar-thumb {\r\n background: #d4af37;\r\n border-radius: 4px;\r\n }\r\n ::-webkit-scrollbar-thumb:hover {\r\n background: #111111;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-white text-dark-900 font-sans overflow-x-hidden\">\r\n\r\n \r\n <div class=\"bg-dark-900 text-white text-xs py-2 px-4 border-b border-gold-500\/30\">\r\n <div class=\"max-w-7xl mx-auto flex justify-between items-center\">\r\n <div class=\"flex items-center gap-6\">\r\n <span class=\"flex items-center gap-2\">\r\n <i class=\"fa-solid fa-phone text-gold-500\"><\/i>\r\n <span class=\"ltr-text\">09002229988<\/span>\r\n <\/span>\r\n <span class=\"hidden md:flex items-center gap-2\">\r\n <i class=\"fa-solid fa-envelope text-gold-500\"><\/i>\r\n <span>info@minecut.ir<\/span>\r\n <\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-4\">\r\n <span class=\"text-gray-400\">\u062a\u0627\u0645\u06cc\u0646\u200c\u06a9\u0646\u0646\u062f\u0647 \u0627\u0628\u0632\u0627\u0631\u0622\u0644\u0627\u062a \u0628\u0631\u0634\u06cc \u0645\u0647\u0646\u062f\u0633\u06cc \u0634\u062f\u0647 \u0633\u0646\u06af<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <header class=\"sticky top-0 z-40 bg-white\/95 backdrop-blur-md shadow-sm border-b border-gold-500\/20\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"flex justify-between items-center h-20\">\r\n \r\n <div class=\"flex items-center gap-3\">\r\n <div class=\"relative w-14 h-14 flex items-center justify-center bg-dark-900 rounded-lg border border-gold-500 shadow-lg group overflow-hidden\">\r\n <img decoding=\"async\" src=\"IMG-20260707-WA0022.jpg\" alt=\"MineCut Logo\" class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-300\">\r\n <\/div>\r\n <div>\r\n <span class=\"block text-xl font-black text-dark-900 tracking-wide\">MINECUT<\/span>\r\n <span class=\"block text-[9px] font-bold text-gold-600 tracking-widest uppercase -mt-1\">DIAMOND TOOLS<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <nav class=\"hidden md:flex items-center gap-8\">\r\n <a href=\"#hero\" class=\"text-dark-900 hover:text-gold-500 font-bold transition-colors border-b-2 border-transparent hover:border-gold-500 py-1\">\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc<\/a>\r\n <a href=\"#categories\" class=\"text-dark-900 hover:text-gold-500 font-medium transition-colors border-b-2 border-transparent hover:border-gold-500 py-1\">\u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0645\u062d\u0635\u0648\u0644\u0627\u062a<\/a>\r\n <a href=\"#about\" class=\"text-dark-900 hover:text-gold-500 font-medium transition-colors border-b-2 border-transparent hover:border-gold-500 py-1\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627<\/a>\r\n <a href=\"#advantages\" class=\"text-dark-900 hover:text-gold-500 font-medium transition-colors border-b-2 border-transparent hover:border-gold-500 py-1\">\u0645\u0632\u06cc\u062a\u200c\u0647\u0627\u06cc \u0645\u0627<\/a>\r\n <a href=\"#contact\" class=\"text-dark-900 hover:text-gold-500 font-medium transition-colors border-b-2 border-transparent hover:border-gold-500 py-1\">\u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627<\/a>\r\n <\/nav>\r\n\r\n \r\n <div class=\"hidden sm:block\">\r\n <a href=\"#contact\" class=\"px-6 py-2.5 bg-dark-900 hover:bg-gold-500 text-white hover:text-dark-900 font-bold rounded-lg border border-gold-500 transition-all duration-300 text-sm shadow-md hover:shadow-gold-500\/20\">\r\n \u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u062e\u0635\u0635\u06cc \u0628\u0631\u0634\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"md:hidden\">\r\n <button id=\"mobile-menu-btn\" class=\"text-dark-900 focus:outline-none p-2 rounded-md hover:bg-gray-100\" aria-label=\"\u0645\u0646\u0648\">\r\n <i class=\"fa-solid fa-bars text-2xl\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"mobile-menu\" class=\"hidden md:hidden bg-white border-t border-gold-500\/20 px-4 py-4 space-y-3 transition-all duration-300\">\r\n <a href=\"#hero\" class=\"block text-dark-900 font-bold hover:text-gold-500 py-2\">\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc<\/a>\r\n <a href=\"#categories\" class=\"block text-dark-900 hover:text-gold-500 py-2\">\u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0645\u062d\u0635\u0648\u0644\u0627\u062a<\/a>\r\n <a href=\"#about\" class=\"block text-dark-900 hover:text-gold-500 py-2\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627<\/a>\r\n <a href=\"#advantages\" class=\"block text-dark-900 hover:text-gold-500 py-2\">\u0645\u0632\u06cc\u062a\u200c\u0647\u0627\u06cc \u0645\u0627<\/a>\r\n <a href=\"#contact\" class=\"block text-dark-900 hover:text-gold-500 py-2\">\u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627<\/a>\r\n <div class=\"pt-4 border-t border-gray-100\">\r\n <a href=\"#contact\" class=\"block w-full text-center px-4 py-2.5 bg-dark-900 text-white font-bold rounded-lg border border-gold-500\">\r\n \u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u062e\u0635\u0635\u06cc\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <section id=\"hero\" class=\"relative h-[550px] md:h-[680px] bg-dark-900 overflow-hidden\">\r\n \r\n <div class=\"slide absolute inset-0 opacity-100 transition-all duration-1000 ease-in-out\">\r\n <div class=\"absolute inset-0 bg-gradient-to-l from-dark-900\/90 via-dark-900\/60 to-transparent z-10\"><\/div>\r\n <img decoding=\"async\" src=\"11.07.2026_19.08.44_REC.jpg\" \r\n alt=\"\u0633\u06af\u0645\u0646\u062a\u200c\u0647\u0627\u06cc \u0627\u0644\u0645\u0627\u0633\u0647 \u0645\u0627\u06cc\u0646 \u06a9\u0627\u062a\" \r\n class=\"w-full h-full object-cover object-center\"\r\n onerror=\"this.src='https:\/\/placehold.co\/1920x1080\/111111\/d4af37?text=MineCut+Diamond+Segments'\">\r\n <div class=\"absolute inset-0 z-20 flex items-center justify-start px-4 sm:px-8 lg:px-20 max-w-7xl mx-auto\">\r\n <div class=\"max-w-2xl text-right text-white\">\r\n <span class=\"inline-block px-3 py-1 bg-gold-500 text-dark-900 font-extrabold text-xs uppercase tracking-widest rounded mb-4 shadow\">Premium Imports<\/span>\r\n <h1 class=\"text-4xl md:text-6xl font-black mb-4 leading-tight\">\r\n \u0627\u0628\u0632\u0627\u0631\u0622\u0644\u0627\u062a \u0627\u0644\u0645\u0627\u0633\u0647 <br>\r\n <span class=\"text-gold-500\">MINECUT DIAMOND TOOLS<\/span>\r\n <\/h1>\r\n <p class=\"text-lg text-gray-300 mb-8 max-w-xl font-light\">\r\n \u0648\u0627\u0631\u062f\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u0633\u06af\u0645\u0646\u062a\u060c \u062f\u06cc\u0633\u06a9\u200c\u0647\u0627\u06cc \u0628\u0631\u0634\u06cc \u0648 \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0633\u0646\u06af\u0628\u0631\u06cc \u0645\u062f\u0631\u0646 \u0628\u0627 \u0628\u0627\u0644\u0627\u062a\u0631\u06cc\u0646 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0645\u0647\u0646\u062f\u0633\u06cc \u0648 \u0637\u0648\u0644 \u0639\u0645\u0631 \u062a\u0636\u0645\u06cc\u0646\u06cc.\r\n <\/p>\r\n <div class=\"flex gap-4\">\r\n <a href=\"#categories\" class=\"px-8 py-3.5 bg-gold-500 hover:bg-gold-600 text-dark-900 font-bold rounded-lg shadow-lg hover:shadow-gold-500\/30 transition-all duration-300 transform hover:-translate-y-0.5\">\r\n \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a\r\n <\/a>\r\n <a href=\"#about\" class=\"px-8 py-3.5 bg-transparent hover:bg-white\/10 text-white font-bold rounded-lg border border-white\/40 transition-all duration-300\">\r\n \u062f\u0627\u0633\u062a\u0627\u0646 \u0645\u0627\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide absolute inset-0 opacity-0 transition-all duration-1000 ease-in-out\">\r\n <div class=\"absolute inset-0 bg-gradient-to-l from-dark-900\/90 via-dark-900\/60 to-transparent z-10\"><\/div>\r\n <img decoding=\"async\" src=\"11.07.2026_19.09.00_REC.jpg\" \r\n alt=\"\u062f\u06cc\u0633\u06a9\u200c\u0647\u0627 \u0648 \u062a\u06cc\u063a\u0647 \u0627\u0631\u0647\u200c\u0647\u0627\u06cc \u0627\u0644\u0645\u0627\u0633\u0647 \u0645\u0627\u06cc\u0646 \u06a9\u0627\u062a\" \r\n class=\"w-full h-full object-cover object-center\"\r\n onerror=\"this.src='https:\/\/placehold.co\/1920x1080\/111111\/d4af37?text=MineCut+Saw+Blades'\">\r\n <div class=\"absolute inset-0 z-20 flex items-center justify-start px-4 sm:px-8 lg:px-20 max-w-7xl mx-auto\">\r\n <div class=\"max-w-2xl text-right text-white\">\r\n <span class=\"inline-block px-3 py-1 bg-gold-500 text-dark-900 font-extrabold text-xs uppercase tracking-widest rounded mb-4 shadow\">High Precision<\/span>\r\n <h2 class=\"text-4xl md:text-6xl font-black mb-4 leading-tight\">\r\n \u062a\u06cc\u063a\u0647 \u0627\u0631\u0647\u200c\u0647\u0627\u06cc \u0627\u0644\u0645\u0627\u0633\u0647 <br>\r\n <span class=\"text-gold-500\">\u062f\u0642\u062a \u0628\u06cc\u200c\u0646\u0638\u06cc\u0631\u060c \u0633\u0627\u06cc\u0634 \u0628\u0647\u06cc\u0646\u0647<\/span>\r\n <\/h2>\r\n <p class=\"text-lg text-gray-300 mb-8 max-w-xl font-light\">\r\n \u0637\u0631\u0627\u062d\u06cc \u0645\u0647\u0646\u062f\u0633\u06cc \u0634\u062f\u0647 \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u0633\u062e\u062a\u06cc \u0627\u0646\u0648\u0627\u0639 \u06a9\u0648\u067e \u0633\u0646\u06af\u200c\u0647\u0627\u06cc \u06af\u0631\u0627\u0646\u06cc\u062a\u060c \u062a\u0631\u0627\u0648\u0631\u062a\u0646 \u0648 \u0645\u0631\u0645\u0631\u06cc\u062a \u0627\u06cc\u0631\u0627\u0646.\r\n <\/p>\r\n <div class=\"flex gap-4\">\r\n <a href=\"#categories\" class=\"px-8 py-3.5 bg-gold-500 hover:bg-gold-600 text-dark-900 font-bold rounded-lg shadow-lg hover:shadow-gold-500\/30 transition-all duration-300\">\r\n \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u062a\u062e\u0635\u0635\u06cc\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide absolute inset-0 opacity-0 transition-all duration-1000 ease-in-out\">\r\n <div class=\"absolute inset-0 bg-gradient-to-l from-dark-900\/90 via-dark-900\/60 to-transparent z-10\"><\/div>\r\n <img decoding=\"async\" src=\"11.07.2026_19.09.36_REC.jpg\" \r\n alt=\"\u0633\u06cc\u0645 \u0628\u0631\u0634\u200c\u0647\u0627\u06cc \u0645\u0639\u062f\u0646\u06cc \u0627\u0644\u0645\u0627\u0633\u0647 \u0645\u0627\u06cc\u0646 \u06a9\u0627\u062a\" \r\n class=\"w-full h-full object-cover object-center\"\r\n onerror=\"this.src='https:\/\/placehold.co\/1920x1080\/111111\/d4af37?text=MineCut+Diamond+Wire+Saw'\">\r\n <div class=\"absolute inset-0 z-20 flex items-center justify-start px-4 sm:px-8 lg:px-20 max-w-7xl mx-auto\">\r\n <div class=\"max-w-2xl text-right text-white\">\r\n <span class=\"inline-block px-3 py-1 bg-gold-500 text-dark-900 font-extrabold text-xs uppercase tracking-widest rounded mb-4 shadow\">Professional Support<\/span>\r\n <h2 class=\"text-4xl md:text-6xl font-black mb-4 leading-tight\">\r\n \u0633\u06cc\u0645\u200c\u0647\u0627\u06cc \u0628\u0631\u0634\u06cc \u0645\u062f\u0631\u0646 <br>\r\n <span class=\"text-gold-500\">\u062a\u06a9\u0646\u0648\u0644\u0648\u0698\u06cc \u067e\u0627\u06cc\u062f\u0627\u0631 \u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0645\u0639\u062f\u0646<\/span>\r\n <\/h2>\r\n <p class=\"text-lg text-gray-300 mb-8 max-w-xl font-light\">\r\n \u062d\u062f\u0627\u06a9\u062b\u0631 \u0631\u0627\u0646\u062f\u0645\u0627\u0646 \u0628\u0627 \u0628\u0647\u200c\u06a9\u0627\u0631\u06af\u06cc\u0631\u06cc \u062a\u06a9\u0646\u0648\u0644\u0648\u0698\u06cc \u0630\u0631\u0627\u062a \u0645\u0631\u062a\u0628 \u0627\u0644\u0645\u0627\u0633 \u062f\u0631 \u062a\u0645\u0627\u0645\u06cc \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0627\u0644\u0645\u0627\u0633\u06cc \u0645\u0627.\r\n <\/p>\r\n <div class=\"flex gap-4\">\r\n <a href=\"#contact\" class=\"px-8 py-3.5 bg-gold-500 hover:bg-gold-600 text-dark-900 font-bold rounded-lg shadow-lg hover:shadow-gold-500\/30 transition-all duration-300\">\r\n \u062f\u0631\u06cc\u0627\u0641\u062a \u06a9\u0627\u062a\u0627\u0644\u0648\u06af \u0648 \u0642\u06cc\u0645\u062a\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"absolute bottom-6 right-1\/2 translate-x-1\/2 z-30 flex gap-3\">\r\n <button onclick=\"setSlide(0)\" class=\"slide-indicator w-12 h-1.5 rounded-full bg-white transition-all duration-300\" aria-label=\"\u0627\u0633\u0644\u0627\u06cc\u062f \u06f1\"><\/button>\r\n <button onclick=\"setSlide(1)\" class=\"slide-indicator w-12 h-1.5 rounded-full bg-white\/40 transition-all duration-300\" aria-label=\"\u0627\u0633\u0644\u0627\u06cc\u062f \u06f2\"><\/button>\r\n <button onclick=\"setSlide(2)\" class=\"slide-indicator w-12 h-1.5 rounded-full bg-white\/40 transition-all duration-300\" aria-label=\"\u0627\u0633\u0644\u0627\u06cc\u062f \u06f3\"><\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"categories\" class=\"relative z-30 py-16 bg-white border-b border-gray-100\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n \r\n \r\n <div class=\"text-center mb-12\">\r\n <span class=\"text-gold-500 font-extrabold text-sm uppercase tracking-widest block mb-2\">PRODUCT CATEGORIES<\/span>\r\n <h2 class=\"text-3xl font-black text-dark-900 inline-block pb-3 relative\">\r\n \u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0645\u062d\u0635\u0648\u0644\u0627\u062a\r\n <span class=\"absolute bottom-0 left-1\/4 right-1\/4 h-1 bg-gold-500 rounded-full\"><\/span>\r\n <\/h2>\r\n <p class=\"text-gray-500 mt-4 max-w-2xl mx-auto font-light text-sm\">\r\n \u0645\u0627 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0648 \u0628\u0647\u200c\u0631\u0648\u0632\u062a\u0631\u06cc\u0646 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0627\u0644\u0645\u0627\u0633\u06cc \u0631\u0627 \u0628\u0627 \u0637\u0631\u0627\u062d\u06cc \u0628\u0647\u06cc\u0646\u0647 \u0641\u0646\u06cc \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u0634\u0631\u0627\u06cc\u0637 \u06a9\u0627\u0631\u06cc \u0633\u0646\u06af\u06cc\u0646 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u06cc\u0645.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-6 md:gap-8 max-w-5xl mx-auto\">\r\n \r\n \r\n <div class=\"group flex flex-col items-center text-center p-6 bg-white border border-gray-100 rounded-2xl hover:border-gold-500 hover:shadow-xl transition-all duration-500\">\r\n <div class=\"w-24 h-24 flex items-center justify-center rounded-full bg-gray-50 group-hover:bg-gold-50\/50 transition-colors mb-4 border border-transparent group-hover:border-gold-200\">\r\n \r\n <svg class=\"w-16 h-16 text-dark-900 group-hover:text-gold-500 transition-colors\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polygon points=\"25,50 50,30 80,45 55,65\" \/>\r\n <polygon points=\"25,50 25,70 55,85 55,65\" \/>\r\n <polygon points=\"80,45 80,65 55,85 55,65\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"text-base font-bold text-dark-900 group-hover:text-gold-500 transition-colors mb-1\">\u0633\u06af\u0645\u0646\u062a \u0627\u0644\u0645\u0627\u0633\u06cc<\/h3>\r\n <span class=\"text-xs text-gray-400 font-mono\">Diamond Segment<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"group flex flex-col items-center text-center p-6 bg-white border border-gray-100 rounded-2xl hover:border-gold-500 hover:shadow-xl transition-all duration-500\">\r\n <div class=\"w-24 h-24 flex items-center justify-center rounded-full bg-gray-50 group-hover:bg-gold-50\/50 transition-colors mb-4 border border-transparent group-hover:border-gold-200\">\r\n \r\n <svg class=\"w-16 h-16 text-dark-900 group-hover:text-gold-500 transition-colors\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"50\" cy=\"50\" r=\"28\" stroke-dasharray=\"8,5\" \/>\r\n <circle cx=\"50\" cy=\"50\" r=\"34\" \/>\r\n <circle cx=\"50\" cy=\"50\" r=\"4\" fill=\"currentColor\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"text-base font-bold text-dark-900 group-hover:text-gold-500 transition-colors mb-1\">\u062a\u06cc\u063a\u0647 \u0627\u0631\u0647 \u0627\u0644\u0645\u0627\u0633\u06cc<\/h3>\r\n <span class=\"text-xs text-gray-400 font-mono\">Diamond Saw Blade<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"group flex flex-col items-center text-center p-6 bg-white border border-gray-100 rounded-2xl hover:border-gold-500 hover:shadow-xl transition-all duration-500\">\r\n <div class=\"w-24 h-24 flex items-center justify-center rounded-full bg-gray-50 group-hover:bg-gold-50\/50 transition-colors mb-4 border border-transparent group-hover:border-gold-200\">\r\n \r\n <svg class=\"w-16 h-16 text-dark-900 group-hover:text-gold-500 transition-colors\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"50\" cy=\"50\" r=\"32\" \/>\r\n <circle cx=\"50\" cy=\"50\" r=\"5\" fill=\"currentColor\"\/>\r\n \r\n <path d=\"M 50,10 L 50,18\" \/>\r\n <path d=\"M 50,82 L 50,90\" \/>\r\n <path d=\"M 10,50 L 18,50\" \/>\r\n <path d=\"M 82,50 L 90,50\" \/>\r\n <path d=\"M 22,22 L 28,28\" \/>\r\n <path d=\"M 72,72 L 78,78\" \/>\r\n <path d=\"M 22,78 L 28,72\" \/>\r\n <path d=\"M 72,22 L 78,28\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"text-base font-bold text-dark-900 group-hover:text-gold-500 transition-colors mb-1\">\u062f\u06cc\u0633\u06a9 \u0627\u0644\u0645\u0627\u0633\u06cc<\/h3>\r\n <span class=\"text-xs text-gray-400 font-mono\">Diamond Disc<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"group flex flex-col items-center text-center p-6 bg-white border border-gray-100 rounded-2xl hover:border-gold-500 hover:shadow-xl transition-all duration-500\">\r\n <div class=\"w-24 h-24 flex items-center justify-center rounded-full bg-gray-50 group-hover:bg-gold-50\/50 transition-colors mb-4 border border-transparent group-hover:border-gold-200\">\r\n \r\n <svg class=\"w-16 h-16 text-dark-900 group-hover:text-gold-500 transition-colors\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M15,80 C30,80 35,30 50,30 C65,30 70,80 85,80\" \/>\r\n \r\n <rect x=\"22\" y=\"65\" width=\"6\" height=\"12\" rx=\"2\" transform=\"rotate(-15 25 71)\" fill=\"currentColor\" \/>\r\n <rect x=\"42\" y=\"24\" width=\"6\" height=\"12\" rx=\"2\" transform=\"rotate(45 45 30)\" fill=\"currentColor\" \/>\r\n <rect x=\"52\" y=\"24\" width=\"6\" height=\"12\" rx=\"2\" transform=\"rotate(-45 55 30)\" fill=\"currentColor\" \/>\r\n <rect x=\"72\" y=\"65\" width=\"6\" height=\"12\" rx=\"2\" transform=\"rotate(15 75 71)\" fill=\"currentColor\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"text-base font-bold text-dark-900 group-hover:text-gold-500 transition-colors mb-1\">\u0633\u06cc\u0645 \u0628\u0631\u0634 \u0627\u0644\u0645\u0627\u0633\u06cc<\/h3>\r\n <span class=\"text-xs text-gray-400 font-mono\">Diamond Wire Saw<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"about\" class=\"py-20 bg-gradient-to-b from-gray-50 to-white relative overflow-hidden\">\r\n <div class=\"absolute top-10 left-10 w-72 h-72 border border-gold-500\/10 rounded-full pointer-events-none\"><\/div>\r\n <div class=\"absolute bottom-10 right-10 w-96 h-96 border border-gold-500\/5 rounded-full pointer-events-none\"><\/div>\r\n\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center\">\r\n \r\n \r\n <div class=\"lg:col-span-5 relative\">\r\n <div class=\"relative mx-auto max-w-sm lg:max-w-none\">\r\n \r\n <div class=\"absolute inset-0 border-2 border-gold-500 translate-x-4 translate-y-4 rounded-2xl\"><\/div>\r\n \r\n \r\n <div class=\"relative bg-dark-900 rounded-2xl overflow-hidden shadow-2xl border border-dark-900\">\r\n <img decoding=\"async\" src=\"IMG-20260707-WA0022.jpg\" \r\n alt=\"\u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0627\u0644\u0645\u0627\u0633\u06cc MineCut\" \r\n class=\"w-full h-80 lg:h-[400px] object-cover mix-blend-luminosity hover:mix-blend-normal transition-all duration-700\"\r\n onerror=\"this.src='https:\/\/placehold.co\/500x500\/111111\/d4af37?text=MineCut+Premium+Tools'\">\r\n <div class=\"absolute bottom-6 right-6 left-6 bg-dark-900\/95 border border-gold-500\/30 p-4 rounded-xl text-center\">\r\n <span class=\"text-gold-500 font-extrabold text-lg block\">\u0628\u06cc\u0634 \u0627\u0632 \u06cc\u06a9 \u062f\u0647\u0647 \u062a\u062c\u0631\u0628\u0647 \u0641\u0646\u06cc<\/span>\r\n <span class=\"text-gray-300 text-xs mt-1 block\">\u0627\u0646\u062a\u062e\u0627\u0628 \u0648 \u0645\u0647\u0646\u062f\u0633\u06cc \u062f\u0642\u06cc\u0642 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0628\u0631\u0634 \u0633\u0646\u06af<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"lg:col-span-7 text-right\">\r\n <span class=\"text-gold-500 font-extrabold text-sm uppercase tracking-widest block mb-3\">ABOUT MINECUT<\/span>\r\n <h2 class=\"text-3xl md:text-4xl font-black text-dark-900 mb-6\">\r\n \u0631\u0627\u0647\u200c\u062d\u0644\u200c\u0647\u0627\u06cc \u0627\u0644\u0645\u0627\u0633\u06cc \u0642\u0627\u0628\u0644\u200c\u0627\u0639\u062a\u0645\u0627\u062f\r\n <\/h2>\r\n \r\n \r\n <div class=\"border-r-4 border-gold-500 pr-6 mb-8 py-2\">\r\n <p class=\"text-base md:text-lg text-dark-900 leading-relaxed font-bold mb-4\">\r\n MineCut \u06cc\u06a9 \u0645\u062c\u0645\u0648\u0639\u0647\u0654 \u062a\u062e\u0635\u0635\u06cc \u062f\u0631 \u0632\u0645\u06cc\u0646\u0647\u0654 \u0648\u0627\u0631\u062f\u0627\u062a \u0648 \u062a\u0623\u0645\u06cc\u0646 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0627\u0644\u0645\u0627\u0633\u06cc \u0628\u0631\u0634 \u0633\u0646\u06af \u0627\u0633\u062a \u06a9\u0647 \u0628\u0627 \u062a\u06a9\u06cc\u0647 \u0628\u0631 \u062f\u0627\u0646\u0634 \u0641\u0646\u06cc\u060c \u062a\u062c\u0631\u0628\u0647\u0654 \u0635\u0646\u0639\u062a\u06cc \u0648 \u0634\u0646\u0627\u062e\u062a \u062f\u0642\u06cc\u0642 \u0646\u06cc\u0627\u0632 \u0628\u0627\u0632\u0627\u0631 \u0641\u0639\u0627\u0644\u06cc\u062a \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0645\u0627 \u0628\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u0648 \u062a\u0623\u0645\u06cc\u0646 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0627\u0644\u0645\u0627\u0633\u06cc \u0628\u0627\u06a9\u06cc\u0641\u06cc\u062a \u0627\u0632 \u0645\u0639\u062a\u0628\u0631\u062a\u0631\u06cc\u0646 \u0645\u0646\u0627\u0628\u0639\u060c \u062a\u0644\u0627\u0634 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0631\u0627\u0647\u200c\u062d\u0644 \u0628\u0631\u0634 \u0631\u0627 \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u0646\u0648\u0639 \u0633\u0646\u06af \u0648 \u0634\u0631\u0627\u06cc\u0637 \u06a9\u0627\u0631\u06cc \u0647\u0631 \u0645\u0634\u062a\u0631\u06cc \u0627\u0631\u0627\u0626\u0647 \u062f\u0647\u06cc\u0645.\r\n <\/p>\r\n <p class=\"text-sm md:text-base text-gray-600 leading-relaxed font-light\">\r\n \u0633\u0628\u062f \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0645\u0627 \u0634\u0627\u0645\u0644 \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0627\u06cc \u0627\u0632 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u062a\u062e\u0635\u0635\u06cc \u0628\u0631\u0634 \u0633\u0646\u06af \u0627\u0633\u062a\u061b \u0627\u0632 \u062c\u0645\u0644\u0647 \u0633\u06af\u0645\u0646\u062a \u0627\u0644\u0645\u0627\u0633\u06cc\u060c \u062a\u06cc\u063a\u0647\u0654 \u0627\u0631\u0647 \u0627\u0644\u0645\u0627\u0633\u06cc\u060c \u0633\u06cc\u0645 \u0628\u0631\u0634 \u0627\u0644\u0645\u0627\u0633\u06cc\u060c \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0633\u0627\u06cc\u0634 \u0633\u0646\u06af \u0648 \u0645\u0627\u0634\u06cc\u0646\u200c\u0622\u0644\u0627\u062a \u0633\u0646\u06af\u0628\u0631\u06cc. \u0647\u062f\u0641 \u0645\u0627 \u062a\u0646\u0647\u0627 \u0641\u0631\u0648\u0634 \u0627\u0628\u0632\u0627\u0631 \u0646\u06cc\u0633\u062a\u060c \u0628\u0644\u06a9\u0647 \u0627\u0631\u0627\u0626\u0647\u0654 \u0631\u0627\u0647\u200c\u062d\u0644\u200c\u0647\u0627\u06cc \u0627\u0644\u0645\u0627\u0633\u06cc \u0642\u0627\u0628\u0644\u200c\u0627\u0639\u062a\u0645\u0627\u062f \u0628\u0631\u0627\u06cc \u0628\u0631\u0634 \u0633\u0646\u06af\u200c\u0647\u0627\u06cc \u0633\u062e\u062a \u0648 \u0634\u0631\u0627\u06cc\u0637 \u06a9\u0627\u0631\u06cc \u0633\u0646\u06af\u06cc\u0646 \u0627\u0633\u062a.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6 mt-8\">\r\n <div class=\"flex gap-4 items-start\">\r\n <div class=\"p-3 bg-dark-900 text-gold-500 rounded-lg border border-gold-500\/30\">\r\n <i class=\"fa-solid fa-gem text-lg\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-dark-900 text-base\">\u0633\u0646\u06af\u200c\u0628\u0631\u06cc \u0645\u0647\u0646\u062f\u0633\u06cc\u200c\u0634\u062f\u0647<\/h4>\r\n <p class=\"text-xs text-gray-500 mt-1 font-light\">\u067e\u06cc\u0634\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0622\u0632\u0645\u0648\u0646\u200c\u0648\u062e\u0637\u0627 \u0628\u0627 \u0627\u0631\u0627\u0626\u0647 \u0641\u0631\u0645\u0648\u0644 \u0628\u0627\u0646\u062f \u0645\u062a\u0627\u0644\u0648\u0631\u0698\u06cc \u0647\u0645\u200c\u062e\u0648\u0627\u0646.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex gap-4 items-start\">\r\n <div class=\"p-3 bg-dark-900 text-gold-500 rounded-lg border border-gold-500\/30\">\r\n <i class=\"fa-solid fa-shield-check text-lg\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-dark-900 text-base\">\u0628\u0631\u0634 \u0645\u062f\u0627\u0648\u0645 \u0648 \u0645\u0637\u0645\u0626\u0646<\/h4>\r\n <p class=\"text-xs text-gray-500 mt-1 font-light\">\u062a\u0636\u0645\u06cc\u0646 \u062d\u062f\u0627\u0642\u0644 \u0644\u0628\u200c\u067e\u0631\u06cc\u062f\u06af\u06cc \u0627\u0633\u0644\u0628 \u062f\u0631 \u0634\u0631\u0627\u06cc\u0637 \u06a9\u0627\u0631\u06a9\u0631\u062f \u0637\u0648\u0644\u0627\u0646\u06cc\u200c\u0645\u062f\u062a.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"advantages\" class=\"py-20 bg-dark-900 text-white relative\">\r\n <div class=\"absolute inset-0 bg-[radial-gradient(#d4af37_1px,transparent_1px)] [background-size:16px_16px] opacity-10\"><\/div>\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n <div class=\"text-center mb-16\">\r\n <span class=\"text-gold-500 font-bold text-sm tracking-widest block mb-2 uppercase\">Core Engineering Advantages<\/span>\r\n <h2 class=\"text-3xl md:text-4xl font-extrabold text-white\">\u0631\u0648\u06cc\u06a9\u0631\u062f \u0645\u0647\u0646\u062f\u0633\u06cc \u0648 \u0645\u062a\u0627\u0644\u0648\u0631\u0698\u06cc MineCut<\/h2>\r\n <p class=\"text-gray-400 mt-3 max-w-xl mx-auto font-light text-sm\">\u062a\u0645\u0627\u06cc\u0632 \u0641\u0646\u06cc \u0645\u0627 \u062f\u0631 \u0627\u0631\u0627\u0626\u0647 \u0631\u0627\u0647\u06a9\u0627\u0631 \u0628\u0647\u06cc\u0646\u0647 \u0628\u062c\u0627\u06cc \u062a\u06a9\u0631\u0627\u0631 \u0645\u0633\u06cc\u0631 \u0633\u0646\u062a\u06cc \u0627\u0633\u062a<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n \r\n <div class=\"p-8 rounded-2xl bg-dark-800\/85 border border-gold-500\/20 text-right hover:border-gold-500 transition-colors\">\r\n <span class=\"text-gold-500 text-4xl block mb-6 font-extrabold\">01<\/span>\r\n <h3 class=\"text-xl font-bold text-white mb-3\">\u062d\u0630\u0641 \u0641\u0631\u0622\u06cc\u0646\u062f \u0622\u0632\u0645\u0648\u0646 \u0648 \u062e\u0637\u0627<\/h3>\r\n <p class=\"text-gray-400 font-light text-sm leading-relaxed\">\r\n \u0628\u0627 \u0628\u0631\u0631\u0633\u06cc \u0645\u0634\u062e\u0635\u0627\u062a \u0641\u06cc\u0632\u06cc\u06a9\u06cc \u06a9\u0648\u067e \u0633\u0646\u06af (\u062a\u0631\u0627\u0648\u0631\u062a\u0646\u060c \u0645\u0631\u0645\u0631\u06cc\u062a\u060c \u06af\u0631\u0627\u0646\u06cc\u062a) \u0648 \u062a\u0648\u0627\u0646 \u0645\u0648\u062a\u0648\u0631 \u062f\u0633\u062a\u06af\u0627\u0647 \u0633\u0646\u06af\u0628\u0631\u06cc \u0634\u0645\u0627\u060c \u0641\u0631\u0645\u0648\u0644 \u0646\u0647\u0627\u06cc\u06cc \u0633\u062e\u062a\u06cc \u0633\u06af\u0645\u0646\u062a \u0631\u0627 \u0645\u0647\u0646\u062f\u0633\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u062a\u0627 \u0633\u0627\u06cc\u0634 \u0632\u0648\u062f\u0631\u0633 \u0627\u062a\u0641\u0627\u0642 \u0646\u06cc\u0641\u062a\u062f.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-8 rounded-2xl bg-dark-800\/85 border border-gold-500\/20 text-right hover:border-gold-500 transition-colors\">\r\n <span class=\"text-gold-500 text-4xl block mb-6 font-extrabold\">02<\/span>\r\n <h3 class=\"text-xl font-bold text-white mb-3\">\u06a9\u0627\u0647\u0634 \u0686\u0634\u0645\u06af\u06cc\u0631 \u062f\u0648\u0631\u0631\u06cc\u0632 \u0648 \u0634\u06a9\u0633\u062a\u06af\u06cc<\/h3>\r\n <p class=\"text-gray-400 font-light text-sm leading-relaxed\">\r\n \u0637\u0631\u0627\u062d\u06cc \u0628\u0631\u0634\u06cc \u06cc\u06a9\u0646\u0648\u0627\u062e\u062a \u0648 \u0628\u06cc \u0644\u0631\u0632\u0634 \u06a9\u0647 \u0627\u0632 \u0644\u0628\u200c\u067e\u0631\u06cc\u062f\u06af\u06cc \u0627\u0633\u0644\u0628\u200c\u0647\u0627\u060c \u0622\u0633\u06cc\u0628 \u062f\u06cc\u062f\u0646 \u0644\u0627\u06cc\u0647\u200c\u0647\u0627 \u0648 \u0627\u06cc\u062c\u0627\u062f \u0635\u062f\u0627\u06cc \u0646\u0627\u062e\u0648\u0634\u0627\u06cc\u0646\u062f \u062f\u0631 \u06a9\u0627\u0631\u06af\u0627\u0647 \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-8 rounded-2xl bg-dark-800\/85 border border-gold-500\/20 text-right hover:border-gold-500 transition-colors\">\r\n <span class=\"text-gold-500 text-4xl block mb-6 font-extrabold\">03<\/span>\r\n <h3 class=\"text-xl font-bold text-white mb-3\">\u062a\u0627\u0645\u06cc\u0646 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0648 \u062a\u062e\u0635\u0635\u06cc<\/h3>\r\n <p class=\"text-gray-400 font-light text-sm leading-relaxed\">\r\n \u062d\u0630\u0641 \u0648\u0627\u0633\u0637\u0647\u200c\u0647\u0627 \u0648 \u0627\u0631\u062a\u0628\u0627\u0637 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0628\u0627 \u0628\u0631\u062a\u0631\u06cc\u0646 \u062e\u0637\u0648\u0637 \u0645\u062a\u0627\u0644\u0648\u0631\u0698\u06cc \u0627\u0644\u0645\u0627\u0633\u0647 \u062f\u0631 \u0633\u0637\u062d \u062c\u0647\u0627\u0646\u06cc\u060c \u062a\u0636\u0645\u06cc\u0646\u200c\u06a9\u0646\u0646\u062f\u0647 \u0642\u06cc\u0645\u062a \u0631\u0642\u0627\u0628\u062a\u06cc\u060c \u062f\u0633\u062a\u0631\u0633\u06cc \u0647\u0645\u06cc\u0634\u06af\u06cc \u0648 \u0627\u0635\u0627\u0644\u062a \u06a9\u0627\u0644\u0627\u0647\u0627\u0633\u062a.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"contact\" class=\"py-20 bg-white relative\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12\">\r\n \r\n \r\n <div class=\"lg:col-span-5 text-right flex flex-col justify-between\">\r\n <div>\r\n <span class=\"text-gold-500 font-extrabold text-sm uppercase tracking-widest block mb-2\">GET IN TOUCH<\/span>\r\n <h2 class=\"text-3xl font-black text-dark-900 mb-6\">\u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u0641\u0646\u06cc \u0648 \u0642\u06cc\u0645\u062a<\/h2>\r\n <p class=\"text-gray-600 font-light leading-relaxed mb-8\">\r\n \u062c\u0647\u062a \u0633\u0641\u0627\u0631\u0634 \u0627\u0628\u0632\u0627\u0631\u0622\u0644\u0627\u062a \u0628\u0631\u0634\u06cc \u0648 \u06cc\u0627 \u0627\u062e\u0630 \u06af\u0631\u06cc\u062f\u200c\u0647\u0627\u06cc \u062a\u062e\u0635\u0635\u06cc \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u0633\u0646\u06af\u0628\u0631\u06cc \u062e\u0648\u062f\u060c \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062a\u0645\u0627\u0633 \u062e\u0648\u062f \u0631\u0627 \u0628\u06af\u0630\u0627\u0631\u06cc\u062f \u06cc\u0627 \u0645\u0633\u062a\u0642\u06cc\u0645\u0627\u064b \u0628\u0627 \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 MineCut \u062a\u0645\u0627\u0633 \u0628\u06af\u06cc\u0631\u06cc\u062f.\r\n <\/p>\r\n\r\n <div class=\"space-y-6\">\r\n \r\n <div class=\"flex gap-4 items-center p-4 bg-gray-50 border-r-4 border-gold-500 rounded-l-xl\">\r\n <div class=\"w-12 h-12 bg-dark-900 text-gold-500 rounded-full flex items-center justify-center text-lg shadow\">\r\n <i class=\"fa-solid fa-phone\"><\/i>\r\n <\/div>\r\n <div>\r\n <span class=\"block text-xs text-gray-500\">\u0634\u0645\u0627\u0631\u0647 \u062a\u0645\u0627\u0633 \u0645\u0633\u062a\u0642\u06cc\u0645<\/span>\r\n <a href=\"tel:09002229988\" class=\"block text-lg font-black text-dark-900 hover:text-gold-500 transition-colors ltr-text\">09002229988<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex gap-4 items-center p-4 bg-gray-50 border-r-4 border-gold-500 rounded-l-xl\">\r\n <div class=\"w-12 h-12 bg-dark-900 text-gold-500 rounded-full flex items-center justify-center text-lg shadow\">\r\n <i class=\"fa-solid fa-envelope\"><\/i>\r\n <\/div>\r\n <div>\r\n <span class=\"block text-xs text-gray-500\">\u067e\u0633\u062a \u0627\u0644\u06a9\u062a\u0631\u0648\u0646\u06cc\u06a9\u06cc \u0631\u0633\u0645\u06cc<\/span>\r\n <a href=\"mailto:info@minecut.ir\" class=\"block text-base font-bold text-dark-900 hover:text-gold-500 transition-colors\">info@minecut.ir<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mt-8 pt-8 border-t border-gray-100 flex items-center gap-4\">\r\n <i class=\"fa-solid fa-shield-halved text-3xl text-gold-500\"><\/i>\r\n <span class=\"text-sm text-gray-500\">\u062a\u0645\u0627\u0645\u06cc \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0648\u0627\u0631\u062f\u0627\u062a\u06cc \u062f\u0627\u0631\u0627\u06cc \u0641\u0627\u06a9\u062a\u0648\u0631 \u0627\u0635\u0627\u0644\u062a \u0628\u0627 \u0630\u06a9\u0631 \u0633\u062e\u062a\u06cc \u0628\u0627\u0646\u062f \u0645\u062a\u0627\u0644\u0648\u0631\u0698\u06cc \u0647\u0633\u062a\u0646\u062f.<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"lg:col-span-7\">\r\n <div class=\"bg-white border border-gray-200 p-8 sm:p-10 rounded-3xl shadow-xl relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 left-0 h-1.5 bg-gradient-to-l from-gold-500 via-dark-900 to-gold-500\"><\/div>\r\n <h3 class=\"text-xl font-bold text-dark-900 mb-6 text-right\">\u0641\u0631\u0645 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u06a9\u0627\u062a\u0627\u0644\u0648\u06af \u0648 \u0627\u0631\u0632\u06cc\u0627\u0628\u06cc \u0633\u0646\u06af\u0628\u0631\u06cc<\/h3>\r\n \r\n <form id=\"consultation-form\" onsubmit=\"handleFormSubmit(event)\" class=\"space-y-6 text-right\">\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6\">\r\n <div>\r\n <label class=\"block text-xs font-bold text-dark-900 mb-2\">\u0646\u0627\u0645 \u0648 \u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc <span class=\"text-red-500\">*<\/span><\/label>\r\n <input type=\"text\" required class=\"w-full px-4 py-3 bg-gray-50 border border-gray-200 focus:border-gold-500 rounded-xl focus:outline-none transition-colors text-sm\" placeholder=\"\u0645\u062b\u0627\u0644: \u0639\u0644\u06cc\u0631\u0636\u0627 \u0631\u0636\u0627\u06cc\u06cc\">\r\n <\/div>\r\n <div>\r\n <label class=\"block text-xs font-bold text-dark-900 mb-2\">\u0634\u0645\u0627\u0631\u0647 \u062a\u0645\u0627\u0633 \u0647\u0645\u0631\u0627\u0647 <span class=\"text-red-500\">*<\/span><\/label>\r\n <input type=\"tel\" required class=\"w-full px-4 py-3 bg-gray-50 border border-gray-200 focus:border-gold-500 rounded-xl focus:outline-none transition-colors text-sm text-right ltr-text\" placeholder=\"09123456789\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6\">\r\n <div>\r\n <label class=\"block text-xs font-bold text-dark-900 mb-2\">\u0646\u0627\u0645 \u0645\u062c\u0645\u0648\u0639\u0647 \/ \u0633\u0646\u06af\u0628\u0631\u06cc<\/label>\r\n <input type=\"text\" class=\"w-full px-4 py-3 bg-gray-50 border border-gray-200 focus:border-gold-500 rounded-xl focus:outline-none transition-colors text-sm\" placeholder=\"\u0645\u062b\u0627\u0644: \u0633\u0646\u06af\u0628\u0631\u06cc \u0627\u0635\u0641\u0647\u0627\u0646\">\r\n <\/div>\r\n <div>\r\n <label class=\"block text-xs font-bold text-dark-900 mb-2\">\u0646\u0648\u0639 \u0633\u0646\u06af \u0642\u0627\u0644\u0628 \u062f\u0631 \u06a9\u0627\u0631\u062e\u0627\u0646\u0647<\/label>\r\n <select class=\"w-full px-4 py-3 bg-gray-50 border border-gray-200 focus:border-gold-500 rounded-xl focus:outline-none transition-colors text-sm\">\r\n <option>\u062a\u0631\u0627\u0648\u0631\u062a\u0646<\/option>\r\n <option>\u06af\u0631\u0627\u0646\u06cc\u062a<\/option>\r\n <option>\u0645\u0631\u0645\u0631\u06cc\u062a<\/option>\r\n <option>\u0645\u0631\u0645\u0631 \/ \u0627\u0646\u06cc\u06a9\u0633<\/option>\r\n <option>\u0633\u0627\u06cc\u0631 \u0633\u0646\u06af\u200c\u0647\u0627\u06cc \u0633\u062e\u062a<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <label class=\"block text-xs font-bold text-dark-900 mb-2\">\u0634\u0631\u062d \u0646\u06cc\u0627\u0632 \u0641\u0646\u06cc \u06cc\u0627 \u0646\u0648\u0639 \u062f\u0633\u062a\u06af\u0627\u0647<\/label>\r\n <textarea rows=\"4\" class=\"w-full px-4 py-3 bg-gray-50 border border-gray-200 focus:border-gold-500 rounded-xl focus:outline-none transition-colors text-sm\" placeholder=\"\u0644\u0637\u0641\u0627 \u062c\u0632\u0626\u06cc\u0627\u062a \u0633\u062e\u062a\u06cc \u06cc\u0627 \u0642\u0637\u0639\u0627\u062a \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0631\u0627 \u0634\u0631\u062d \u062f\u0647\u06cc\u062f...\"><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"w-full py-4 bg-dark-900 hover:bg-gold-500 text-white hover:text-dark-900 font-extrabold rounded-xl transition-all duration-300 shadow-md hover:shadow-gold-500\/20 text-center\">\r\n \u062b\u0628\u062a \u0648 \u0627\u0631\u0633\u0627\u0644 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u0634\u0627\u0648\u0631\u0647\r\n <\/button>\r\n <\/form>\r\n \r\n \r\n <div id=\"form-success\" class=\"hidden mt-4 p-4 bg-green-50 border border-green-200 text-green-800 text-sm font-medium rounded-xl text-center\">\r\n \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0634\u0645\u0627 \u0628\u0627 \u0645\u0648\u0641\u0642\u06cc\u062a \u062b\u0628\u062a \u0634\u062f. \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u0645\u0627 \u0628\u0647 \u0632\u0648\u062f\u06cc \u0628\u0627 \u0634\u0645\u0627 \u062a\u0645\u0627\u0633 \u062e\u0648\u0627\u0647\u0646\u062f \u06af\u0631\u0641\u062a.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer class=\"bg-dark-900 text-gray-400 pt-16 pb-8 border-t border-gold-500\/30\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-12 gap-12 pb-12 border-b border-gray-800 text-right\">\r\n \r\n \r\n <div class=\"md:col-span-5\">\r\n <div class=\"flex items-center gap-3 mb-6\">\r\n <div class=\"w-12 h-12 flex items-center justify-center bg-transparent rounded border border-gold-500 overflow-hidden\">\r\n <img decoding=\"async\" src=\"IMG-20260707-WA0022.jpg\" alt=\"MineCut Logo\" class=\"w-full h-full object-cover\">\r\n <\/div>\r\n <div>\r\n <span class=\"block text-lg font-black text-white\">MINECUT<\/span>\r\n <span class=\"block text-[8px] font-bold text-gold-500 tracking-wider\">DIAMOND TOOLS<\/span>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-sm leading-relaxed mb-6 font-light\">\r\n \u0634\u0631\u06a9\u062a MineCut \u067e\u06cc\u0634\u0631\u0648 \u062f\u0631 \u062a\u0627\u0645\u06cc\u0646 \u0648 \u0648\u0627\u0631\u062f\u0627\u062a \u062a\u062e\u0635\u0635\u06cc\u200c\u062a\u0631\u06cc\u0646 \u0644\u0648\u0627\u0632\u0645 \u0648 \u0627\u0628\u0632\u0627\u0631\u0622\u0644\u0627\u062a \u0628\u0631\u0634\u06cc \u0635\u0646\u0627\u06cc\u0639 \u0633\u0646\u06af \u0627\u06cc\u0631\u0627\u0646. \u0627\u0632 \u0645\u0639\u0627\u062f\u0646 \u0633\u0646\u06af \u062a\u0627 \u06a9\u0627\u0631\u062e\u0627\u0646\u062c\u0627\u062a \u0645\u062f\u0631\u0646 \u0641\u0631\u0622\u0648\u0631\u06cc \u0627\u0633\u0644\u0628\u060c \u0645\u0627 \u0628\u0627\u0644\u0627\u062a\u0631\u06cc\u0646 \u06a9\u0627\u0631\u0627\u06cc\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u0645\u0627\u0634\u06cc\u0646\u200c\u0622\u0644\u0627\u062a \u0634\u0645\u0627 \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645.\r\n <\/p>\r\n <div class=\"flex gap-4\">\r\n <a href=\"#\" class=\"w-10 h-10 rounded-full bg-gray-800 hover:bg-gold-500 hover:text-dark-900 transition-colors flex items-center justify-center text-white text-sm\" aria-label=\"\u0627\u06cc\u0646\u0633\u062a\u0627\u06af\u0631\u0627\u0645\">\r\n <i class=\"fa-brands fa-instagram\"><\/i>\r\n <\/a>\r\n <a href=\"#\" class=\"w-10 h-10 rounded-full bg-gray-800 hover:bg-gold-500 hover:text-dark-900 transition-colors flex items-center justify-center text-white text-sm\" aria-label=\"\u0644\u06cc\u0646\u06a9\u062f\u06cc\u0646\">\r\n <i class=\"fa-brands fa-linkedin-in\"><\/i>\r\n <\/a>\r\n <a href=\"#\" class=\"w-10 h-10 rounded-full bg-gray-800 hover:bg-gold-500 hover:text-dark-900 transition-colors flex items-center justify-center text-white text-sm\" aria-label=\"\u0648\u0627\u062a\u0633\u0627\u067e\">\r\n <i class=\"fa-brands fa-whatsapp\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"md:col-span-3\">\r\n <h4 class=\"text-white font-bold text-base mb-6 relative inline-block pb-2\">\r\n \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0628\u0631\u0634\u06cc\r\n <span class=\"absolute bottom-0 right-0 w-8 h-0.5 bg-gold-500\"><\/span>\r\n <\/h4>\r\n <ul class=\"space-y-3 text-sm font-light\">\r\n <li><a href=\"#categories\" class=\"hover:text-gold-500 transition-colors flex items-center gap-2 justify-end\"><span class=\"w-1.5 h-1.5 bg-gold-500 rounded-full\"><\/span> \u0633\u06af\u0645\u0646\u062a\u200c\u0647\u0627\u06cc \u0627\u0644\u0645\u0627\u0633\u0647<\/a><\/li>\r\n <li><a href=\"#categories\" class=\"hover:text-gold-500 transition-colors flex items-center gap-2 justify-end\"><span class=\"w-1.5 h-1.5 bg-gold-500 rounded-full\"><\/span> \u062a\u06cc\u063a \u0627\u0631\u0647\u200c\u0647\u0627\u06cc \u0627\u0644\u0645\u0627\u0633\u0647 \u0628\u0632\u0631\u06af<\/a><\/li>\r\n <li><a href=\"#categories\" class=\"hover:text-gold-500 transition-colors flex items-center gap-2 justify-end\"><span class=\"w-1.5 h-1.5 bg-gold-500 rounded-full\"><\/span> \u0633\u06cc\u0645 \u0628\u0631\u0634 \u0645\u0639\u0627\u062f\u0646 \u06af\u0631\u0627\u0646\u06cc\u062a\u06cc<\/a><\/li>\r\n <li><a href=\"#categories\" class=\"hover:text-gold-500 transition-colors flex items-center gap-2 justify-end\"><span class=\"w-1.5 h-1.5 bg-gold-500 rounded-full\"><\/span> \u0645\u063a\u0632\u0647\u200c\u06af\u06cc\u0631\u0647\u0627 \u0648 \u0633\u0627\u0628\u200c\u0647\u0627<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"md:col-span-4\">\r\n <h4 class=\"text-white font-bold text-base mb-6 relative inline-block pb-2\">\r\n \u0633\u0627\u0639\u0627\u062a \u067e\u0627\u0633\u062e\u06af\u0648\u06cc\u06cc \u0648 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc\r\n <span class=\"absolute bottom-0 right-0 w-8 h-0.5 bg-gold-500\"><\/span>\r\n <\/h4>\r\n <p class=\"text-sm font-light leading-relaxed mb-4\">\r\n \u062a\u06cc\u0645 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0641\u0646\u06cc MineCut \u0622\u0645\u0627\u062f\u0647 \u0627\u0631\u0627\u0626\u0647 \u0645\u0634\u0627\u0648\u0631\u0647\u200c\u0647\u0627\u06cc \u062f\u0642\u06cc\u0642 \u062f\u0631\u0628\u0627\u0631\u0647 \u0637\u0648\u0644 \u0639\u0645\u0631 \u0633\u06af\u0645\u0646\u062a \u0648 \u0633\u0631\u0639\u062a \u0628\u0647\u06cc\u0646\u0647 \u0686\u0631\u062e\u0634 \u062f\u06cc\u0633\u06a9\u200c\u0647\u0627 \u062f\u0631 \u0633\u0627\u0639\u0627\u062a \u06a9\u0627\u0631\u06cc \u0645\u06cc\u200c\u0628\u0627\u0634\u062f.\r\n <\/p>\r\n <div class=\"bg-gray-800\/40 p-4 rounded-xl border border-gold-500\/10 text-xs space-y-2\">\r\n <div class=\"flex justify-between items-center text-gray-300\">\r\n <span>\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u062a\u0644\u0641\u0646\u06cc:<\/span>\r\n <span class=\"font-bold ltr-text\">\u0634\u0646\u0628\u0647 \u062a\u0627 \u0686\u0647\u0627\u0631\u0634\u0646\u0628\u0647 \u06f8:\u06f0\u06f0 \u0627\u0644\u06cc \u06f1\u06f7:\u06f0\u06f0<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between items-center text-gray-300\">\r\n <span>\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0634\u0628\u06a9\u0647\u200c\u0647\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639\u06cc:<\/span>\r\n <span class=\"font-bold\">\u06f2\u06f4 \u0633\u0627\u0639\u062a\u0647 \/ \u06f7 \u0631\u0648\u0632 \u0647\u0641\u062a\u0647<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"pt-8 text-center text-xs text-gray-500 flex flex-col sm:flex-row justify-between items-center gap-4\">\r\n <span>\u00a9 \u06f2\u06f0\u06f2\u06f6 MineCut Diamond Tools. \u062a\u0645\u0627\u0645\u06cc \u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638 \u0627\u0633\u062a.<\/span>\r\n <span class=\"font-light\">\u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647 \u0628\u0627 \u0627\u0644\u0647\u0627\u0645 \u0627\u0632 \u0633\u0627\u062e\u062a\u0627\u0631 \u0645\u062f\u0631\u0646 \u0628\u0631\u062f\u0647\u0627\u06cc \u0635\u0646\u0639\u062a\u06cc \u0648 \u0645\u062a\u0627\u0644\u0648\u0631\u0698\u06cc \u0633\u0646\u06af<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n \r\n <div class=\"fixed bottom-8 left-6 z-50 flex flex-col gap-3\">\r\n \r\n \r\n <div class=\"flex flex-col gap-2.5\">\r\n \r\n <a href=\"tel:09002229988\" class=\"group relative w-14 h-14 bg-dark-900 hover:bg-gold-500 text-gold-500 hover:text-dark-900 border-2 border-gold-500 rounded-full flex items-center justify-center shadow-xl transition-all duration-300 hover:scale-110 active:scale-95\" title=\"\u062a\u0645\u0627\u0633 \u0645\u0633\u062a\u0642\u06cc\u0645\">\r\n <i class=\"fa-solid fa-phone text-lg\"><\/i>\r\n <span class=\"absolute right-16 scale-0 group-hover:scale-100 bg-dark-900 text-gold-500 text-sm font-extrabold py-2 px-4 rounded-xl shadow-lg border border-gold-500 transition-all duration-300 whitespace-nowrap z-50\">\r\n \u062a\u0645\u0627\u0633 \u0628\u0627 09002229988\r\n <\/span>\r\n <span class=\"absolute inset-0 rounded-full border-2 border-gold-500 animate-ping opacity-25\"><\/span>\r\n <\/a>\r\n\r\n \r\n <a href=\"mailto:info@minecut.ir\" class=\"group relative w-14 h-14 bg-white hover:bg-dark-900 text-dark-900 hover:text-gold-500 border-2 border-gold-500 rounded-full flex items-center justify-center shadow-xl transition-all duration-300 hover:scale-110 active:scale-95\" title=\"\u0627\u0631\u0633\u0627\u0644 \u0627\u06cc\u0645\u06cc\u0644\">\r\n <i class=\"fa-solid fa-envelope text-lg\"><\/i>\r\n <span class=\"absolute right-16 scale-0 group-hover:scale-100 bg-white text-dark-900 text-sm font-bold py-2 px-4 rounded-xl shadow-lg border border-gold-500 transition-all duration-300 whitespace-nowrap z-50\">\r\n info@minecut.ir\r\n <\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <script>\r\n \/\/ Slideshow setup\r\n let currentSlide = 0;\r\n const slides = document.querySelectorAll('.slide');\r\n const indicators = document.querySelectorAll('.slide-indicator');\r\n const slideInterval = 4000; \/\/ Auto-change every 4 seconds as requested\r\n\r\n function showSlide(index) {\r\n \/\/ Reset all slides opacity\r\n slides.forEach(slide => {\r\n slide.classList.remove('opacity-100');\r\n slide.classList.add('opacity-0');\r\n });\r\n \r\n \/\/ Reset indicators appearance\r\n indicators.forEach(indicator => {\r\n indicator.classList.remove('bg-white');\r\n indicator.classList.add('bg-white\/40');\r\n });\r\n\r\n \/\/ Make target slide active\r\n slides[index].classList.remove('opacity-0');\r\n slides[index].classList.add('opacity-100');\r\n \r\n \/\/ Select active indicator\r\n indicators[index].classList.remove('bg-white\/40');\r\n indicators[index].classList.add('bg-white');\r\n \r\n currentSlide = index;\r\n }\r\n\r\n function nextSlide() {\r\n let nextIndex = (currentSlide + 1) % slides.length;\r\n showSlide(nextIndex);\r\n }\r\n\r\n function setSlide(index) {\r\n showSlide(index);\r\n \/\/ Reset interval so it won't trigger immediately after clicking\r\n clearInterval(autoSlideTimer);\r\n autoSlideTimer = setInterval(nextSlide, slideInterval);\r\n }\r\n\r\n \/\/ Initialize Auto Slide interval\r\n let autoSlideTimer = setInterval(nextSlide, slideInterval);\r\n\r\n \/\/ Mobile Hamburger menu toggle\r\n const mobileMenuBtn = document.getElementById('mobile-menu-btn');\r\n const mobileMenu = document.getElementById('mobile-menu');\r\n\r\n mobileMenuBtn.addEventListener('click', () => {\r\n mobileMenu.classList.toggle('hidden');\r\n });\r\n\r\n \/\/ Close mobile menu on clicking any navigation link\r\n const mobileLinks = mobileMenu.querySelectorAll('a');\r\n mobileLinks.forEach(link => {\r\n link.addEventListener('click', () => {\r\n mobileMenu.classList.add('hidden');\r\n });\r\n });\r\n\r\n \/\/ Contact Form Submission Action Handler\r\n function handleFormSubmit(event) {\r\n event.preventDefault();\r\n const successBox = document.getElementById('form-success');\r\n const submitBtn = event.target.querySelector('button[type=\"submit\"]');\r\n \r\n \/\/ Mimic high-end loading response\r\n submitBtn.disabled = true;\r\n submitBtn.textContent = '\u062f\u0631 \u062d\u0627\u0644 \u062b\u0628\u062a \u0627\u0637\u0644\u0627\u0639\u0627\u062a...';\r\n \r\n setTimeout(() => {\r\n successBox.classList.remove('hidden');\r\n submitBtn.textContent = '\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0634\u0645\u0627 \u062b\u0628\u062a \u0634\u062f';\r\n submitBtn.classList.remove('bg-dark-900');\r\n submitBtn.classList.add('bg-green-600', 'hover:bg-green-700');\r\n event.target.reset();\r\n }, 1200);\r\n }\r\n\r\n \/\/ Ensuring transitions work dynamically on viewport load\r\n window.onload = function() {\r\n showSlide(0);\r\n };\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MineCut | \u0648\u0627\u0631\u062f\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u0644\u0648\u0627\u0632\u0645 \u0635\u0646\u0639\u062a \u0633\u0646\u06af 09002229988 info@minecut.ir \u062a\u0627\u0645\u06cc\u0646\u200c\u06a9\u0646\u0646\u062f\u0647 \u0627\u0628\u0632\u0627\u0631\u0622\u0644\u0627\u062a \u0628\u0631\u0634\u06cc \u0645\u0647\u0646\u062f\u0633\u06cc \u0634\u062f\u0647 \u0633\u0646\u06af MINECUT DIAMOND TOOLS \u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc \u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627 \u0645\u0632\u06cc\u062a\u200c\u0647\u0627\u06cc \u0645\u0627 \u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627 \u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u062e\u0635\u0635\u06cc \u0628\u0631\u0634 \u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc \u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627 \u0645\u0632\u06cc\u062a\u200c\u0647\u0627\u06cc \u0645\u0627 \u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627 \u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u062e\u0635\u0635\u06cc Premium Imports \u0627\u0628\u0632\u0627\u0631\u0622\u0644\u0627\u062a \u0627\u0644\u0645\u0627\u0633\u0647 MINECUT DIAMOND TOOLS \u0648\u0627\u0631\u062f\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u0633\u06af\u0645\u0646\u062a\u060c […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-28","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/minecut.ir\/index.php?rest_route=\/wp\/v2\/pages\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/minecut.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/minecut.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/minecut.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/minecut.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=28"}],"version-history":[{"count":4,"href":"https:\/\/minecut.ir\/index.php?rest_route=\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":32,"href":"https:\/\/minecut.ir\/index.php?rest_route=\/wp\/v2\/pages\/28\/revisions\/32"}],"wp:attachment":[{"href":"https:\/\/minecut.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}