Featured Projects<\/title>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Barlow:wght@300;400;500;600;700&family=Barlow+Condensed:wght@600;700;800&display=swap');\n\n:root {\n --bg-card: #111111;\n --border: rgba(255,255,255,0.07);\n --border-h: rgba(200,240,0,0.38);\n --lime: #c8f000;\n --lime-dim: rgba(200,240,0,0.11);\n --white: #ffffff;\n --muted: rgba(255,255,255,0.42);\n --tag-bg: rgba(200,240,0,0.09);\n --radius: 10px;\n --ease: cubic-bezier(0.22,1,0.36,1);\n --ease-b: cubic-bezier(0.34,1.56,0.64,1);\n --vh: 230px; \/* viewport window height \u2014 change to adjust how much hero is visible *\/\n}\n\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\nhtml{-webkit-font-smoothing:antialiased}\n\n\/* \u2500\u2500 Section \u2500\u2500 *\/\n#fp2{\n font-family:'Barlow',system-ui,sans-serif;\n background:transparent;\n color:var(--white);\n padding:90px 40px 110px;\n position:relative;\n overflow:hidden;\n}\n\n\/* \u2500\u2500 Header \u2500\u2500 *\/\n.fp2-header{position:relative;z-index:2;text-align:center;margin-bottom:60px}\n.fp2-eyebrow{\n display:inline-flex;align-items:center;gap:10px;\n font-size:.72rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;\n color:var(--lime);margin-bottom:16px;\n opacity:0;animation:fp2-up .6s var(--ease) .05s forwards;\n}\n.fp2-eyebrow::before,.fp2-eyebrow::after{\n content:'';display:block;width:28px;height:1.5px;background:var(--lime);opacity:.6;\n}\n.fp2-title{\n font-family:'Barlow Condensed',sans-serif;\n font-size:clamp(2.6rem,5vw,4.2rem);font-weight:800;line-height:1.05;\n color:var(--white);margin-bottom:18px;\n opacity:0;animation:fp2-up .7s var(--ease) .18s forwards;\n}\n.fp2-title span{color:var(--lime)}\n.fp2-subtitle{\n font-size:1rem;font-weight:300;color:var(--muted);max-width:540px;margin:0 auto;line-height:1.7;\n opacity:0;animation:fp2-up .7s var(--ease) .3s forwards;\n}\n@keyframes fp2-up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}\n\n\/* \u2500\u2500 Divider \u2500\u2500 *\/\n.fp2-divider{\n position:relative;z-index:2;display:flex;align-items:center;gap:14px;\n max-width:1260px;margin:0 auto 50px;\n}\n.fp2-divider__line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}\n.fp2-divider__pill{\n display:flex;align-items:center;gap:6px;padding:4px 12px;\n border:1px solid var(--border);border-radius:100px;\n font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);\n}\n.fp2-divider__dot{width:5px;height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 6px var(--lime)}\n\n\/* \u2500\u2500 Grid \u2500\u2500 *\/\n.fp2-grid{\n position:relative;z-index:2;\n display:grid;grid-template-columns:repeat(3,1fr);gap:24px;\n max-width:1260px;margin:0 auto;\n}\n\n\/* \u2500\u2500 Card \u2500\u2500 *\/\n.fp2-card{\n position:relative;\n background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);\n overflow:hidden;cursor:pointer;display:flex;flex-direction:column;\n opacity:0;transform:translateY(36px);\n transition:\n opacity .65s var(--ease),\n transform .65s var(--ease),\n border-color .35s ease,\n box-shadow .45s ease;\n}\n.fp2-card.is-visible{opacity:1;transform:translateY(0)}\n.fp2-card:hover{\n border-color:var(--border-h);\n box-shadow:0 0 0 1px var(--border-h),\n 0 24px 60px rgba(0,0,0,.6),\n 0 0 48px var(--lime-dim);\n}\n.fp2-card:nth-child(1){transition-delay:.08s}\n.fp2-card:nth-child(2){transition-delay:.2s}\n.fp2-card:nth-child(3){transition-delay:.33s}\n\n\/* top lime bar *\/\n.fp2-card::before{\n content:'';position:absolute;top:0;left:0;right:0;height:2px;\n background:linear-gradient(90deg,transparent,var(--lime),transparent);\n opacity:0;transition:opacity .35s ease;z-index:5;\n}\n.fp2-card:hover::before{opacity:1}\n\n\/* mouse spotlight *\/\n.fp2-card__spot{\n position:absolute;inset:0;\n background:radial-gradient(circle 320px at var(--sx,50%) var(--sy,0%),rgba(200,240,0,.055),transparent 65%);\n pointer-events:none;z-index:1;opacity:0;transition:opacity .3s ease;\n}\n.fp2-card:hover .fp2-card__spot{opacity:1}\n\n\/* ================================================================\n BROWSER MOCKUP\n================================================================ *\/\n.fp2-mockup{position:relative;background:#0a0a0a;flex-shrink:0}\n\n\/* chrome bar *\/\n.fp2-chrome{\n display:flex;align-items:center;gap:8px;padding:9px 12px;\n background:#141414;border-bottom:1px solid rgba(255,255,255,.06);\n position:relative;z-index:4;\n}\n.fp2-dots{display:flex;gap:5px}\n.fp2-dot{width:8px;height:8px;border-radius:50%}\n.fp2-dot--r{background:#ff5f57}\n.fp2-dot--y{background:#febc2e}\n.fp2-dot--g{background:#28c840}\n.fp2-urlbar{\n flex:1;background:#1c1c1c;border-radius:4px;height:19px;\n display:flex;align-items:center;padding:0 8px;gap:5px;overflow:hidden;\n}\n.fp2-padlock{width:7px;height:9px;flex-shrink:0;background:rgba(255,255,255,.25);border-radius:1.5px;position:relative}\n.fp2-padlock::before{\n content:'';position:absolute;top:-4px;left:50%;transform:translateX(-50%);\n width:5px;height:5px;border:1.5px solid rgba(255,255,255,.25);border-radius:50%;\n}\n.fp2-urltext{font-size:.6rem;color:rgba(255,255,255,.3);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:monospace}\n\n\/* ================================================================\n VIEWPORT \u2014 clips the tall screenshot\n================================================================ *\/\n.fp2-viewport{\n position:relative;\n height:var(--vh); \/* fixed window \u2014 shows only hero\/header by default *\/\n overflow:hidden;\n background:#0f0f0f;\n}\n\n\/* ================================================================\n SCREENSHOT\n Default : translateY(0) \u2192 top of image (header + hero)\n Hover : translateY(calc(-100% + var(--vh))) \u2192 exact bottom of image\n The calc trick works because % in translate = % of the element's OWN height,\n so -100% moves it fully out of view, then we add back the viewport height\n to pin the bottom edge to the bottom of the window.\n================================================================ *\/\n.fp2-screenshot{\n width:100%;\n height:auto; \/* natural height \u2014 lets the full page image render tall *\/\n display:block;\n transform:translateY(0);\n transition:transform 5s cubic-bezier(0.25,0.1,0.25,1);\n position:relative;z-index:2;\n will-change:transform;\n}\n.fp2-card:hover .fp2-screenshot{\n \/* scrolls image so its very bottom aligns with the bottom of the viewport *\/\n transform:translateY(calc(-100% + var(--vh)));\n}\n\n\/* shine sweep on hover entry *\/\n.fp2-shine{\n position:absolute;top:0;left:-50%;width:40%;height:100%;\n background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.06) 50%,transparent 65%);\n transform:skewX(-6deg);pointer-events:none;z-index:6;transition:none;\n}\n.fp2-card:hover .fp2-shine{transition:left .75s var(--ease) .05s;left:130%}\n\n\/* overlay label on hover *\/\n.fp2-overlay{\n position:absolute;bottom:0;left:0;right:0;\n padding:18px 16px 14px;\n background:linear-gradient(to top,rgba(0,0,0,.75) 0%,transparent 100%);\n display:flex;align-items:flex-end;justify-content:space-between;\n opacity:0;transition:opacity .4s ease;\n z-index:7;pointer-events:none;\n}\n.fp2-card:hover .fp2-overlay{opacity:1}\n.fp2-overlay-label{\n font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;\n color:rgba(255,255,255,.7);\n}\n.fp2-overlay-icon{\n width:28px;height:28px;border-radius:50%;\n background:var(--lime);\n display:flex;align-items:center;justify-content:center;\n}\n\n\/* ================================================================\n CARD BODY\n================================================================ *\/\n.fp2-body{padding:20px 22px 24px;position:relative;z-index:2;flex:1;display:flex;flex-direction:column}\n.fp2-tag{\n display:inline-flex;align-items:center;gap:5px;\n padding:3px 10px 3px 7px;\n background:var(--tag-bg);border:1px solid rgba(200,240,0,.18);border-radius:100px;\n font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;\n color:var(--lime);margin-bottom:12px;width:fit-content;\n}\n.fp2-tag-dot{width:5px;height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 5px var(--lime);flex-shrink:0}\n.fp2-name{\n font-family:'Barlow Condensed',sans-serif;font-size:1.75rem;font-weight:800;\n line-height:1;color:var(--white);margin-bottom:8px;\n}\n.fp2-desc{\n font-size:.875rem;font-weight:300;color:var(--muted);line-height:1.65;\n flex:1;margin-bottom:20px;\n}\n.fp2-btn{\n display:inline-flex;align-items:center;gap:8px;width:fit-content;\n padding:10px 20px;background:var(--lime);color:#0d0d0d;\n font-family:'Barlow',sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.06em;\n text-transform:uppercase;text-decoration:none;border-radius:4px;\n transition:background .25s ease,transform .3s var(--ease-b),box-shadow .3s ease;\n}\n.fp2-btn:hover{background:#d8ff00;transform:translateY(-2px);box-shadow:0 8px 24px rgba(200,240,0,.3)}\n.fp2-btn svg{flex-shrink:0;transition:transform .3s var(--ease-b)}\n.fp2-btn:hover svg{transform:translateX(3px) rotate(-30deg)}\n\n\/* ================================================================\n RESPONSIVE\n================================================================ *\/\n@media(max-width:1024px){\n .fp2-grid{grid-template-columns:repeat(2,1fr);gap:20px}\n #fp2{padding:70px 24px 90px}\n}\n@media(max-width:600px){\n .fp2-grid{grid-template-columns:1fr;gap:18px}\n #fp2{padding:56px 16px 72px}\n :root{--vh:200px}\n}\n<\/style>\n<\/head>\n<body>\n\n<section id=\"fp2\" aria-label=\"Featured Projects\">\n \n <header class=\"fp2-header\">\n <p class=\"fp2-eyebrow\">Latest Works<\/p>\n <h2 class=\"fp2-title\">Featured <span>Projects<\/span><\/h2>\n <p class=\"fp2-subtitle\">A selection of premium web experiences crafted for modern brands across legal, healthcare, and hospitality industries.<\/p>\n <\/header>\n\n \n <div class=\"fp2-divider\" aria-hidden=\"true\">\n <div class=\"fp2-divider__line\"><\/div>\n <div class=\"fp2-divider__pill\"><span class=\"fp2-divider__dot\"><\/span>3 Projects<\/div>\n <div class=\"fp2-divider__line\"><\/div>\n <\/div>\n\n \n <div class=\"fp2-grid\" role=\"list\">\n\n \n <article class=\"fp2-card\" role=\"listitem\"\n data-url=\"https:\/\/project1.hirehaseeb.work\/\"\n tabindex=\"0\" aria-label=\"Lexcore \u2013 Legal & Law Firm\">\n <div class=\"fp2-card__spot\" aria-hidden=\"true\"><\/div>\n <div class=\"fp2-mockup\" aria-hidden=\"true\">\n <div class=\"fp2-chrome\">\n <div class=\"fp2-dots\">\n <span class=\"fp2-dot fp2-dot--r\"><\/span>\n <span class=\"fp2-dot fp2-dot--y\"><\/span>\n <span class=\"fp2-dot fp2-dot--g\"><\/span>\n <\/div>\n <div class=\"fp2-urlbar\">\n <div class=\"fp2-padlock\"><\/div>\n <span class=\"fp2-urltext\">project1.hirehaseeb.work<\/span>\n <\/div>\n <\/div>\n <div class=\"fp2-viewport\">\n <img decoding=\"async\"\n class=\"fp2-screenshot\"\n src=\"https:\/\/hirehaseeb.work\/wp-content\/uploads\/2026\/05\/Lexcorhome-scaled.png\"\n alt=\"Lexcore law firm website full-page preview\"\n loading=\"lazy\"\n >\n <div class=\"fp2-overlay\">\n <span class=\"fp2-overlay-label\">Scroll to explore<\/span>\n <span class=\"fp2-overlay-icon\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\n <path d=\"M6 2v8M3 7l3 3 3-3\" stroke=\"#0d0d0d\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/span>\n <\/div>\n <div class=\"fp2-shine\"><\/div>\n <\/div>\n <\/div>\n <div class=\"fp2-body\">\n <span class=\"fp2-tag\"><span class=\"fp2-tag-dot\"><\/span>Legal & Law Firm<\/span>\n <h3 class=\"fp2-name\">Lexcore<\/h3>\n <p class=\"fp2-desc\">A commanding digital presence for a modern law firm \u2014 authoritative design meets seamless client experience.<\/p>\n <a class=\"fp2-btn\"\n href=\"https:\/\/project1.hirehaseeb.work\/\"\n target=\"_blank\" rel=\"noopener noreferrer\"\n aria-label=\"View Lexcore live site\">\n Live Preview\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\n <path d=\"M1.5 10.5L10.5 1.5M10.5 1.5H5M10.5 1.5V7\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/a>\n <\/div>\n <\/article>\n\n \n <article class=\"fp2-card\" role=\"listitem\"\n data-url=\"http:\/\/medicareplus.hirehaseeb.work\/\"\n tabindex=\"0\" aria-label=\"Mediplus+ \u2013 Healthcare & Medical\">\n <div class=\"fp2-card__spot\" aria-hidden=\"true\"><\/div>\n <div class=\"fp2-mockup\" aria-hidden=\"true\">\n <div class=\"fp2-chrome\">\n <div class=\"fp2-dots\">\n <span class=\"fp2-dot fp2-dot--r\"><\/span>\n <span class=\"fp2-dot fp2-dot--y\"><\/span>\n <span class=\"fp2-dot fp2-dot--g\"><\/span>\n <\/div>\n <div class=\"fp2-urlbar\">\n <div class=\"fp2-padlock\"><\/div>\n <span class=\"fp2-urltext\">medicareplus.hirehaseeb.work<\/span>\n <\/div>\n <\/div>\n <div class=\"fp2-viewport\">\n <img decoding=\"async\"\n class=\"fp2-screenshot\"\n src=\"https:\/\/hirehaseeb.work\/wp-content\/uploads\/2026\/05\/Medicareplushome-scaled.png\"\n alt=\"Mediplus+ healthcare website full-page preview\"\n loading=\"lazy\"\n >\n <div class=\"fp2-overlay\">\n <span class=\"fp2-overlay-label\">Scroll to explore<\/span>\n <span class=\"fp2-overlay-icon\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\n <path d=\"M6 2v8M3 7l3 3 3-3\" stroke=\"#0d0d0d\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/span>\n <\/div>\n <div class=\"fp2-shine\"><\/div>\n <\/div>\n <\/div>\n <div class=\"fp2-body\">\n <span class=\"fp2-tag\"><span class=\"fp2-tag-dot\"><\/span>Healthcare & Medical<\/span>\n <h3 class=\"fp2-name\">Mediplus+<\/h3>\n <p class=\"fp2-desc\">Trusted care starts online \u2014 a clean, reassuring digital platform built for hospitals and modern clinics.<\/p>\n <a class=\"fp2-btn\"\n href=\"http:\/\/medicareplus.hirehaseeb.work\/\"\n target=\"_blank\" rel=\"noopener noreferrer\"\n aria-label=\"View Mediplus+ live site\">\n Live Preview\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\n <path d=\"M1.5 10.5L10.5 1.5M10.5 1.5H5M10.5 1.5V7\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/a>\n <\/div>\n <\/article>\n\n \n <article class=\"fp2-card\" role=\"listitem\"\n data-url=\"https:\/\/savoria.hirehaseeb.work\/\"\n tabindex=\"0\" aria-label=\"Savoria \u2013 Restaurant & Food\">\n <div class=\"fp2-card__spot\" aria-hidden=\"true\"><\/div>\n <div class=\"fp2-mockup\" aria-hidden=\"true\">\n <div class=\"fp2-chrome\">\n <div class=\"fp2-dots\">\n <span class=\"fp2-dot fp2-dot--r\"><\/span>\n <span class=\"fp2-dot fp2-dot--y\"><\/span>\n <span class=\"fp2-dot fp2-dot--g\"><\/span>\n <\/div>\n <div class=\"fp2-urlbar\">\n <div class=\"fp2-padlock\"><\/div>\n <span class=\"fp2-urltext\">savoria.hirehaseeb.work<\/span>\n <\/div>\n <\/div>\n <div class=\"fp2-viewport\">\n <img decoding=\"async\"\n class=\"fp2-screenshot\"\n src=\"https:\/\/hirehaseeb.work\/wp-content\/uploads\/2026\/05\/Savoriahome.png\"\n alt=\"Savoria restaurant website full-page preview\"\n loading=\"lazy\"\n >\n <div class=\"fp2-overlay\">\n <span class=\"fp2-overlay-label\">Scroll to explore<\/span>\n <span class=\"fp2-overlay-icon\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\n <path d=\"M6 2v8M3 7l3 3 3-3\" stroke=\"#0d0d0d\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/span>\n <\/div>\n <div class=\"fp2-shine\"><\/div>\n <\/div>\n <\/div>\n <div class=\"fp2-body\">\n <span class=\"fp2-tag\"><span class=\"fp2-tag-dot\"><\/span>Restaurant & Food<\/span>\n <h3 class=\"fp2-name\">Savoria<\/h3>\n <p class=\"fp2-desc\">An immersive culinary journey online \u2014 warm, elegant design that turns first-time visitors into reservations.<\/p>\n <a class=\"fp2-btn\"\n href=\"https:\/\/savoria.hirehaseeb.work\/\"\n target=\"_blank\" rel=\"noopener noreferrer\"\n aria-label=\"View Savoria live site\">\n Live Preview\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\n <path d=\"M1.5 10.5L10.5 1.5M10.5 1.5H5M10.5 1.5V7\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/a>\n <\/div>\n <\/article>\n\n <\/div>\n<\/section>\n\n<script>\n(function(){\n 'use strict';\n\n \/* \u2500\u2500 Scroll Reveal \u2500\u2500 *\/\n var cards = document.querySelectorAll('.fp2-card');\n if('IntersectionObserver' in window){\n var io = new IntersectionObserver(function(entries){\n entries.forEach(function(e){\n if(e.isIntersecting){ e.target.classList.add('is-visible'); io.unobserve(e.target); }\n });\n },{threshold:0.1});\n cards.forEach(function(c){ io.observe(c); });\n } else {\n cards.forEach(function(c){ c.classList.add('is-visible'); });\n }\n\n \/* \u2500\u2500 Mouse Spotlight \u2500\u2500 *\/\n cards.forEach(function(card){\n card.addEventListener('mousemove', function(e){\n var r = card.getBoundingClientRect();\n card.style.setProperty('--sx', ((e.clientX - r.left) \/ r.width * 100) + '%');\n card.style.setProperty('--sy', ((e.clientY - r.top) \/ r.height * 100) + '%');\n });\n\n \/* Click card body \u2192 open URL *\/\n card.addEventListener('click', function(e){\n if(e.target.closest('a')) return;\n var url = card.dataset.url;\n if(url) window.open(url,'_blank','noopener,noreferrer');\n });\n\n \/* Keyboard *\/\n card.addEventListener('keydown', function(e){\n if(e.key==='Enter'||e.key===' '){\n e.preventDefault();\n var url = card.dataset.url;\n if(url) window.open(url,'_blank','noopener,noreferrer');\n }\n });\n });\n\n \/* Stop link clicks bubbling to card *\/\n document.querySelectorAll('.fp2-btn').forEach(function(b){\n b.addEventListener('click', function(e){ e.stopPropagation(); });\n });\n\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Featured Projects Latest Works Featured Projects A selection of premium web experiences crafted for modern brands across legal, healthcare, and hospitality industries. 3 Projects project1.hirehaseeb.work Scroll to explore Legal & Law Firm Lexcore A commanding digital presence for a modern law firm \u2014 authoritative design meets seamless client experience. Live Preview medicareplus.hirehaseeb.work Scroll to explore […]<\/p>\n","protected":false},"author":1,"featured_media":1325,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-30","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/hirehaseeb.work\/index.php?rest_route=\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hirehaseeb.work\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hirehaseeb.work\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hirehaseeb.work\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hirehaseeb.work\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=30"}],"version-history":[{"count":4,"href":"https:\/\/hirehaseeb.work\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":1491,"href":"https:\/\/hirehaseeb.work\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions\/1491"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hirehaseeb.work\/index.php?rest_route=\/wp\/v2\/media\/1325"}],"wp:attachment":[{"href":"https:\/\/hirehaseeb.work\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

<\/div>

<\/div><\/div>\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nFeatured Projects<\/title>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Barlow:wght@300;400;500;600;700&family=Barlow+Condensed:wght@600;700;800&display=swap');\n\n:root {\n --bg-card: #111111;\n --border: rgba(255,255,255,0.07);\n --border-h: rgba(200,240,0,0.38);\n --lime: #c8f000;\n --lime-dim: rgba(200,240,0,0.11);\n --white: #ffffff;\n --muted: rgba(255,255,255,0.42);\n --tag-bg: rgba(200,240,0,0.09);\n --radius: 10px;\n --ease: cubic-bezier(0.22,1,0.36,1);\n --ease-b: cubic-bezier(0.34,1.56,0.64,1);\n --vh: 230px; \/* viewport window height \u2014 change to adjust how much hero is visible *\/\n}\n\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\nhtml{-webkit-font-smoothing:antialiased}\n\n\/* \u2500\u2500 Section \u2500\u2500 *\/\n#fp2{\n font-family:'Barlow',system-ui,sans-serif;\n background:transparent;\n color:var(--white);\n padding:90px 40px 110px;\n position:relative;\n overflow:hidden;\n}\n\n\/* \u2500\u2500 Header \u2500\u2500 *\/\n.fp2-header{position:relative;z-index:2;text-align:center;margin-bottom:60px}\n.fp2-eyebrow{\n display:inline-flex;align-items:center;gap:10px;\n font-size:.72rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;\n color:var(--lime);margin-bottom:16px;\n opacity:0;animation:fp2-up .6s var(--ease) .05s forwards;\n}\n.fp2-eyebrow::before,.fp2-eyebrow::after{\n content:'';display:block;width:28px;height:1.5px;background:var(--lime);opacity:.6;\n}\n.fp2-title{\n font-family:'Barlow Condensed',sans-serif;\n font-size:clamp(2.6rem,5vw,4.2rem);font-weight:800;line-height:1.05;\n color:var(--white);margin-bottom:18px;\n opacity:0;animation:fp2-up .7s var(--ease) .18s forwards;\n}\n.fp2-title span{color:var(--lime)}\n.fp2-subtitle{\n font-size:1rem;font-weight:300;color:var(--muted);max-width:540px;margin:0 auto;line-height:1.7;\n opacity:0;animation:fp2-up .7s var(--ease) .3s forwards;\n}\n@keyframes fp2-up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}\n\n\/* \u2500\u2500 Divider \u2500\u2500 *\/\n.fp2-divider{\n position:relative;z-index:2;display:flex;align-items:center;gap:14px;\n max-width:1260px;margin:0 auto 50px;\n}\n.fp2-divider__line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}\n.fp2-divider__pill{\n display:flex;align-items:center;gap:6px;padding:4px 12px;\n border:1px solid var(--border);border-radius:100px;\n font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);\n}\n.fp2-divider__dot{width:5px;height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 6px var(--lime)}\n\n\/* \u2500\u2500 Grid \u2500\u2500 *\/\n.fp2-grid{\n position:relative;z-index:2;\n display:grid;grid-template-columns:repeat(3,1fr);gap:24px;\n max-width:1260px;margin:0 auto;\n}\n\n\/* \u2500\u2500 Card \u2500\u2500 *\/\n.fp2-card{\n position:relative;\n background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);\n overflow:hidden;cursor:pointer;display:flex;flex-direction:column;\n opacity:0;transform:translateY(36px);\n transition:\n opacity .65s var(--ease),\n transform .65s var(--ease),\n border-color .35s ease,\n box-shadow .45s ease;\n}\n.fp2-card.is-visible{opacity:1;transform:translateY(0)}\n.fp2-card:hover{\n border-color:var(--border-h);\n box-shadow:0 0 0 1px var(--border-h),\n 0 24px 60px rgba(0,0,0,.6),\n 0 0 48px var(--lime-dim);\n}\n.fp2-card:nth-child(1){transition-delay:.08s}\n.fp2-card:nth-child(2){transition-delay:.2s}\n.fp2-card:nth-child(3){transition-delay:.33s}\n\n\/* top lime bar *\/\n.fp2-card::before{\n content:'';position:absolute;top:0;left:0;right:0;height:2px;\n background:linear-gradient(90deg,transparent,var(--lime),transparent);\n opacity:0;transition:opacity .35s ease;z-index:5;\n}\n.fp2-card:hover::before{opacity:1}\n\n\/* mouse spotlight *\/\n.fp2-card__spot{\n position:absolute;inset:0;\n background:radial-gradient(circle 320px at var(--sx,50%) var(--sy,0%),rgba(200,240,0,.055),transparent 65%);\n pointer-events:none;z-index:1;opacity:0;transition:opacity .3s ease;\n}\n.fp2-card:hover .fp2-card__spot{opacity:1}\n\n\/* ================================================================\n BROWSER MOCKUP\n================================================================ *\/\n.fp2-mockup{position:relative;background:#0a0a0a;flex-shrink:0}\n\n\/* chrome bar *\/\n.fp2-chrome{\n display:flex;align-items:center;gap:8px;padding:9px 12px;\n background:#141414;border-bottom:1px solid rgba(255,255,255,.06);\n position:relative;z-index:4;\n}\n.fp2-dots{display:flex;gap:5px}\n.fp2-dot{width:8px;height:8px;border-radius:50%}\n.fp2-dot--r{background:#ff5f57}\n.fp2-dot--y{background:#febc2e}\n.fp2-dot--g{background:#28c840}\n.fp2-urlbar{\n flex:1;background:#1c1c1c;border-radius:4px;height:19px;\n display:flex;align-items:center;padding:0 8px;gap:5px;overflow:hidden;\n}\n.fp2-padlock{width:7px;height:9px;flex-shrink:0;background:rgba(255,255,255,.25);border-radius:1.5px;position:relative}\n.fp2-padlock::before{\n content:'';position:absolute;top:-4px;left:50%;transform:translateX(-50%);\n width:5px;height:5px;border:1.5px solid rgba(255,255,255,.25);border-radius:50%;\n}\n.fp2-urltext{font-size:.6rem;color:rgba(255,255,255,.3);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:monospace}\n\n\/* ================================================================\n VIEWPORT \u2014 clips the tall screenshot\n================================================================ *\/\n.fp2-viewport{\n position:relative;\n height:var(--vh); \/* fixed window \u2014 shows only hero\/header by default *\/\n overflow:hidden;\n background:#0f0f0f;\n}\n\n\/* ================================================================\n SCREENSHOT\n Default : translateY(0) \u2192 top of image (header + hero)\n Hover : translateY(calc(-100% + var(--vh))) \u2192 exact bottom of image\n The calc trick works because % in translate = % of the element's OWN height,\n so -100% moves it fully out of view, then we add back the viewport height\n to pin the bottom edge to the bottom of the window.\n================================================================ *\/\n.fp2-screenshot{\n width:100%;\n height:auto; \/* natural height \u2014 lets the full page image render tall *\/\n display:block;\n transform:translateY(0);\n transition:transform 5s cubic-bezier(0.25,0.1,0.25,1);\n position:relative;z-index:2;\n will-change:transform;\n}\n.fp2-card:hover .fp2-screenshot{\n \/* scrolls image so its very bottom aligns with the bottom of the viewport *\/\n transform:translateY(calc(-100% + var(--vh)));\n}\n\n\/* shine sweep on hover entry *\/\n.fp2-shine{\n position:absolute;top:0;left:-50%;width:40%;height:100%;\n background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.06) 50%,transparent 65%);\n transform:skewX(-6deg);pointer-events:none;z-index:6;transition:none;\n}\n.fp2-card:hover .fp2-shine{transition:left .75s var(--ease) .05s;left:130%}\n\n\/* overlay label on hover *\/\n.fp2-overlay{\n position:absolute;bottom:0;left:0;right:0;\n padding:18px 16px 14px;\n background:linear-gradient(to top,rgba(0,0,0,.75) 0%,transparent 100%);\n display:flex;align-items:flex-end;justify-content:space-between;\n opacity:0;transition:opacity .4s ease;\n z-index:7;pointer-events:none;\n}\n.fp2-card:hover .fp2-overlay{opacity:1}\n.fp2-overlay-label{\n font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;\n color:rgba(255,255,255,.7);\n}\n.fp2-overlay-icon{\n width:28px;height:28px;border-radius:50%;\n background:var(--lime);\n display:flex;align-items:center;justify-content:center;\n}\n\n\/* ================================================================\n CARD BODY\n================================================================ *\/\n.fp2-body{padding:20px 22px 24px;position:relative;z-index:2;flex:1;display:flex;flex-direction:column}\n.fp2-tag{\n display:inline-flex;align-items:center;gap:5px;\n padding:3px 10px 3px 7px;\n background:var(--tag-bg);border:1px solid rgba(200,240,0,.18);border-radius:100px;\n font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;\n color:var(--lime);margin-bottom:12px;width:fit-content;\n}\n.fp2-tag-dot{width:5px;height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 5px var(--lime);flex-shrink:0}\n.fp2-name{\n font-family:'Barlow Condensed',sans-serif;font-size:1.75rem;font-weight:800;\n line-height:1;color:var(--white);margin-bottom:8px;\n}\n.fp2-desc{\n font-size:.875rem;font-weight:300;color:var(--muted);line-height:1.65;\n flex:1;margin-bottom:20px;\n}\n.fp2-btn{\n display:inline-flex;align-items:center;gap:8px;width:fit-content;\n padding:10px 20px;background:var(--lime);color:#0d0d0d;\n font-family:'Barlow',sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.06em;\n text-transform:uppercase;text-decoration:none;border-radius:4px;\n transition:background .25s ease,transform .3s var(--ease-b),box-shadow .3s ease;\n}\n.fp2-btn:hover{background:#d8ff00;transform:translateY(-2px);box-shadow:0 8px 24px rgba(200,240,0,.3)}\n.fp2-btn svg{flex-shrink:0;transition:transform .3s var(--ease-b)}\n.fp2-btn:hover svg{transform:translateX(3px) rotate(-30deg)}\n\n\/* ================================================================\n RESPONSIVE\n================================================================ *\/\n@media(max-width:1024px){\n .fp2-grid{grid-template-columns:repeat(2,1fr);gap:20px}\n #fp2{padding:70px 24px 90px}\n}\n@media(max-width:600px){\n .fp2-grid{grid-template-columns:1fr;gap:18px}\n #fp2{padding:56px 16px 72px}\n :root{--vh:200px}\n}\n<\/style>\n<\/head>\n<body>\n\n<section id=\"fp2\" aria-label=\"Featured Projects\">\n \n <header class=\"fp2-header\">\n <p class=\"fp2-eyebrow\">Latest Works<\/p>\n <h2 class=\"fp2-title\">Featured <span>Projects<\/span><\/h2>\n <p class=\"fp2-subtitle\">A selection of premium web experiences crafted for modern brands across legal, healthcare, and hospitality industries.<\/p>\n <\/header>\n\n \n <div class=\"fp2-divider\" aria-hidden=\"true\">\n <div class=\"fp2-divider__line\"><\/div>\n <div class=\"fp2-divider__pill\"><span class=\"fp2-divider__dot\"><\/span>3 Projects<\/div>\n <div class=\"fp2-divider__line\"><\/div>\n <\/div>\n\n \n <div class=\"fp2-grid\" role=\"list\">\n\n \n <article class=\"fp2-card\" role=\"listitem\"\n data-url=\"https:\/\/project1.hirehaseeb.work\/\"\n tabindex=\"0\" aria-label=\"Lexcore \u2013 Legal & Law Firm\">\n <div class=\"fp2-card__spot\" aria-hidden=\"true\"><\/div>\n <div class=\"fp2-mockup\" aria-hidden=\"true\">\n <div class=\"fp2-chrome\">\n <div class=\"fp2-dots\">\n <span class=\"fp2-dot fp2-dot--r\"><\/span>\n <span class=\"fp2-dot fp2-dot--y\"><\/span>\n <span class=\"fp2-dot fp2-dot--g\"><\/span>\n <\/div>\n <div class=\"fp2-urlbar\">\n <div class=\"fp2-padlock\"><\/div>\n <span class=\"fp2-urltext\">project1.hirehaseeb.work<\/span>\n <\/div>\n <\/div>\n <div class=\"fp2-viewport\">\n <img decoding=\"async\"\n class=\"fp2-screenshot\"\n src=\"https:\/\/hirehaseeb.work\/wp-content\/uploads\/2026\/05\/Lexcorhome-scaled.png\"\n alt=\"Lexcore law firm website full-page preview\"\n loading=\"lazy\"\n >\n <div class=\"fp2-overlay\">\n <span class=\"fp2-overlay-label\">Scroll to explore<\/span>\n <span class=\"fp2-overlay-icon\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\n <path d=\"M6 2v8M3 7l3 3 3-3\" stroke=\"#0d0d0d\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/span>\n <\/div>\n <div class=\"fp2-shine\"><\/div>\n <\/div>\n <\/div>\n <div class=\"fp2-body\">\n <span class=\"fp2-tag\"><span class=\"fp2-tag-dot\"><\/span>Legal & Law Firm<\/span>\n <h3 class=\"fp2-name\">Lexcore<\/h3>\n <p class=\"fp2-desc\">A commanding digital presence for a modern law firm \u2014 authoritative design meets seamless client experience.<\/p>\n <a class=\"fp2-btn\"\n href=\"https:\/\/project1.hirehaseeb.work\/\"\n target=\"_blank\" rel=\"noopener noreferrer\"\n aria-label=\"View Lexcore live site\">\n Live Preview\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\n <path d=\"M1.5 10.5L10.5 1.5M10.5 1.5H5M10.5 1.5V7\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/a>\n <\/div>\n <\/article>\n\n \n <article class=\"fp2-card\" role=\"listitem\"\n data-url=\"http:\/\/medicareplus.hirehaseeb.work\/\"\n tabindex=\"0\" aria-label=\"Mediplus+ \u2013 Healthcare & Medical\">\n <div class=\"fp2-card__spot\" aria-hidden=\"true\"><\/div>\n <div class=\"fp2-mockup\" aria-hidden=\"true\">\n <div class=\"fp2-chrome\">\n <div class=\"fp2-dots\">\n <span class=\"fp2-dot fp2-dot--r\"><\/span>\n <span class=\"fp2-dot fp2-dot--y\"><\/span>\n <span class=\"fp2-dot fp2-dot--g\"><\/span>\n <\/div>\n <div class=\"fp2-urlbar\">\n <div class=\"fp2-padlock\"><\/div>\n <span class=\"fp2-urltext\">medicareplus.hirehaseeb.work<\/span>\n <\/div>\n <\/div>\n <div class=\"fp2-viewport\">\n <img decoding=\"async\"\n class=\"fp2-screenshot\"\n src=\"https:\/\/hirehaseeb.work\/wp-content\/uploads\/2026\/05\/Medicareplushome-scaled.png\"\n alt=\"Mediplus+ healthcare website full-page preview\"\n loading=\"lazy\"\n >\n <div class=\"fp2-overlay\">\n <span class=\"fp2-overlay-label\">Scroll to explore<\/span>\n <span class=\"fp2-overlay-icon\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\n <path d=\"M6 2v8M3 7l3 3 3-3\" stroke=\"#0d0d0d\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/span>\n <\/div>\n <div class=\"fp2-shine\"><\/div>\n <\/div>\n <\/div>\n <div class=\"fp2-body\">\n <span class=\"fp2-tag\"><span class=\"fp2-tag-dot\"><\/span>Healthcare & Medical<\/span>\n <h3 class=\"fp2-name\">Mediplus+<\/h3>\n <p class=\"fp2-desc\">Trusted care starts online \u2014 a clean, reassuring digital platform built for hospitals and modern clinics.<\/p>\n <a class=\"fp2-btn\"\n href=\"http:\/\/medicareplus.hirehaseeb.work\/\"\n target=\"_blank\" rel=\"noopener noreferrer\"\n aria-label=\"View Mediplus+ live site\">\n Live Preview\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\n <path d=\"M1.5 10.5L10.5 1.5M10.5 1.5H5M10.5 1.5V7\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/a>\n <\/div>\n <\/article>\n\n \n <article class=\"fp2-card\" role=\"listitem\"\n data-url=\"https:\/\/savoria.hirehaseeb.work\/\"\n tabindex=\"0\" aria-label=\"Savoria \u2013 Restaurant & Food\">\n <div class=\"fp2-card__spot\" aria-hidden=\"true\"><\/div>\n <div class=\"fp2-mockup\" aria-hidden=\"true\">\n <div class=\"fp2-chrome\">\n <div class=\"fp2-dots\">\n <span class=\"fp2-dot fp2-dot--r\"><\/span>\n <span class=\"fp2-dot fp2-dot--y\"><\/span>\n <span class=\"fp2-dot fp2-dot--g\"><\/span>\n <\/div>\n <div class=\"fp2-urlbar\">\n <div class=\"fp2-padlock\"><\/div>\n <span class=\"fp2-urltext\">savoria.hirehaseeb.work<\/span>\n <\/div>\n <\/div>\n <div class=\"fp2-viewport\">\n <img decoding=\"async\"\n class=\"fp2-screenshot\"\n src=\"https:\/\/hirehaseeb.work\/wp-content\/uploads\/2026\/05\/Savoriahome.png\"\n alt=\"Savoria restaurant website full-page preview\"\n loading=\"lazy\"\n >\n <div class=\"fp2-overlay\">\n <span class=\"fp2-overlay-label\">Scroll to explore<\/span>\n <span class=\"fp2-overlay-icon\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\n <path d=\"M6 2v8M3 7l3 3 3-3\" stroke=\"#0d0d0d\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/span>\n <\/div>\n <div class=\"fp2-shine\"><\/div>\n <\/div>\n <\/div>\n <div class=\"fp2-body\">\n <span class=\"fp2-tag\"><span class=\"fp2-tag-dot\"><\/span>Restaurant & Food<\/span>\n <h3 class=\"fp2-name\">Savoria<\/h3>\n <p class=\"fp2-desc\">An immersive culinary journey online \u2014 warm, elegant design that turns first-time visitors into reservations.<\/p>\n <a class=\"fp2-btn\"\n href=\"https:\/\/savoria.hirehaseeb.work\/\"\n target=\"_blank\" rel=\"noopener noreferrer\"\n aria-label=\"View Savoria live site\">\n Live Preview\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\n <path d=\"M1.5 10.5L10.5 1.5M10.5 1.5H5M10.5 1.5V7\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/a>\n <\/div>\n <\/article>\n\n <\/div>\n<\/section>\n\n<script>\n(function(){\n 'use strict';\n\n \/* \u2500\u2500 Scroll Reveal \u2500\u2500 *\/\n var cards = document.querySelectorAll('.fp2-card');\n if('IntersectionObserver' in window){\n var io = new IntersectionObserver(function(entries){\n entries.forEach(function(e){\n if(e.isIntersecting){ e.target.classList.add('is-visible'); io.unobserve(e.target); }\n });\n },{threshold:0.1});\n cards.forEach(function(c){ io.observe(c); });\n } else {\n cards.forEach(function(c){ c.classList.add('is-visible'); });\n }\n\n \/* \u2500\u2500 Mouse Spotlight \u2500\u2500 *\/\n cards.forEach(function(card){\n card.addEventListener('mousemove', function(e){\n var r = card.getBoundingClientRect();\n card.style.setProperty('--sx', ((e.clientX - r.left) \/ r.width * 100) + '%');\n card.style.setProperty('--sy', ((e.clientY - r.top) \/ r.height * 100) + '%');\n });\n\n \/* Click card body \u2192 open URL *\/\n card.addEventListener('click', function(e){\n if(e.target.closest('a')) return;\n var url = card.dataset.url;\n if(url) window.open(url,'_blank','noopener,noreferrer');\n });\n\n \/* Keyboard *\/\n card.addEventListener('keydown', function(e){\n if(e.key==='Enter'||e.key===' '){\n e.preventDefault();\n var url = card.dataset.url;\n if(url) window.open(url,'_blank','noopener,noreferrer');\n }\n });\n });\n\n \/* Stop link clicks bubbling to card *\/\n document.querySelectorAll('.fp2-btn').forEach(function(b){\n b.addEventListener('click', function(e){ e.stopPropagation(); });\n });\n\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Featured Projects Latest Works Featured Projects A selection of premium web experiences crafted for modern brands across legal, healthcare, and hospitality industries. 3 Projects project1.hirehaseeb.work Scroll to explore Legal & Law Firm Lexcore A commanding digital presence for a modern law firm \u2014 authoritative design meets seamless client experience. Live Preview medicareplus.hirehaseeb.work Scroll to explore […]<\/p>\n","protected":false},"author":1,"featured_media":1325,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-30","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/hirehaseeb.work\/index.php?rest_route=\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hirehaseeb.work\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hirehaseeb.work\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hirehaseeb.work\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hirehaseeb.work\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=30"}],"version-history":[{"count":4,"href":"https:\/\/hirehaseeb.work\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":1491,"href":"https:\/\/hirehaseeb.work\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions\/1491"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hirehaseeb.work\/index.php?rest_route=\/wp\/v2\/media\/1325"}],"wp:attachment":[{"href":"https:\/\/hirehaseeb.work\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}