{"id":2,"date":"2026-02-08T11:40:26","date_gmt":"2026-02-08T11:40:26","guid":{"rendered":"https:\/\/kaishalam.yojanablog.in\/?page_id=2"},"modified":"2026-02-08T12:05:59","modified_gmt":"2026-02-08T12:05:59","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/kaishalam.yojanablog.in\/","title":{"rendered":"Home"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Kaish Alam &#8211; WordPress Developer (Minimal)<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        sans: ['Inter', 'sans-serif'],\n                    },\n                    colors: {\n                        primary: '#2563EB', \/\/ Blue 600\n                        secondary: '#EFF6FF', \/\/ Blue 50\n                    }\n                }\n            }\n        }\n    <\/script>\n<\/head>\n\n<body class=\"font-sans text-gray-800 bg-white\">\n\n    \n\n    <!-- Hero Section -->\n    <section class=\"pt-12 pb-20 lg:pb-32 overflow-hidden\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative\">\n            <div class=\"lg:grid lg:grid-cols-12 lg:gap-16 items-center\">\n                <div class=\"lg:col-span-6 text-center lg:text-left\">\n                    <span\n                        class=\"inline-block py-1 px-3 rounded-full bg-blue-50 text-blue-600 text-sm font-semibold mb-6\">WordPress\n                        Developer &#038; Frontend Expert<\/span>\n                    <h1 class=\"text-4xl tracking-tight font-extrabold text-gray-900 sm:text-5xl md:text-6xl mb-6\">\n                        Building <span class=\"text-primary\">Fast<\/span> &#038; <span class=\"text-primary\">SEO-Friendly<\/span>\n                        Websites.\n                    <\/h1>\n                    <p class=\"mt-4 text-lg text-gray-500 mb-8 max-w-2xl mx-auto lg:mx-0\">\n                        I help businesses and agencies build high-performance WordPress sites that rank well and convert\n                        visitors into customers.\n                    <\/p>\n                    <div class=\"flex justify-center lg:justify-start space-x-4\">\n                        <a href=\"#contact\"\n                            class=\"px-8 py-3.5 border border-transparent text-base font-medium rounded-full text-white bg-primary hover:bg-blue-700 md:py-4 md:text-lg shadow-lg hover:shadow-xl transition-all\">\n                            Hire Me\n                        <\/a>\n                        <a href=\"#projects\"\n                            class=\"px-8 py-3.5 border border-gray-200 text-base font-medium rounded-full text-gray-700 bg-white hover:bg-gray-50 md:py-4 md:text-lg transition-all\">\n                            View Work\n                        <\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"lg:col-span-6 mt-12 lg:mt-0 relative\">\n                    <!-- Decorative blobs -->\n                    <div\n                        class=\"absolute top-0 right-0 -mr-20 -mt-20 w-72 h-72 bg-blue-100 rounded-full mix-blend-multiply filter blur-3xl opacity-70 animate-blob\">\n                    <\/div>\n                    <div\n                        class=\"absolute bottom-0 left-0 -ml-20 -mb-20 w-72 h-72 bg-purple-100 rounded-full mix-blend-multiply filter blur-3xl opacity-70 animate-blob animation-delay-2000\">\n                    <\/div>\n\n                    <div class=\"relative rounded-2xl overflow-hidden shadow-2xl border-4 border-white\">\n                        <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/574071\/pexels-photo-574071.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=800\"\n                            alt=\"Developer Workspace\" class=\"w-full h-full object-cover\">\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Brands\/Trust -->\n    <section class=\"py-10 bg-gray-50 border-y border-gray-100\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <p class=\"text-center text-sm font-semibold text-gray-400 uppercase tracking-wide mb-6\">Trusted for\n                Performance &#038; Quality<\/p>\n            <div\n                class=\"grid grid-cols-2 gap-8 md:grid-cols-4 opacity-60 grayscale hover:grayscale-0 transition-all duration-500\">\n                <div class=\"col-span-1 flex justify-center md:col-span-1\">\n                    <span class=\"text-2xl font-bold text-gray-400\">WordPress<\/span>\n                <\/div>\n                <div class=\"col-span-1 flex justify-center md:col-span-1\">\n                    <span class=\"text-2xl font-bold text-gray-400\">WooCommerce<\/span>\n                <\/div>\n                <div class=\"col-span-1 flex justify-center md:col-span-1\">\n                    <span class=\"text-2xl font-bold text-gray-400\">Elementor<\/span>\n                <\/div>\n                <div class=\"col-span-1 flex justify-center md:col-span-1\">\n                    <span class=\"text-2xl font-bold text-gray-400\">Yoast SEO<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Services Section -->\n    <section id=\"services\" class=\"py-24 bg-white\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center mb-16\">\n                <h2 class=\"text-base text-primary font-semibold tracking-wide uppercase\">Services<\/h2>\n                <p class=\"mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl\">What I Bring\n                    to the Table<\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-10\">\n                <!-- Service 1 -->\n                <div\n                    class=\"p-8 bg-white rounded-2xl shadow-lg border border-gray-100 hover:shadow-xl transition-shadow duration-300\">\n                    <div class=\"w-14 h-14 bg-blue-100 rounded-xl flex items-center justify-center text-primary mb-6\">\n                        <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                                d=\"M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4\"><\/path>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold text-gray-900 mb-3\">Custom WordPress Dev<\/h3>\n                    <p class=\"text-gray-500 leading-relaxed\">Tailored themes and plugins built from scratch or\n                        customized to fit your exact business needs.<\/p>\n                <\/div>\n\n                <!-- Service 2 -->\n                <div\n                    class=\"p-8 bg-white rounded-2xl shadow-lg border border-gray-100 hover:shadow-xl transition-shadow duration-300\">\n                    <div class=\"w-14 h-14 bg-green-100 rounded-xl flex items-center justify-center text-green-600 mb-6\">\n                        <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                                d=\"M13 7h8m0 0v8m0-8l-8 8-4-4-6 6\"><\/path>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold text-gray-900 mb-3\">SEO Optimization<\/h3>\n                    <p class=\"text-gray-500 leading-relaxed\">Technical SEO infrastructure, schema markup, and speed\n                        optimization to boost your rankings.<\/p>\n                <\/div>\n\n                <!-- Service 3 -->\n                <div\n                    class=\"p-8 bg-white rounded-2xl shadow-lg border border-gray-100 hover:shadow-xl transition-shadow duration-300\">\n                    <div\n                        class=\"w-14 h-14 bg-purple-100 rounded-xl flex items-center justify-center text-purple-600 mb-6\">\n                        <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                                d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.384-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z\">\n                            <\/path>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold text-gray-900 mb-3\">Speed &#038; Performance<\/h3>\n                    <p class=\"text-gray-500 leading-relaxed\">Core Web Vitals optimization to ensure your site loads\n                        instantly and retains visitors.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Featured Projects -->\n    <section id=\"projects\" class=\"py-24 bg-gray-50\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"flex flex-col md:flex-row justify-between items-end mb-12\">\n                <div>\n                    <h2 class=\"text-base text-primary font-semibold tracking-wide uppercase\">Portfolio<\/h2>\n                    <p class=\"mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl\">Featured\n                        Projects<\/p>\n                <\/div>\n                <a href=\"#\"\n                    class=\"hidden md:inline-flex items-center text-primary font-semibold hover:text-blue-700 mt-4 md:mt-0\">\n                    View All Projects <svg class=\"ml-2 w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                            d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path>\n                    <\/svg>\n                <\/a>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n                <!-- Project 1 -->\n                <div\n                    class=\"bg-white rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-300 group\">\n                    <div class=\"h-60 overflow-hidden relative\">\n                        <div class=\"absolute inset-0 bg-black\/10 group-hover:bg-black\/0 transition-colors z-10\"><\/div>\n                        <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/3184291\/pexels-photo-3184291.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=800\"\n                            alt=\"Yojana Blog\"\n                            class=\"w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500\">\n                    <\/div>\n                    <div class=\"p-6\">\n                        <div class=\"flex items-center justify-between mb-3\">\n                            <span class=\"px-3 py-1 bg-blue-50 text-blue-600 text-xs font-semibold rounded-full\">Blog\n                                Portal<\/span>\n                            <span class=\"text-gray-400 text-sm\">2024<\/span>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold text-gray-900 mb-2 group-hover:text-primary transition-colors\">\n                            Yojana Government Info<\/h3>\n                        <p class=\"text-gray-500 text-sm mb-4\">A high-traffic information portal for government schemes\n                            with optimized SEO infrastructure.<\/p>\n                        <a href=\"#\"\n                            class=\"inline-flex items-center text-sm font-semibold text-gray-900 hover:text-primary\">\n                            View Case Study <svg class=\"ml-1 w-4 h-4\" fill=\"none\" stroke=\"currentColor\"\n                                viewBox=\"0 0 24 24\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                                    d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n                            <\/svg>\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <!-- Project 2 -->\n                <div\n                    class=\"bg-white rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-300 group\">\n                    <div class=\"h-60 overflow-hidden relative\">\n                        <div class=\"absolute inset-0 bg-black\/10 group-hover:bg-black\/0 transition-colors z-10\"><\/div>\n                        <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/3183150\/pexels-photo-3183150.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=800\"\n                            alt=\"Business Website\"\n                            class=\"w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500\">\n                    <\/div>\n                    <div class=\"p-6\">\n                        <div class=\"flex items-center justify-between mb-3\">\n                            <span\n                                class=\"px-3 py-1 bg-purple-50 text-purple-600 text-xs font-semibold rounded-full\">Business\n                                Site<\/span>\n                            <span class=\"text-gray-400 text-sm\">2023<\/span>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold text-gray-900 mb-2 group-hover:text-primary transition-colors\">\n                            Corporate Agency Web<\/h3>\n                        <p class=\"text-gray-500 text-sm mb-4\">Clean, professional website for a local business agency\n                            focusing on lead generation.<\/p>\n                        <a href=\"#\"\n                            class=\"inline-flex items-center text-sm font-semibold text-gray-900 hover:text-primary\">\n                            View Case Study <svg class=\"ml-1 w-4 h-4\" fill=\"none\" stroke=\"currentColor\"\n                                viewBox=\"0 0 24 24\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                                    d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n                            <\/svg>\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <!-- Project 3 -->\n                <div\n                    class=\"bg-white rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-300 group\">\n                    <div class=\"h-60 overflow-hidden relative\">\n                        <div class=\"absolute inset-0 bg-black\/10 group-hover:bg-black\/0 transition-colors z-10\"><\/div>\n                        <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/1779487\/pexels-photo-1779487.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=800\"\n                            alt=\"Portfolio\"\n                            class=\"w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500\">\n                    <\/div>\n                    <div class=\"p-6\">\n                        <div class=\"flex items-center justify-between mb-3\">\n                            <span\n                                class=\"px-3 py-1 bg-green-50 text-green-600 text-xs font-semibold rounded-full\">Portfolio<\/span>\n                            <span class=\"text-gray-400 text-sm\">2023<\/span>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold text-gray-900 mb-2 group-hover:text-primary transition-colors\">\n                            Developer Portfolio V1<\/h3>\n                        <p class=\"text-gray-500 text-sm mb-4\">Minimalist personal portfolio highlighting code quality\n                            and fast loading times.<\/p>\n                        <a href=\"#\"\n                            class=\"inline-flex items-center text-sm font-semibold text-gray-900 hover:text-primary\">\n                            View Case Study <svg class=\"ml-1 w-4 h-4\" fill=\"none\" stroke=\"currentColor\"\n                                viewBox=\"0 0 24 24\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                                    d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n                            <\/svg>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"mt-12 text-center md:hidden\">\n                <a href=\"#\" class=\"inline-flex items-center text-primary font-semibold hover:text-blue-700\">\n                    View All Projects <svg class=\"ml-2 w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                            d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path>\n                    <\/svg>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Testimonials -->\n    <section class=\"py-24 bg-white relative overflow-hidden\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n            <h2 class=\"text-3xl font-extrabold text-center text-gray-900 mb-16\">See What People Are Saying<\/h2>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n                <!-- Testimonial 1 -->\n                <div class=\"p-8 bg-gray-50 rounded-2xl relative\">\n                    <div class=\"text-primary text-4xl font-serif absolute top-4 left-6 opacity-30\">&#8220;<\/div>\n                    <p class=\"text-gray-600 mb-6 relative z-10 italic\">&#8220;Kaish delivered exactly what we needed. The site\n                        is fast, the code is clean, and our traffic increased by 40% after the redesign.&#8221;<\/p>\n                    <div class=\"flex items-center\">\n                        <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/220453\/pexels-photo-220453.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=100\"\n                            alt=\"Client\" class=\"w-12 h-12 rounded-full object-cover\">\n                        <div class=\"ml-4\">\n                            <h4 class=\"text-sm font-bold text-gray-900\">Rahul Sharma<\/h4>\n                            <p class=\"text-xs text-gray-500\">CEO, TechStart<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Testimonial 2 -->\n                <div class=\"p-8 bg-gray-50 rounded-2xl relative\">\n                    <div class=\"text-primary text-4xl font-serif absolute top-4 left-6 opacity-30\">&#8220;<\/div>\n                    <p class=\"text-gray-600 mb-6 relative z-10 italic\">&#8220;Professional, responsive, and easy to work with.\n                        He understood our requirements immediately and executed perfectly.&#8221;<\/p>\n                    <div class=\"flex items-center\">\n                        <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/415829\/pexels-photo-415829.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=100\"\n                            alt=\"Client\" class=\"w-12 h-12 rounded-full object-cover\">\n                        <div class=\"ml-4\">\n                            <h4 class=\"text-sm font-bold text-gray-900\">Priya Singh<\/h4>\n                            <p class=\"text-xs text-gray-500\">Marketing Director<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Testimonial 3 -->\n                <div class=\"p-8 bg-gray-50 rounded-2xl relative\">\n                    <div class=\"text-primary text-4xl font-serif absolute top-4 left-6 opacity-30\">&#8220;<\/div>\n                    <p class=\"text-gray-600 mb-6 relative z-10 italic\">&#8220;Great knowledge of WordPress and SEO. Fixed our\n                        core web vitals issues that other developers couldn&#8217;t solve.&#8221;<\/p>\n                    <div class=\"flex items-center\">\n                        <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/1043471\/pexels-photo-1043471.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=100\"\n                            alt=\"Client\" class=\"w-12 h-12 rounded-full object-cover\">\n                        <div class=\"ml-4\">\n                            <h4 class=\"text-sm font-bold text-gray-900\">Amit Verma<\/h4>\n                            <p class=\"text-xs text-gray-500\">Founder, EduBlog<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n   \n\n    <!-- Simple Animation Config -->\n    <style>\n        .animate-blob {\n            animation: blob 7s infinite;\n        }\n\n        .animation-delay-2000 {\n            animation-delay: 2s;\n        }\n\n        @keyframes blob {\n            0% {\n                transform: translate(0px, 0px) scale(1);\n            }\n\n            33% {\n                transform: translate(30px, -50px) scale(1.1);\n            }\n\n            66% {\n                transform: translate(-20px, 20px) scale(0.9);\n            }\n\n            100% {\n                transform: translate(0px, 0px) scale(1);\n            }\n        }\n    <\/style>\n<\/body>\n\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kaish Alam &#8211; WordPress Developer (Minimal) WordPress Developer &#038; Frontend Expert Building Fast &#038; SEO-Friendly Websites. I help businesses and agencies build high-performance WordPress sites that rank well and convert visitors into customers. Hire Me View Work Trusted for Performance &#038; Quality WordPress WooCommerce Elementor Yoast SEO Services What I Bring to the Table Custom &#8230; <a title=\"Home\" class=\"read-more\" href=\"https:\/\/kaishalam.yojanablog.in\/\" aria-label=\"Read more about Home\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/kaishalam.yojanablog.in\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kaishalam.yojanablog.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kaishalam.yojanablog.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kaishalam.yojanablog.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kaishalam.yojanablog.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":5,"href":"https:\/\/kaishalam.yojanablog.in\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":20,"href":"https:\/\/kaishalam.yojanablog.in\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/20"}],"wp:attachment":[{"href":"https:\/\/kaishalam.yojanablog.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}