{"id":80,"date":"2026-10-23T15:53:53","date_gmt":"2026-10-23T15:53:53","guid":{"rendered":"https:\/\/kaziconsumerproductsltd.xyz\/?page_id=80"},"modified":"2026-10-24T06:48:02","modified_gmt":"2026-10-24T06:48:02","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/kaziconsumerproductsltd.xyz\/?page_id=80","title":{"rendered":"Portfolio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"80\" class=\"elementor elementor-80\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8fe29a7 e-flex e-con-boxed e-con e-parent\" data-id=\"8fe29a7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d8f5de9 elementor-widget__width-inherit elementor-absolute elementor-widget elementor-widget-html\" data-id=\"d8f5de9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Tailwind CSS (CDN) -->\r\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<!-- Font Awesome icons -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<!-- Google Fonts -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    .portfolio-wrapper { font-family: 'Plus Jakarta Sans', sans-serif; background-color: #0b0f19; color: #f3f4f6; min-height: 100vh; }\r\n    .portfolio-wrapper .gradient-text {\r\n        background: linear-gradient(135deg, #818cf8 0%, #c084fc 100%);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n    }\r\n    .portfolio-wrapper .glow-card:hover {\r\n        box-shadow: 0 0 35px -5px rgba(99, 102, 241, 0.3);\r\n    }\r\n    .portfolio-wrapper .glow-effect {\r\n        box-shadow: 0 0 50px -10px rgba(99, 102, 241, 0.25);\r\n    }\r\n<\/style>\r\n\r\n<div class=\"portfolio-wrapper selection:bg-indigo-500 selection:text-white flex flex-col justify-between\">\r\n\r\n    <!-- Header \/ Navbar -->\r\n    <header class=\"bg-[#0b0f19]\/90 backdrop-blur-md sticky top-0 z-50 border-b border-gray-800\">\r\n        <div class=\"max-w-6xl mx-auto px-4 py-4 flex justify-between items-center\">\r\n            <a href=\"#\" class=\"text-2xl font-extrabold tracking-tight text-white\">\r\n                Rubaiyat<span class=\"text-indigo-500\">.<\/span>\r\n            <\/a>\r\n            \r\n           <nav class=\"hidden md:flex space-x-8 text-sm font-medium text-gray-300\">\r\n                <a href=\"https:\/\/kaziconsumerproductsltd.xyz\/\" class=\"hover:text-indigo-400 transition-colors\">Home<\/a>\r\n                <a href=\"https:\/\/kaziconsumerproductsltd.xyz\/?page_id=63\" class=\"hover:text-indigo-400 transition-colors\">About<\/a>\r\n                <a href=\"https:\/\/kaziconsumerproductsltd.xyz\/?page_id=75\" class=\"hover:text-indigo-400 transition-colors\">Services<\/a>\r\n                <a href=\"https:\/\/kaziconsumerproductsltd.xyz\/?page_id=80\" class=\"text-indigo-400 font-semibold relative after:content-[''] after:absolute after:-bottom-5 after:left-0 after:w-full after:h-0.5 after:bg-indigo-500\">Portfolio<\/a>\r\n                <a href=\"https:\/\/kaziconsumerproductsltd.xyz\/?page_id=88\" class=\"hover:text-indigo-400 transition-colors\">Contact<\/a>\r\n            <\/nav>\r\n\r\n            <div class=\"flex items-center gap-4\">\r\n                <a href=\"https:\/\/kaziconsumerproductsltd.xyz\/?page_id=88\" class=\"hidden sm:inline-block bg-indigo-600 hover:bg-indigo-500 text-white px-5 py-2.5 rounded-xl transition-all duration-300 font-medium text-sm shadow-lg shadow-indigo-600\/30 hover:shadow-indigo-500\/50\">\r\n                    Hire Me\r\n                <\/a>\r\n                <!-- Mobile Menu Button -->\r\n                <button type=\"button\" id=\"portfolio-menu-btn\" aria-label=\"Toggle Menu\" class=\"md:hidden text-gray-300 hover:text-white focus:outline-none text-2xl p-2 cursor-pointer\">\r\n                    <i class=\"fa-solid fa-bars\" id=\"menu-icon\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Mobile Dropdown Navigation -->\r\n        <div id=\"portfolio-mobile-menu\" style=\"display: none;\" class=\"md:hidden bg-[#0b0f19] border-b border-gray-800 px-6 py-4 space-y-4 text-base shadow-2xl\">\r\n            <a href=\"https:\/\/kaziconsumerproductsltd.xyz\/\" class=\"block text-gray-300 hover:text-indigo-400 py-1 border-b border-gray-800\/50\">Home<\/a>\r\n            <a href=\"https:\/\/kaziconsumerproductsltd.xyz\/?page_id=63\" class=\"block text-gray-300 hover:text-indigo-400 py-1 border-b border-gray-800\/50\">About<\/a>\r\n            <a href=\"https:\/\/kaziconsumerproductsltd.xyz\/?page_id=75\" class=\"block text-gray-300 hover:text-indigo-400 py-1 border-b border-gray-800\/50\">Services<\/a>\r\n            <a href=\"https:\/\/kaziconsumerproductsltd.xyz\/?page_id=80\" class=\"block text-indigo-400 font-semibold py-1 border-b border-gray-800\/50\">Portfolio<\/a>\r\n            <a href=\"https:\/\/kaziconsumerproductsltd.xyz\/?page_id=88\" class=\"block text-gray-300 hover:text-indigo-400 py-1\">Contact<\/a>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <!-- Main Portfolio Showcase -->\r\n    <main class=\"max-w-6xl mx-auto px-4 py-16 w-full space-y-24\">\r\n        \r\n        <!-- Hero Title -->\r\n        <div class=\"text-center max-w-2xl mx-auto space-y-4\">\r\n            <div class=\"inline-flex items-center gap-2 bg-indigo-500\/10 border border-indigo-500\/20 text-indigo-400 text-xs font-semibold px-4 py-1.5 rounded-full uppercase tracking-widest\">\r\n                <span class=\"w-2 h-2 rounded-full bg-indigo-400 animate-pulse\"><\/span>\r\n                Featured Work\r\n            <\/div>\r\n            <h1 class=\"text-4xl md:text-5xl font-black text-white tracking-tight\">\r\n                My <span class=\"gradient-text\">Projects<\/span>\r\n            <\/h1>\r\n            <p class=\"text-gray-400 text-base leading-relaxed\">\r\n                Here is a showcase of my work in Photoshop, Data Management, and Content Creation.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- Filter Buttons -->\r\n        <div class=\"flex justify-center flex-wrap gap-3\">\r\n            <button type=\"button\" onclick=\"filterProjects('all', this)\" class=\"filter-btn bg-indigo-600 text-white px-6 py-2.5 rounded-xl text-xs font-bold uppercase tracking-wider transition-all duration-300 shadow-lg shadow-indigo-600\/30\">All Works<\/button>\r\n            <button type=\"button\" onclick=\"filterProjects('photoshop', this)\" class=\"filter-btn bg-gray-900\/80 hover:bg-gray-800 border border-gray-800 text-gray-400 hover:text-white px-6 py-2.5 rounded-xl text-xs font-bold uppercase tracking-wider transition-all duration-300\">Photoshop<\/button>\r\n            <button type=\"button\" onclick=\"filterProjects('web', this)\" class=\"filter-btn bg-gray-900\/80 hover:bg-gray-800 border border-gray-800 text-gray-400 hover:text-white px-6 py-2.5 rounded-xl text-xs font-bold uppercase tracking-wider transition-all duration-300\">Web Dev<\/button>\r\n            <button type=\"button\" onclick=\"filterProjects('writing', this)\" class=\"filter-btn bg-gray-900\/80 hover:bg-gray-800 border border-gray-800 text-gray-400 hover:text-white px-6 py-2.5 rounded-xl text-xs font-bold uppercase tracking-wider transition-all duration-300\">Writing<\/button>\r\n        <\/div>\r\n\r\n        <!-- Projects Grid -->\r\n        <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n            \r\n            <!-- Project Card 1: Photoshop -->\r\n            <div class=\"project-card photoshop group bg-gray-900\/60 border border-gray-800 rounded-3xl overflow-hidden transition-all duration-500 hover:-translate-y-2 hover:border-indigo-500\/50 glow-card flex flex-col justify-between\">\r\n                <div>\r\n                    <div class=\"h-56 bg-gray-800 relative overflow-hidden\">\r\n                        <img decoding=\"async\" src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcTlFMp0h3nWQvJrMUwXoyeRs5tjkhTWl_nLPde5jq5vRg&s=10\" alt=\"Photo Editing Project\" class=\"w-full h-full object-cover group-hover:scale-110 transition duration-700\">\r\n                        <div class=\"absolute inset-0 bg-indigo-950\/60 backdrop-blur-sm opacity-0 group-hover:opacity-100 transition-all duration-300 flex items-center justify-center gap-4\">\r\n                            <a href=\"https:\/\/kaziconsumerproductsltd.xyz\/?page_id=103\" class=\"w-11 h-11 bg-white\/10 hover:bg-indigo-600 border border-white\/20 text-white rounded-xl flex items-center justify-center transition shadow-lg\">\r\n                                <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"p-6\">\r\n                        <span class=\"text-[11px] text-indigo-400 font-bold uppercase tracking-widest bg-indigo-500\/10 px-3 py-1 rounded-md border border-indigo-500\/20\">Photos \/ Lightroom<\/span>\r\n                        <h3 class=\"text-xl font-bold mt-4 mb-2 text-white group-hover:text-indigo-400 transition-colors\">Photo Editing & Manipulation<\/h3>\r\n                        <p class=\"text-gray-400 text-sm leading-relaxed mb-4\">Custom graphic design, image enhancement, color grading and background removal work.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"p-6 pt-0\">\r\n                    <a href=\"https:\/\/kaziconsumerproductsltd.xyz\/?page_id=103\" class=\"text-indigo-400 hover:text-indigo-300 font-semibold text-sm inline-flex items-center gap-2 group-hover:translate-x-1 transition-transform\">\r\n                        View Details <i class=\"fa-solid fa-arrow-right text-xs\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Project Card 2: Web Dev -->\r\n            <div class=\"project-card web group bg-gray-900\/60 border border-gray-800 rounded-3xl overflow-hidden transition-all duration-500 hover:-translate-y-2 hover:border-indigo-500\/50 glow-card flex flex-col justify-between\">\r\n                <div>\r\n                    <div class=\"h-56 bg-gray-800 relative overflow-hidden\">\r\n                        <img decoding=\"async\" src=\"https:\/\/kaziconsumerproductsltd.xyz\/wp-content\/uploads\/2026\/10\/michael-baccin-XopauR-Nagk-unsplash-scaled.jpg\" alt=\"Web Development Project\" class=\"w-full h-full object-cover group-hover:scale-110 transition duration-700\">\r\n                        <div class=\"absolute inset-0 bg-indigo-950\/60 backdrop-blur-sm opacity-0 group-hover:opacity-100 transition-all duration-300 flex items-center justify-center gap-4\">\r\n                            <a href=\"https:\/\/kaziconsumerproductsltd.xyz\/?page_id=93\" class=\"w-11 h-11 bg-white\/10 hover:bg-indigo-600 border border-white\/20 text-white rounded-xl flex items-center justify-center transition shadow-lg\">\r\n                                <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"p-6\">\r\n                        <span class=\"text-[11px] text-indigo-400 font-bold uppercase tracking-widest bg-indigo-500\/10 px-3 py-1 rounded-md border border-indigo-500\/20\">Web Development<\/span>\r\n                        <h3 class=\"text-xl font-bold mt-4 mb-2 text-white group-hover:text-indigo-400 transition-colors\">E-Commerce, Fast, Modern & Responsive Websites<\/h3>\r\n                        <p class=\"text-gray-400 text-sm leading-relaxed mb-4\">Creative Design \u2022 Responsive Development \u2022 Powerful Performance<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"p-6 pt-0\">\r\n                    <a href=\"https:\/\/kaziconsumerproductsltd.xyz\/?page_id=93\" class=\"text-indigo-400 hover:text-indigo-300 font-semibold text-sm inline-flex items-center gap-2 group-hover:translate-x-1 transition-transform\">\r\n                        View Details <i class=\"fa-solid fa-arrow-right text-xs\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Project Card 3: Writing -->\r\n            <div class=\"project-card writing group bg-gray-900\/60 border border-gray-800 rounded-3xl overflow-hidden transition-all duration-500 hover:-translate-y-2 hover:border-indigo-500\/50 glow-card flex flex-col justify-between\">\r\n                <div>\r\n                    <div class=\"h-56 bg-gray-800 relative overflow-hidden\">\r\n                        <img decoding=\"async\" src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcS-45gpOKFrzHJP7g9CKLFS8VnLF8o1aiPiowp4KEEMcA&s=10\" alt=\"Content Creation Project\" class=\"w-full h-full object-cover group-hover:scale-110 transition duration-700\">\r\n                        <div class=\"absolute inset-0 bg-indigo-950\/60 backdrop-blur-sm opacity-0 group-hover:opacity-100 transition-all duration-300 flex items-center justify-center gap-4\">\r\n                            <a href=\"https:\/\/kaziconsumerproductsltd.xyz\/?page_id=98\" class=\"w-11 h-11 bg-white\/10 hover:bg-indigo-600 border border-white\/20 text-white rounded-xl flex items-center justify-center transition shadow-lg\">\r\n                                <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"p-6\">\r\n                        <span class=\"text-[11px] text-indigo-400 font-bold uppercase tracking-widest bg-indigo-500\/10 px-3 py-1 rounded-md border border-indigo-500\/20\">Content Creation<\/span>\r\n                        <h3 class=\"text-xl font-bold mt-4 mb-2 text-white group-hover:text-indigo-400 transition-colors\">Creative Writing Project<\/h3>\r\n                        <p class=\"text-gray-400 text-sm leading-relaxed mb-4\">Sample article, story, and description drafting for digital content.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"p-6 pt-0\">\r\n                    <a href=\"https:\/\/kaziconsumerproductsltd.xyz\/?page_id=98\" class=\"text-indigo-400 hover:text-indigo-300 font-semibold text-sm inline-flex items-center gap-2 group-hover:translate-x-1 transition-transform\">\r\n                        View Details <i class=\"fa-solid fa-arrow-right text-xs\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Highlights \/ Stats Bar -->\r\n        <div class=\"bg-gray-900\/40 border border-gray-800\/80 rounded-3xl p-8 grid grid-cols-2 md:grid-cols-4 gap-6 text-center\">\r\n            <div class=\"space-y-1\">\r\n                <div class=\"text-3xl font-black text-white gradient-text\">100%<\/div>\r\n                <div class=\"text-xs text-gray-400 font-medium uppercase tracking-wider\">Quality Focused<\/div>\r\n            <\/div>\r\n            <div class=\"space-y-1\">\r\n                <div class=\"text-3xl font-black text-white gradient-text\">24\/7<\/div>\r\n                <div class=\"text-xs text-gray-400 font-medium uppercase tracking-wider\">Support Ready<\/div>\r\n            <\/div>\r\n            <div class=\"space-y-1\">\r\n                <div class=\"text-3xl font-black text-white gradient-text\">Modern<\/div>\r\n                <div class=\"text-xs text-gray-400 font-medium uppercase tracking-wider\">Tech Stack<\/div>\r\n            <\/div>\r\n            <div class=\"space-y-1\">\r\n                <div class=\"text-3xl font-black text-white gradient-text\">Fast<\/div>\r\n                <div class=\"text-xs text-gray-400 font-medium uppercase tracking-wider\">Delivery Time<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Client Testimonials -->\r\n        <div class=\"space-y-10 pt-8\">\r\n            <div class=\"text-center max-w-xl mx-auto space-y-2\">\r\n                <span class=\"text-xs text-indigo-400 font-bold uppercase tracking-widest\">Feedback<\/span>\r\n                <h2 class=\"text-3xl font-extrabold text-white\">What Clients Say<\/h2>\r\n            <\/div>\r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n                <div class=\"bg-gray-900\/60 border border-gray-800 rounded-3xl p-8 space-y-4 hover:border-indigo-500\/40 transition\">\r\n                    <div class=\"flex text-amber-400 gap-1 text-sm\">\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                    <\/div>\r\n                    <p class=\"text-gray-300 text-sm leading-relaxed italic\">\r\n                        \"Rubaiyat delivered exceptional quality photo retouching work with an incredible eye for detail. The communication was fast and highly professional!\"\r\n                    <\/p>\r\n                    <div class=\"flex items-center gap-3 pt-2\">\r\n                        <div class=\"w-10 h-10 rounded-full bg-indigo-600\/30 border border-indigo-500\/40 flex items-center justify-center font-bold text-indigo-300\">\r\n                            AJ\r\n                        <\/div>\r\n                        <div>\r\n                            <h4 class=\"text-sm font-bold text-white\">Alex Johnson<\/h4>\r\n                            <p class=\"text-xs text-gray-400\">Content Creator<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"bg-gray-900\/60 border border-gray-800 rounded-3xl p-8 space-y-4 hover:border-indigo-500\/40 transition\">\r\n                    <div class=\"flex text-amber-400 gap-1 text-sm\">\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                    <\/div>\r\n                    <p class=\"text-gray-300 text-sm leading-relaxed italic\">\r\n                        \"Super responsive website design! The execution was clean, fast, and structured exactly as discussed. Highly recommended for web projects.\"\r\n                    <\/p>\r\n                    <div class=\"flex items-center gap-3 pt-2\">\r\n                        <div class=\"w-10 h-10 rounded-full bg-purple-600\/30 border border-purple-500\/40 flex items-center justify-center font-bold text-purple-300\">\r\n                            SM\r\n                        <\/div>\r\n                        <div>\r\n                            <h4 class=\"text-sm font-bold text-white\">Sarah Miller<\/h4>\r\n                            <p class=\"text-xs text-gray-400\">E-Commerce Brand Manager<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Technologies & Tools Used -->\r\n        <div class=\"bg-gray-900\/30 border border-gray-800\/60 rounded-3xl p-8 text-center space-y-6\">\r\n            <span class=\"text-xs text-indigo-400 font-bold uppercase tracking-widest\">Tools & Technologies<\/span>\r\n            <div class=\"flex flex-wrap justify-center items-center gap-6 md:gap-10 text-gray-400 text-2xl\">\r\n                <div class=\"flex items-center gap-2 hover:text-indigo-400 transition\" title=\"Photoshop\">\r\n                    <i class=\"fa-solid fa-image\"><\/i>\r\n                    <span class=\"text-xs font-semibold\">Adobe Photoshop<\/span>\r\n                <\/div>\r\n                <div class=\"flex items-center gap-2 hover:text-indigo-400 transition\" title=\"Lightroom\">\r\n                    <i class=\"fa-solid fa-sliders\"><\/i>\r\n                    <span class=\"text-xs font-semibold\">Lightroom<\/span>\r\n                <\/div>\r\n                <div class=\"flex items-center gap-2 hover:text-indigo-400 transition\" title=\"HTML5 & Tailwind\">\r\n                    <i class=\"fa-brands fa-html5\"><\/i>\r\n                    <span class=\"text-xs font-semibold\">HTML5 \/ Tailwind<\/span>\r\n                <\/div>\r\n                <div class=\"flex items-center gap-2 hover:text-indigo-400 transition\" title=\"Content Drafting\">\r\n                    <i class=\"fa-solid fa-file-pen\"><\/i>\r\n                    <span class=\"text-xs font-semibold\">Content Drafting<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- CTA Callout Box -->\r\n        <div class=\"relative bg-gradient-to-r from-indigo-900\/80 via-purple-900\/60 to-gray-900 border border-indigo-500\/40 rounded-3xl p-10 md:p-14 text-center max-w-4xl mx-auto overflow-hidden glow-effect\">\r\n            <div class=\"absolute -top-12 -left-12 w-48 h-48 bg-indigo-500\/20 rounded-full blur-3xl\"><\/div>\r\n            <div class=\"relative z-10 space-y-6\">\r\n                <h2 class=\"text-3xl md:text-4xl font-extrabold text-white tracking-tight\">Have a custom project in mind?<\/h2>\r\n                <p class=\"text-gray-300 text-sm max-w-lg mx-auto leading-relaxed\">\r\n                    Let's collaborate to bring your ideas to life with high quality and precise execution.\r\n                <\/p>\r\n                <div>\r\n                    <a href=\"https:\/\/kaziconsumerproductsltd.xyz\/?page_id=88\" class=\"bg-gradient-to-r from-indigo-600 to-purple-600 hover:from-indigo-500 hover:to-purple-500 text-white font-bold px-8 py-4 rounded-2xl transition duration-300 shadow-xl shadow-indigo-600\/30 inline-flex items-center gap-3 text-sm\">\r\n                        Start Your Project <i class=\"fa-solid fa-arrow-right text-xs\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/main>\r\n\r\n    <!-- Footer -->\r\n    <footer class=\"py-8 border-t border-gray-800\/80 text-center text-gray-500 text-xs mt-auto bg-[#0b0f19]\">\r\n        <p>&copy; 2026 Rubaiyat. All rights reserved.<\/p>\r\n    <\/footer>\r\n\r\n<\/div>\r\n\r\n<!-- Interactive Scripts -->\r\n<script>\r\n    \/\/ Project Filter Function\r\n    function filterProjects(category, btn) {\r\n        document.querySelectorAll('.filter-btn').forEach(b => {\r\n            b.className = 'filter-btn bg-gray-900\/80 hover:bg-gray-800 border border-gray-800 text-gray-400 hover:text-white px-6 py-2.5 rounded-xl text-xs font-bold uppercase tracking-wider transition-all duration-300';\r\n        });\r\n        btn.className = 'filter-btn bg-indigo-600 text-white px-6 py-2.5 rounded-xl text-xs font-bold uppercase tracking-wider transition-all duration-300 shadow-lg shadow-indigo-600\/30';\r\n\r\n        const cards = document.querySelectorAll('.project-card');\r\n        cards.forEach(card => {\r\n            if (category === 'all' || card.classList.contains(category)) {\r\n                card.style.display = 'flex';\r\n            } else {\r\n                card.style.display = 'none';\r\n            }\r\n        });\r\n    }\r\n\r\n    \/\/ Direct Mobile Menu Toggle Script\r\n    (function() {\r\n        const menuBtn = document.getElementById('portfolio-menu-btn');\r\n        const mobileMenu = document.getElementById('portfolio-mobile-menu');\r\n        const menuIcon = document.getElementById('menu-icon');\r\n\r\n        if (menuBtn && mobileMenu) {\r\n            menuBtn.addEventListener('click', function(e) {\r\n                e.preventDefault();\r\n                e.stopPropagation();\r\n                \r\n                if (mobileMenu.style.display === 'none' || mobileMenu.style.display === '') {\r\n                    mobileMenu.style.display = 'block';\r\n                    if(menuIcon) {\r\n                        menuIcon.className = 'fa-solid fa-xmark';\r\n                    }\r\n                } else {\r\n                    mobileMenu.style.display = 'none';\r\n                    if(menuIcon) {\r\n                        menuIcon.className = 'fa-solid fa-bars';\r\n                    }\r\n                }\r\n            });\r\n        }\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\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>Rubaiyat. Home About Services Portfolio Contact Hire Me Home About Services Portfolio Contact Featured Work My Projects Here is a showcase of my work in Photoshop, Data Management, and Content Creation. All Works Photoshop Web Dev Writing Photos \/ Lightroom Photo Editing &#038; Manipulation Custom graphic design, image enhancement, color grading and background removal work. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-80","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/kaziconsumerproductsltd.xyz\/index.php?rest_route=\/wp\/v2\/pages\/80","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kaziconsumerproductsltd.xyz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kaziconsumerproductsltd.xyz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kaziconsumerproductsltd.xyz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kaziconsumerproductsltd.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=80"}],"version-history":[{"count":46,"href":"https:\/\/kaziconsumerproductsltd.xyz\/index.php?rest_route=\/wp\/v2\/pages\/80\/revisions"}],"predecessor-version":[{"id":324,"href":"https:\/\/kaziconsumerproductsltd.xyz\/index.php?rest_route=\/wp\/v2\/pages\/80\/revisions\/324"}],"wp:attachment":[{"href":"https:\/\/kaziconsumerproductsltd.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=80"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}