{"id":61108,"date":"2025-10-09T19:00:03","date_gmt":"2025-10-09T14:00:03","guid":{"rendered":"https:\/\/appexgrow.com\/?page_id=61108"},"modified":"2026-07-25T22:13:24","modified_gmt":"2026-07-25T17:13:24","slug":"home","status":"publish","type":"page","link":"https:\/\/appexgrow.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"61108\" class=\"elementor elementor-61108\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e381ad e-con-full e-flex e-con e-parent\" data-id=\"6e381ad\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6942b3a elementor-widget elementor-widget-html\" data-id=\"6942b3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n#aleena-hero{\r\n  --aleena-primary:#6A1B9A;\r\n  --aleena-primary-dark:#4A1373;\r\n  --aleena-secondary:#FFFFFF;\r\n  --aleena-text:#2E1140;\r\n  --aleena-muted:#7A4B93;\r\n  --aleena-accent:#E1BEE7;\r\n  --aleena-border:#D29BDC;\r\n  --aleena-bg:#FBF5FC;\r\n  --aleena-heading-font:'DM Serif Display', serif;\r\n  --aleena-body-font:'Inter', sans-serif;\r\n\r\n  position:relative;\r\n  width:100%;\r\n  overflow:hidden;\r\n  background:var(--aleena-bg);\r\n  padding:110px 5vw;\r\n  box-sizing:border-box;\r\n  font-family:var(--aleena-body-font);\r\n  isolation:isolate;\r\n}\r\n#aleena-hero *{ box-sizing:border-box; }\r\n\r\n.aleena-hero-bg{ position:absolute; inset:0; z-index:0; pointer-events:none; }\r\n.aleena-shape{ position:absolute; border-radius:50%; filter:blur(2px); opacity:.5; }\r\n.aleena-shape-1{\r\n  width:420px; height:420px; background:var(--aleena-accent);\r\n  top:-140px; right:-120px; opacity:.35;\r\n  animation:aleenaFloat1 14s ease-in-out infinite;\r\n}\r\n.aleena-shape-2{\r\n  width:260px; height:260px; border:1px solid var(--aleena-border);\r\n  background:transparent; bottom:-80px; left:-60px;\r\n  animation:aleenaFloat2 18s ease-in-out infinite;\r\n}\r\n.aleena-shape-3{\r\n  width:140px; height:140px; background:var(--aleena-primary);\r\n  opacity:.06; top:40%; left:38%;\r\n  animation:aleenaFloat1 20s ease-in-out infinite reverse;\r\n}\r\n.aleena-grid-lines{\r\n  position:absolute; inset:0;\r\n  background-image:linear-gradient(var(--aleena-border) 1px, transparent 1px);\r\n  background-size:100% 90px;\r\n  opacity:.05;\r\n}\r\n@keyframes aleenaFloat1{\r\n  0%,100%{ transform:translate(0,0) rotate(0deg); }\r\n  50%{ transform:translate(-18px,22px) rotate(8deg); }\r\n}\r\n@keyframes aleenaFloat2{\r\n  0%,100%{ transform:translate(0,0); }\r\n  50%{ transform:translate(24px,-16px); }\r\n}\r\n\r\n.aleena-hero-container{\r\n  position:relative; z-index:1;\r\n  display:flex; align-items:center; justify-content:space-between; gap:60px;\r\n  max-width:1320px; margin:0 auto; width:100%;\r\n}\r\n.aleena-hero-left{ flex:1 1 55%; min-width:0; }\r\n.aleena-hero-right{ flex:1 1 40%; display:flex; justify-content:center; }\r\n\r\n.aleena-hero-badge{\r\n  display:inline-block; padding:8px 18px; margin-bottom:24px;\r\n  background:var(--aleena-accent); color:var(--aleena-primary-dark);\r\n  font-size:12px; font-weight:600; letter-spacing:.06em; text-transform:uppercase;\r\n  border-radius:30px; border:1px solid var(--aleena-border);\r\n}\r\n\r\n.aleena-hero-title{\r\n  font-family:var(--aleena-heading-font);\r\n  font-weight:400;\r\n  font-size:clamp(34px,4.2vw,52px);\r\n  line-height:1.15;\r\n  color:var(--aleena-text);\r\n  margin:0 0 18px;\r\n}\r\n.aleena-title-accent{ color:var(--aleena-primary); }\r\n\r\n.aleena-hero-role{\r\n  font-family:var(--aleena-body-font);\r\n  font-size:clamp(18px,2vw,24px);\r\n  font-weight:600;\r\n  color:var(--aleena-primary);\r\n  min-height:32px;\r\n  margin-bottom:18px;\r\n}\r\n.aleena-cursor{\r\n  display:inline-block; margin-left:2px; color:var(--aleena-primary);\r\n  animation:aleenaBlink 1s steps(1) infinite;\r\n}\r\n@keyframes aleenaBlink{ 50%{ opacity:0; } }\r\n\r\n.aleena-hero-tagline{\r\n  font-size:17px; font-weight:600; color:var(--aleena-text);\r\n  margin:0 0 14px;\r\n}\r\n.aleena-hero-desc{\r\n  font-size:15px; line-height:1.75; color:var(--aleena-muted);\r\n  max-width:520px; margin:0 0 34px;\r\n}\r\n\r\n.aleena-hero-buttons{ display:flex; flex-wrap:wrap; gap:16px; margin-bottom:48px; }\r\n.aleena-btn{\r\n  font-family:var(--aleena-body-font);\r\n  font-size:14px; font-weight:600;\r\n  padding:15px 30px; border-radius:8px;\r\n  text-decoration:none; transition:all .25s ease;\r\n  display:inline-flex; align-items:center; justify-content:center;\r\n}\r\n.aleena-btn-primary{\r\n  background:var(--aleena-primary); color:var(--aleena-secondary);\r\n  box-shadow:0 10px 24px rgba(106,27,154,.25);\r\n}\r\n.aleena-btn-primary:hover{ background:var(--aleena-primary-dark); transform:translateY(-2px); }\r\n.aleena-btn-outline{\r\n  background:transparent; color:var(--aleena-primary);\r\n  border:1.5px solid var(--aleena-border);\r\n}\r\n.aleena-btn-outline:hover{ background:var(--aleena-accent); transform:translateY(-2px); }\r\n\r\n\/* Highlight cards (replaces stats) *\/\r\n.aleena-hero-highlights{\r\n  display:flex; gap:16px; flex-wrap:wrap;\r\n}\r\n.aleena-highlight-card{\r\n  display:flex; align-items:center; gap:12px;\r\n  background:var(--aleena-secondary);\r\n  border:1px solid var(--aleena-border);\r\n  border-radius:14px;\r\n  padding:14px 18px;\r\n  flex:1 1 200px;\r\n  min-width:190px;\r\n  box-shadow:0 8px 20px rgba(74,19,115,.06);\r\n  transition:transform .25s ease, box-shadow .25s ease;\r\n}\r\n.aleena-highlight-card:hover{\r\n  transform:translateY(-4px);\r\n  box-shadow:0 16px 30px rgba(74,19,115,.12);\r\n}\r\n.aleena-highlight-icon{\r\n  flex-shrink:0;\r\n  width:38px; height:38px;\r\n  border-radius:10px;\r\n  background:var(--aleena-accent);\r\n  display:flex; align-items:center; justify-content:center;\r\n}\r\n.aleena-highlight-icon svg{\r\n  width:19px; height:19px;\r\n  stroke:var(--aleena-primary-dark);\r\n}\r\n.aleena-highlight-text h4{\r\n  font-family:var(--aleena-body-font);\r\n  font-size:13.5px; font-weight:700;\r\n  color:var(--aleena-text); margin:0 0 2px;\r\n}\r\n.aleena-highlight-text p{\r\n  font-size:12px; color:var(--aleena-muted); margin:0; line-height:1.4;\r\n}\r\n\r\n.aleena-image-frame{\r\n  position:relative; width:100%; max-width:420px;\r\n  aspect-ratio:4\/4.7;\r\n}\r\n.aleena-frame-ring{\r\n  position:absolute; inset:-18px; border:1.5px dashed var(--aleena-border);\r\n  border-radius:24px; animation:aleenaSpin 40s linear infinite;\r\n}\r\n@keyframes aleenaSpin{ to{ transform:rotate(360deg); } }\r\n.aleena-hero-img{\r\n  width:100%; height:100%; object-fit:cover; border-radius:20px;\r\n  box-shadow:0 30px 60px rgba(74,19,115,.18);\r\n  position:relative; z-index:1;\r\n  background:var(--aleena-accent);\r\n}\r\n.aleena-floating-card{\r\n  position:absolute; bottom:24px; left:-30px; z-index:2;\r\n  background:var(--aleena-secondary); border:1px solid var(--aleena-border);\r\n  padding:12px 18px; border-radius:12px;\r\n  display:flex; align-items:center; gap:10px;\r\n  box-shadow:0 15px 30px rgba(74,19,115,.15);\r\n  animation:aleenaCardFloat 5s ease-in-out infinite;\r\n}\r\n.aleena-floating-card p{\r\n  margin:0; font-size:12.5px; font-weight:600; color:var(--aleena-text);\r\n}\r\n.aleena-floating-dot{\r\n  width:9px; height:9px; border-radius:50%; background:var(--aleena-primary);\r\n  box-shadow:0 0 0 4px var(--aleena-accent);\r\n}\r\n@keyframes aleenaCardFloat{\r\n  0%,100%{ transform:translateY(0); }\r\n  50%{ transform:translateY(-10px); }\r\n}\r\n\r\n@media (max-width:991px){\r\n  .aleena-hero-container{ flex-direction:column-reverse; text-align:center; gap:50px; }\r\n  .aleena-hero-desc{ margin-left:auto; margin-right:auto; }\r\n  .aleena-hero-buttons{ justify-content:center; }\r\n  .aleena-hero-highlights{ justify-content:center; }\r\n  .aleena-highlight-card{ text-align:left; }\r\n  .aleena-floating-card{ left:16px; }\r\n}\r\n@media (max-width:480px){\r\n  #aleena-hero{ padding:80px 6vw; }\r\n  .aleena-btn{ width:100%; text-align:center; }\r\n  .aleena-hero-buttons{ flex-direction:column; }\r\n  .aleena-highlight-card{ flex:1 1 100%; }\r\n}\r\n<\/style>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display&family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<section id=\"aleena-hero\" class=\"aleena-hero-section\">\r\n\r\n  <div class=\"aleena-hero-bg\" aria-hidden=\"true\">\r\n    <span class=\"aleena-shape aleena-shape-1\"><\/span>\r\n    <span class=\"aleena-shape aleena-shape-2\"><\/span>\r\n    <span class=\"aleena-shape aleena-shape-3\"><\/span>\r\n    <span class=\"aleena-grid-lines\"><\/span>\r\n  <\/div>\r\n\r\n  <div class=\"aleena-hero-container\">\r\n\r\n    <div class=\"aleena-hero-left\">\r\n\r\n      <span class=\"aleena-hero-badge\">Available for Remote Work Worldwide<\/span>\r\n\r\n      <h1 class=\"aleena-hero-title\">\r\n        Hi, I'm <span class=\"aleena-title-accent\">Aleena Amin<\/span>\r\n      <\/h1>\r\n\r\n      <div class=\"aleena-hero-role\" aria-live=\"polite\">\r\n        <span id=\"aleenaTypedText\" class=\"aleena-role-text\"><\/span><span class=\"aleena-cursor\">|<\/span>\r\n      <\/div>\r\n\r\n      <p class=\"aleena-hero-tagline\">Websites Built to Grow. Content Built to Rank.<\/p>\r\n\r\n      <p class=\"aleena-hero-desc\">\r\n        As a WordPress developer for small business owners, I help businesses build fast, modern, conversion-focused WordPress websites and pair them with SEO-optimized content that improves visibility and drives long-term growth.\r\n      <\/p>\r\n\r\n      <div class=\"aleena-hero-buttons\">\r\n        <a href=\"https:\/\/wa.me\/923236642066\" class=\"aleena-btn aleena-btn-primary\" target=\"_blank\" rel=\"noopener\">Book a Discovery Call<\/a>\r\n        <a href=\"https:\/\/wa.me\/923236642066\" class=\"aleena-btn aleena-btn-outline\" target=\"_blank\" rel=\"noopener\">Get a Free Consultation<\/a>\r\n      <\/div>\r\n\r\n      <div class=\"aleena-hero-highlights\">\r\n        <div class=\"aleena-highlight-card\">\r\n          <span class=\"aleena-highlight-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2L3 14h7l-1 8 10-12h-7l1-8z\"\/><\/svg>\r\n          <\/span>\r\n          <div class=\"aleena-highlight-text\">\r\n            <h4>Lightweight & Fast<\/h4>\r\n            <p>Speed-optimized WordPress builds<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"aleena-highlight-card\">\r\n          <span class=\"aleena-highlight-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg>\r\n          <\/span>\r\n          <div class=\"aleena-highlight-text\">\r\n            <h4>SEO-Driven<\/h4>\r\n            <p>Content & code built to rank<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"aleena-highlight-card\">\r\n          <span class=\"aleena-highlight-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\r\n          <\/span>\r\n          <div class=\"aleena-highlight-text\">\r\n            <h4>Multi-Industry Portfolio<\/h4>\r\n            <p>Trusted across 6+ industries<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"aleena-hero-right\">\r\n      <div class=\"aleena-image-frame\">\r\n        <span class=\"aleena-frame-ring\"><\/span>\r\n        <img fetchpriority=\"high\" decoding=\"async\"\r\n          src=\"https:\/\/appexgrow.com\/wp-content\/uploads\/aleena-photo-transparent-cropped.webp\"\r\n          alt=\"Aleena Amin - WordPress Developer and SEO Content Writer\"\r\n          class=\"aleena-hero-img\"\r\n          loading=\"eager\"\r\n          width=\"480\"\r\n          height=\"560\"\r\n        \/>\r\n        <div class=\"aleena-floating-card\">\r\n          <span class=\"aleena-floating-dot\"><\/span>\r\n          <p>SEO-Focused Development<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var words = [\"WordPress Developer\", \"SEO Content Writer\"];\r\n  var el = document.getElementById(\"aleenaTypedText\");\r\n  if(!el) return;\r\n\r\n  var wordIndex = 0, charIndex = 0, deleting = false;\r\n  var typeSpeed = 90, deleteSpeed = 45, pause = 1400;\r\n\r\n  function tick(){\r\n    var current = words[wordIndex];\r\n    if(!deleting){\r\n      charIndex++;\r\n      el.textContent = current.slice(0, charIndex);\r\n      if(charIndex === current.length){\r\n        deleting = true;\r\n        setTimeout(tick, pause);\r\n        return;\r\n      }\r\n    } else {\r\n      charIndex--;\r\n      el.textContent = current.slice(0, charIndex);\r\n      if(charIndex === 0){\r\n        deleting = false;\r\n        wordIndex = (wordIndex + 1) % words.length;\r\n      }\r\n    }\r\n    setTimeout(tick, deleting ? deleteSpeed : typeSpeed);\r\n  }\r\n  tick();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1318518 e-con-full e-flex e-con e-parent\" data-id=\"1318518\" data-element_type=\"container\" data-e-type=\"container\" id=\"about\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7f324f elementor-widget elementor-widget-html\" data-id=\"a7f324f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n#aa2-about{\r\n  --aa2-primary:#6A1B9A;\r\n  --aa2-primary-dark:#4A1373;\r\n  --aa2-white:#FFFFFF;\r\n  --aa2-text:#2E1140;\r\n  --aa2-muted:#7A4B93;\r\n  --aa2-accent:#E1BEE7;\r\n  --aa2-border:#D29BDC;\r\n  --aa2-bg:#FBF5FC;\r\n  --aa2-heading-font:'DM Serif Display', serif;\r\n  --aa2-body-font:'Inter', sans-serif;\r\n\r\n  position:relative;\r\n  width:100%;\r\n  overflow:hidden;\r\n  background:var(--aa2-bg);\r\n  padding:clamp(48px,7vh,72px) 5vw;\r\n  box-sizing:border-box;\r\n  font-family:var(--aa2-body-font);\r\n  isolation:isolate;\r\n}\r\n#aa2-about *{ box-sizing:border-box; }\r\n\r\n.aa2-bg{ position:absolute; inset:0; z-index:0; pointer-events:none; overflow:hidden; }\r\n.aa2-orb{ position:absolute; border-radius:50%; }\r\n.aa2-orb-1{\r\n  width:320px; height:320px; background:var(--aa2-accent); opacity:.28;\r\n  top:-110px; right:8%; animation:aa2Float1 14s ease-in-out infinite;\r\n}\r\n.aa2-orb-2{\r\n  width:160px; height:160px; border:1px solid var(--aa2-border);\r\n  bottom:-40px; left:6%; animation:aa2Float2 18s ease-in-out infinite;\r\n}\r\n.aa2-watermark{\r\n  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);\r\n  font-family:var(--aa2-heading-font); font-size:min(38vw,560px); line-height:1;\r\n  color:var(--aa2-primary); opacity:.035; user-select:none;\r\n}\r\n@keyframes aa2Float1{ 0%,100%{ transform:translate(0,0); } 50%{ transform:translate(-16px,18px); } }\r\n@keyframes aa2Float2{ 0%,100%{ transform:translate(0,0); } 50%{ transform:translate(14px,-14px); } }\r\n\r\n.aa2-wrap{ position:relative; z-index:1; max-width:1280px; margin:0 auto; width:100%; }\r\n\r\n.aa2-grid{\r\n  display:grid;\r\n  grid-template-columns:0.82fr 1.18fr;\r\n  gap:clamp(36px,5vw,70px);\r\n  align-items:center;\r\n}\r\n\r\n.aa2-reveal{ opacity:0; transform:translateY(22px); transition:opacity .8s ease, transform .8s ease; }\r\n.aa2-reveal.aa2-in{ opacity:1; transform:translateY(0); }\r\n.aa2-media.aa2-reveal{ transform:translateX(-26px); }\r\n.aa2-media.aa2-reveal.aa2-in{ transform:translateX(0); }\r\n.aa2-content.aa2-reveal{ transform:translateX(26px); transition-delay:.12s; }\r\n.aa2-content.aa2-reveal.aa2-in{ transform:translateX(0); }\r\n\r\n.aa2-media{ display:flex; justify-content:center; }\r\n.aa2-photo-card{ position:relative; width:100%; max-width:340px; }\r\n.aa2-photo-frame{\r\n  position:relative; width:100%; aspect-ratio:4\/4.7;\r\n  border-radius:20px 20px 20px 60px;\r\n  overflow:hidden;\r\n  box-shadow:0 24px 50px rgba(74,19,115,.18);\r\n  border:1px solid var(--aa2-border);\r\n}\r\n.aa2-photo-frame::after{\r\n  content:''; position:absolute; inset:0;\r\n  background:linear-gradient(160deg, rgba(106,27,154,.14), rgba(106,27,154,0) 45%);\r\n  pointer-events:none;\r\n}\r\n.aa2-photo{\r\n  width:100%; height:100%; object-fit:cover; object-position:center bottom; display:block;\r\n  transition:transform .5s ease;\r\n}\r\n.aa2-photo-card:hover .aa2-photo{ transform:scale(1.04); }\r\n\r\n.aa2-exp-chip{\r\n  position:absolute; bottom:-16px; left:-16px; z-index:2;\r\n  background:var(--aa2-primary); color:var(--aa2-white);\r\n  width:84px; height:84px; border-radius:50%;\r\n  display:flex; flex-direction:column; align-items:center; justify-content:center;\r\n  box-shadow:0 14px 30px rgba(74,19,115,.28);\r\n  animation:aa2ChipFloat 5s ease-in-out infinite;\r\n}\r\n.aa2-exp-num{ font-family:var(--aa2-heading-font); font-size:22px; line-height:1; }\r\n.aa2-exp-label{ font-size:9px; font-weight:600; letter-spacing:.03em; text-align:center; margin-top:3px; }\r\n@keyframes aa2ChipFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-7px); } }\r\n\r\n.aa2-vert-label{\r\n  position:absolute; top:0; right:-14px; writing-mode:vertical-rl;\r\n  font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase;\r\n  color:var(--aa2-muted); opacity:.8;\r\n}\r\n\r\n.aa2-eyebrow{\r\n  display:inline-block; font-size:12px; font-weight:700; letter-spacing:.08em;\r\n  text-transform:uppercase; color:var(--aa2-primary-dark);\r\n  background:var(--aa2-accent); padding:6px 14px; border-radius:20px;\r\n  border:1px solid var(--aa2-border); margin-bottom:14px;\r\n}\r\n.aa2-heading{\r\n  font-family:var(--aa2-heading-font); font-weight:400; color:var(--aa2-text);\r\n  font-size:clamp(30px,3.2vw,44px); line-height:1.18; margin:0 0 16px;\r\n}\r\n.aa2-heading em{ color:var(--aa2-primary); font-style:normal; }\r\n\r\n.aa2-lead{ font-size:15px; line-height:1.75; color:var(--aa2-text); margin:0 0 10px; font-weight:500; }\r\n.aa2-body{ font-size:14px; line-height:1.8; color:var(--aa2-muted); margin:0 0 22px; }\r\n\r\n.aa2-stats{\r\n  display:flex; gap:0; margin-bottom:24px;\r\n  border-top:1px solid var(--aa2-border); border-bottom:1px solid var(--aa2-border);\r\n  padding:16px 0;\r\n}\r\n.aa2-stat{ flex:1; text-align:left; padding-right:14px; border-right:1px solid var(--aa2-border); }\r\n.aa2-stat:last-child{ border-right:none; padding-right:0; }\r\n.aa2-stat-num{ display:block; font-family:var(--aa2-heading-font); font-size:24px; color:var(--aa2-primary); }\r\n.aa2-stat-label{ display:block; font-size:11px; color:var(--aa2-muted); font-weight:600; margin-top:2px; }\r\n\r\n.aa2-meta-row{ display:flex; gap:24px; margin-bottom:26px; flex-wrap:wrap; }\r\n.aa2-meta p{ margin:0 0 3px; font-size:10.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--aa2-primary); }\r\n.aa2-meta span{ font-size:13.5px; font-weight:600; color:var(--aa2-text); }\r\n\r\n.aa2-cta{\r\n  display:inline-flex; align-items:center; gap:10px;\r\n  background:var(--aa2-primary); color:var(--aa2-white);\r\n  font-weight:700; font-size:13.5px; text-decoration:none;\r\n  padding:14px 26px; border-radius:30px;\r\n  box-shadow:0 14px 28px rgba(74,19,115,.25);\r\n  transition:background .3s ease, transform .3s ease, box-shadow .3s ease;\r\n}\r\n.aa2-cta:hover{ background:var(--aa2-primary-dark); transform:translateY(-2px); box-shadow:0 18px 34px rgba(74,19,115,.32); }\r\n.aa2-cta-arrow{ transition:transform .3s ease; }\r\n.aa2-cta:hover .aa2-cta-arrow{ transform:translateX(4px); }\r\n\r\n@media (max-width:991px){\r\n  .aa2-grid{ grid-template-columns:1fr; gap:48px; }\r\n  .aa2-media, .aa2-content{ text-align:center; }\r\n  .aa2-photo-card{ margin:0 auto; }\r\n  .aa2-media.aa2-reveal, .aa2-content.aa2-reveal{ transform:translateY(24px); }\r\n  .aa2-media.aa2-reveal.aa2-in, .aa2-content.aa2-reveal.aa2-in{ transform:translateY(0); }\r\n  .aa2-vert-label{ display:none; }\r\n  .aa2-stats{ justify-content:center; }\r\n  .aa2-meta-row{ justify-content:center; }\r\n}\r\n@media (max-width:480px){\r\n  #aa2-about{ padding:56px 6vw; }\r\n  .aa2-stats{ flex-wrap:wrap; }\r\n  .aa2-stat{ flex:1 1 45%; border-right:none; border-bottom:1px solid var(--aa2-border); padding:8px 0; }\r\n  .aa2-stat:last-child{ border-bottom:none; }\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n  .aa2-orb-1, .aa2-orb-2, .aa2-exp-chip{ animation:none !important; }\r\n  .aa2-reveal{ transition:none !important; opacity:1 !important; transform:none !important; }\r\n}\r\n<\/style>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display&family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<section id=\"aa2-about\">\r\n  <div class=\"aa2-bg\" aria-hidden=\"true\">\r\n    <span class=\"aa2-orb aa2-orb-1\"><\/span>\r\n    <span class=\"aa2-orb aa2-orb-2\"><\/span>\r\n    <span class=\"aa2-watermark\">A<\/span>\r\n  <\/div>\r\n\r\n  <div class=\"aa2-wrap\">\r\n    <div class=\"aa2-grid\">\r\n\r\n      <div class=\"aa2-media aa2-reveal\">\r\n        <div class=\"aa2-photo-card\">\r\n          <div class=\"aa2-photo-frame\">\r\n            <img loading=\"lazy\" decoding=\"async\"\r\n              src=\"https:\/\/appexgrow.com\/wp-content\/uploads\/aleena-hero-sect-image-fixed.webp\"\r\n              alt=\"Aleena Amin \u2014 WordPress Developer and SEO Content Writer\"\r\n              class=\"aa2-photo\"\r\n              loading=\"lazy\"\r\n              width=\"420\"\r\n              height=\"500\"\r\n            \/>\r\n          <\/div>\r\n          <div class=\"aa2-exp-chip\">\r\n            <span class=\"aa2-exp-num\">3+<\/span>\r\n            <span class=\"aa2-exp-label\">Years<br>Exp.<\/span>\r\n          <\/div>\r\n          <span class=\"aa2-vert-label\">SEO &amp; WordPress<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"aa2-content aa2-reveal\">\r\n        <span class=\"aa2-eyebrow\">About Me<\/span>\r\n        <h2 class=\"aa2-heading\">Websites Built to Grow.<br><em>Content Built to Rank.<\/em><\/h2>\r\n\r\n        <p class=\"aa2-lead\">I'm Aleena Amin. A WordPress developer for small business owners and a SEO content writer helping companies turn ideas into fast, conversion-focused websites paired with content that actually gets found.<\/p>\r\n        <p class=\"aa2-body\">Beyond building sites, I write the SEO content. It  keeps your visibility growing long after launch. I work best with clients who have a clear vision. Because clear communication always leads to the best results.<\/p>\r\n\r\n        <div class=\"aa2-stats\">\r\n          <div class=\"aa2-stat\">\r\n            <span class=\"aa2-stat-num\">3+<\/span>\r\n            <span class=\"aa2-stat-label\">Yrs WordPress Dev<\/span>\r\n          <\/div>\r\n          <div class=\"aa2-stat\">\r\n            <span class=\"aa2-stat-num\">3+<\/span>\r\n            <span class=\"aa2-stat-label\">Yrs SEO Writing<\/span>\r\n          <\/div>\r\n          <div class=\"aa2-stat\">\r\n            <span class=\"aa2-stat-num\">3+<\/span>\r\n            <span class=\"aa2-stat-label\">Yrs On-Page SEO<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"aa2-meta-row\">\r\n          <div class=\"aa2-meta\">\r\n            <p>Occupation<\/p>\r\n            <span>WordPress Developer &amp; SEO Writer<\/span>\r\n          <\/div>\r\n          <div class=\"aa2-meta\">\r\n            <p>Availability<\/p>\r\n            <span>Remote, Worldwide<\/span>\r\n          <\/div>\r\n          <div class=\"aa2-meta\">\r\n            <p>Currently Learning<\/p>\r\n            <span>Technical &amp; Off-Page SEO<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <a href=\"https:\/\/www.linkedin.com\/in\/aleena-amin112\/\" class=\"aa2-cta\" target=\"_blank\" rel=\"noopener\">Check my LinkedIn Now <span class=\"aa2-cta-arrow\">\u2192<\/span><\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var targets = document.querySelectorAll('#aa2-about .aa2-reveal');\r\n  if(!('IntersectionObserver' in window)){\r\n    targets.forEach(function(t){ t.classList.add('aa2-in'); });\r\n    return;\r\n  }\r\n  var observer = new IntersectionObserver(function(entries){\r\n    entries.forEach(function(entry){\r\n      if(entry.isIntersecting){\r\n        entry.target.classList.add('aa2-in');\r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.15 });\r\n  targets.forEach(function(t){ observer.observe(t); });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3e0d5eb e-con-full e-flex e-con e-parent\" data-id=\"3e0d5eb\" data-element_type=\"container\" data-e-type=\"container\" id=\"services\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4292c1d elementor-widget elementor-widget-html\" data-id=\"4292c1d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n#aa-services{\r\n  --srv-primary:#6A1B9A;\r\n  --srv-primary-dark:#4A1373;\r\n  --srv-white:#FFFFFF;\r\n  --srv-text:#2E1140;\r\n  --srv-muted:#7A4B93;\r\n  --srv-accent:#E1BEE7;\r\n  --srv-border:#D29BDC;\r\n  --srv-bg:#FBF5FC;\r\n  --srv-heading-font:'DM Serif Display', serif;\r\n  --srv-body-font:'Inter', sans-serif;\r\n\r\n  position:relative;\r\n  width:100%;\r\n  overflow:hidden;\r\n  background:var(--srv-bg);\r\n  padding:clamp(70px,9vh,110px) 5vw;\r\n  box-sizing:border-box;\r\n  font-family:var(--srv-body-font);\r\n  isolation:isolate;\r\n}\r\n#aa-services *{ box-sizing:border-box; }\r\n\r\n.aa-srv-bg{ position:absolute; inset:0; z-index:0; pointer-events:none; overflow:hidden; }\r\n.aa-srv-orb{ position:absolute; border-radius:50%; }\r\n.aa-srv-orb-1{\r\n  width:360px; height:360px; background:var(--srv-accent); opacity:.28;\r\n  top:-130px; left:-110px; animation:aaSrvFloat1 16s ease-in-out infinite;\r\n}\r\n.aa-srv-orb-2{\r\n  width:200px; height:200px; border:1px solid var(--srv-border);\r\n  bottom:-60px; right:-50px; animation:aaSrvFloat2 20s ease-in-out infinite;\r\n}\r\n@keyframes aaSrvFloat1{\r\n  0%,100%{ transform:translate(0,0) rotate(0deg); }\r\n  50%{ transform:translate(18px,-16px) rotate(8deg); }\r\n}\r\n@keyframes aaSrvFloat2{\r\n  0%,100%{ transform:translate(0,0); }\r\n  50%{ transform:translate(-16px,16px); }\r\n}\r\n\r\n.aa-srv-wrap{ position:relative; z-index:1; max-width:1280px; margin:0 auto; width:100%; }\r\n\r\n.aa-srv-header{\r\n  text-align:center; max-width:640px; margin:0 auto 56px;\r\n}\r\n.aa-srv-label{\r\n  display:inline-block; font-size:12px; font-weight:700; letter-spacing:.08em;\r\n  text-transform:uppercase; color:var(--srv-primary); margin-bottom:12px;\r\n  position:relative; padding-bottom:10px;\r\n}\r\n.aa-srv-label::after{\r\n  content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%);\r\n  width:46px; height:2px; background:var(--srv-border); border-radius:2px;\r\n}\r\n.aa-srv-header h2{\r\n  font-family:var(--srv-heading-font); font-weight:400; color:var(--srv-text);\r\n  font-size:clamp(32px,3.8vw,46px); margin:0 0 14px; line-height:1.2;\r\n}\r\n.aa-srv-header p{\r\n  font-size:15px; line-height:1.75; color:var(--srv-muted); margin:0;\r\n}\r\n\r\n.aa-srv-grid{\r\n  display:grid;\r\n  grid-template-columns:0.85fr 1.15fr;\r\n  gap:50px;\r\n  align-items:center;\r\n}\r\n\r\n.aa-srv-intro{\r\n  opacity:0; transform:translateX(-26px);\r\n  transition:opacity .8s ease, transform .8s ease;\r\n}\r\n.aa-srv-intro.aa-srv-in{ opacity:1; transform:translateX(0); }\r\n\r\n.aa-srv-eyebrow{\r\n  display:inline-block; font-size:12px; font-weight:700; letter-spacing:.06em;\r\n  text-transform:uppercase; color:var(--srv-primary-dark);\r\n  background:var(--srv-accent); padding:6px 14px; border-radius:20px;\r\n  border:1px solid var(--srv-border); margin-bottom:16px;\r\n}\r\n.aa-srv-intro h3{\r\n  font-family:var(--srv-heading-font); font-weight:400; color:var(--srv-text);\r\n  font-size:clamp(26px,2.8vw,34px); line-height:1.25; margin:0 0 16px;\r\n}\r\n.aa-srv-intro p{\r\n  font-size:14.5px; line-height:1.85; color:var(--srv-muted); margin:0 0 26px;\r\n}\r\n\r\n.aa-srv-btn{\r\n  display:inline-flex; align-items:center; gap:10px;\r\n  background:transparent; color:var(--srv-primary);\r\n  font-weight:700; font-size:13.5px; text-decoration:none;\r\n  padding:14px 28px; border-radius:30px; border:1.5px solid var(--srv-border);\r\n  transition:background .3s ease, color .3s ease, transform .3s ease, box-shadow .3s ease;\r\n}\r\n.aa-srv-btn:hover{\r\n  background:var(--srv-primary); color:var(--srv-white);\r\n  transform:translateY(-2px); box-shadow:0 16px 30px rgba(74,19,115,.22);\r\n}\r\n.aa-srv-btn-arrow{ transition:transform .3s ease; }\r\n.aa-srv-btn:hover .aa-srv-btn-arrow{ transform:translateX(4px); }\r\n\r\n.aa-srv-cards{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:22px;\r\n}\r\n\r\n.aa-srv-card{\r\n  background:var(--srv-white);\r\n  border:1px solid var(--srv-border);\r\n  border-radius:16px;\r\n  padding:28px 26px;\r\n  box-shadow:0 10px 26px rgba(74,19,115,.06);\r\n  opacity:0; transform:translateY(28px);\r\n  transition:opacity .7s ease, transform .7s ease,\r\n             box-shadow .35s ease, border-color .35s ease, background .35s ease;\r\n}\r\n.aa-srv-card.aa-srv-in{ opacity:1; transform:translateY(0); }\r\n.aa-srv-card:hover{\r\n  box-shadow:0 22px 44px rgba(74,19,115,.14);\r\n  border-color:var(--srv-primary);\r\n  transform:translateY(-6px);\r\n}\r\n\r\n.aa-srv-icon{\r\n  width:46px; height:46px; border-radius:12px;\r\n  background:var(--srv-accent);\r\n  display:flex; align-items:center; justify-content:center;\r\n  margin-bottom:18px;\r\n  transition:background .35s ease, transform .4s ease;\r\n}\r\n.aa-srv-card:hover .aa-srv-icon{\r\n  background:var(--srv-primary);\r\n  transform:rotate(-8deg) scale(1.08);\r\n}\r\n.aa-srv-icon svg{\r\n  width:22px; height:22px; stroke:var(--srv-primary-dark);\r\n  transition:stroke .35s ease;\r\n}\r\n.aa-srv-card:hover .aa-srv-icon svg{ stroke:var(--srv-white); }\r\n\r\n.aa-srv-card h4{\r\n  font-family:var(--srv-heading-font); font-weight:400; color:var(--srv-text);\r\n  font-size:clamp(20px,2.2vw,23px); margin:0 0 10px;\r\n}\r\n.aa-srv-card p{\r\n  font-size:13.5px; line-height:1.7; color:var(--srv-muted); margin:0;\r\n}\r\n\r\n@media (max-width:991px){\r\n  .aa-srv-grid{ grid-template-columns:1fr; gap:44px; }\r\n  .aa-srv-intro{ text-align:center; transform:translateY(24px); }\r\n  .aa-srv-intro.aa-srv-in{ transform:translateY(0); }\r\n  .aa-srv-eyebrow{ margin-left:auto; margin-right:auto; }\r\n}\r\n@media (max-width:640px){\r\n  .aa-srv-cards{ grid-template-columns:1fr; }\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n  .aa-srv-orb-1, .aa-srv-orb-2{ animation:none !important; }\r\n  .aa-srv-intro, .aa-srv-card{ transition:none !important; opacity:1 !important; transform:none !important; }\r\n}\r\n<\/style>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display&family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<section id=\"aa-services\">\r\n  <div class=\"aa-srv-bg\" aria-hidden=\"true\">\r\n    <span class=\"aa-srv-orb aa-srv-orb-1\"><\/span>\r\n    <span class=\"aa-srv-orb aa-srv-orb-2\"><\/span>\r\n  <\/div>\r\n\r\n  <div class=\"aa-srv-wrap\">\r\n\r\n    <div class=\"aa-srv-header\">\r\n      <span class=\"aa-srv-label\">Services<\/span>\r\n      <h2>What I Can Do For You<\/h2>\r\n      <p>From fast, conversion-focused WordPress websites to SEO content that ranks, here's how I help small businesses grow online with a complete, no-guesswork approach.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"aa-srv-grid\">\r\n\r\n      <div class=\"aa-srv-intro\">\r\n        <span class=\"aa-srv-eyebrow\">Full-Service Support<\/span>\r\n        <h3>Websites Built to Grow. Content Built to Rank.<\/h3>\r\n        <p>I combine clean WordPress development with SEO-optimized content, so your site doesn't just look great. It performs, ranks, and converts. Let's build something that works as hard as you do.<\/p>\r\n        <a href=\"#contact\" class=\"aa-srv-btn\">Book a Discovery Call <span class=\"aa-srv-btn-arrow\">\u2192<\/span><\/a>\r\n      <\/div>\r\n\r\n      <div class=\"aa-srv-cards\">\r\n\r\n        <div class=\"aa-srv-card\">\r\n          <span class=\"aa-srv-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8 4l-6 8 6 8M16 4l6 8-6 8\"\/><\/svg>\r\n          <\/span>\r\n          <h4>WordPress Development<\/h4>\r\n          <p>Business, corporate, and landing page websites built with Elementor and WooCommerce. As a WordPress developer for small business clients, I focus on clean code and real results, not just visuals.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"aa-srv-card\">\r\n          <span class=\"aa-srv-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"\/><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"\/><\/svg>\r\n          <\/span>\r\n          <h4>SEO Content Writing<\/h4>\r\n          <p>SEO blogs, website copy, landing page content, and product descriptions written to engage readers and rank in search.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"aa-srv-card\">\r\n          <span class=\"aa-srv-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg>\r\n          <\/span>\r\n          <h4>On-Page SEO<\/h4>\r\n          <p>Keyword research and content optimization that improves visibility and helps your pages get found by the right audience.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"aa-srv-card\">\r\n          <span class=\"aa-srv-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2L3 14h7l-1 8 10-12h-7l1-8z\"\/><\/svg>\r\n          <\/span>\r\n          <h4>Speed Optimization<\/h4>\r\n          <p>Clean, lightweight builds and redesigns that load fast, support Core Web Vitals, and keep visitors on your site.<\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var intro = document.querySelector('#aa-services .aa-srv-intro');\r\n  var cards = document.querySelectorAll('#aa-services .aa-srv-card');\r\n\r\n  if(!('IntersectionObserver' in window)){\r\n    if(intro) intro.classList.add('aa-srv-in');\r\n    cards.forEach(function(c){ c.classList.add('aa-srv-in'); });\r\n    return;\r\n  }\r\n\r\n  var sectionObserver = new IntersectionObserver(function(entries){\r\n    entries.forEach(function(entry){\r\n      if(entry.isIntersecting){\r\n        if(intro) intro.classList.add('aa-srv-in');\r\n        cards.forEach(function(card, i){\r\n          setTimeout(function(){ card.classList.add('aa-srv-in'); }, i * 120);\r\n        });\r\n        sectionObserver.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.2 });\r\n\r\n  var section = document.getElementById('aa-services');\r\n  if(section) sectionObserver.observe(section);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a61bfd7 e-con-full e-flex e-con e-parent\" data-id=\"a61bfd7\" data-element_type=\"container\" data-e-type=\"container\" id=\"portfolio\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc17d79 elementor-widget elementor-widget-html\" data-id=\"bc17d79\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  =====================================================================\r\n  PORTFOLIO SECTION \u2014 Aleena Amin (apexgrow.com) \u2014 v4\r\n  CHANGED FROM v3:\r\n  1. Removed the fake browser-chrome + gradient \"SS\"\/\"ID\"\/etc. preview\r\n     from all 6 WordPress cards.\r\n  2. Each WordPress card now has a real <img> slot for your own\r\n     screenshot \u2014 same 190px preview height, same hover zoom, same\r\n     \"Visit Site\" overlay button on hover. Nothing else changed.\r\n  3. Each card's color gradient (--aap-p1 through --aap-p6) is now the\r\n     FALLBACK background behind the image, so if a URL is missing or\r\n     broken, you still see a nice brand-colored block instead of a\r\n     broken image icon \u2014 layout never breaks.\r\n\r\n  BEFORE PUBLISHING:\r\n  1. Replace every \"PASTE_IMAGE_URL_HERE\" with your real WordPress\r\n     Media Library image URL (9 spots total: 6 WordPress cards + 3\r\n     Content Writing cards).\r\n  2. Replace the data-edit=\"title\" placeholder text with your real\r\n     article titles, and update that card's href to the real link.\r\n  =====================================================================\r\n-->\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=DM+Serif+Display&family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"aap-portfolio\" id=\"aap-portfolio\">\r\n\r\n  <style>\r\n    #aap-portfolio {\r\n      --aap-primary: #6A1B9A;\r\n      --aap-primary-dark: #4A1373;\r\n      --aap-secondary: #FFFFFF;\r\n      --aap-text: #2E1140;\r\n      --aap-muted: #7A4B93;\r\n      --aap-accent: #E1BEE7;\r\n      --aap-border: #D29BDC;\r\n      --aap-bg: #FBF5FC;\r\n\r\n      position: relative;\r\n      overflow: hidden;\r\n      background: var(--aap-bg);\r\n      padding: 120px 24px 170px; \/* extra bottom room before next section *\/\r\n      font-family: 'Inter', sans-serif;\r\n      color: var(--aap-text);\r\n      isolation: isolate;\r\n\r\n      width: 100vw;\r\n      margin-left: calc(50% - 50vw);\r\n      margin-right: calc(50% - 50vw);\r\n    }\r\n\r\n    #aap-portfolio * { box-sizing: border-box; }\r\n\r\n    \/* ---------- ambient background ---------- *\/\r\n    .aap-bg-shape {\r\n      position: absolute;\r\n      border-radius: 50%;\r\n      filter: blur(70px);\r\n      opacity: 0.35;\r\n      pointer-events: none;\r\n      z-index: 0;\r\n      will-change: transform;\r\n    }\r\n    .aap-bg-shape.aap-s1 {\r\n      width: 480px; height: 480px;\r\n      top: -180px; left: -140px;\r\n      background: radial-gradient(circle, var(--aap-accent), transparent 70%);\r\n      animation: aapDrift1 22s ease-in-out infinite;\r\n    }\r\n    .aap-bg-shape.aap-s2 {\r\n      width: 420px; height: 420px;\r\n      bottom: -160px; right: -120px;\r\n      background: radial-gradient(circle, var(--aap-border), transparent 70%);\r\n      animation: aapDrift2 26s ease-in-out infinite;\r\n    }\r\n    .aap-bg-shape.aap-s3 {\r\n      width: 260px; height: 260px;\r\n      top: 40%; left: 50%;\r\n      background: radial-gradient(circle, var(--aap-primary), transparent 72%);\r\n      opacity: 0.12;\r\n      animation: aapDrift3 30s ease-in-out infinite;\r\n    }\r\n    @keyframes aapDrift1 { 0%,100% { transform: translate(0,0) scale(1);} 50% { transform: translate(40px,50px) scale(1.08);} }\r\n    @keyframes aapDrift2 { 0%,100% { transform: translate(0,0) scale(1);} 50% { transform: translate(-30px,-40px) scale(1.1);} }\r\n    @keyframes aapDrift3 { 0%,100% { transform: translate(-50%,-50%) scale(1);} 50% { transform: translate(-50%,-50%) scale(1.25);} }\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .aap-bg-shape { animation: none !important; }\r\n    }\r\n\r\n    \/* ---------- header ---------- *\/\r\n    .aap-inner { position: relative; z-index: 1; max-width: 1180px; margin: 0 auto; }\r\n\r\n    .aap-head { text-align: center; max-width: 640px; margin: 0 auto 56px; }\r\n\r\n    .aap-eyebrow {\r\n      display: inline-flex; align-items: center; gap: 8px;\r\n      font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 600;\r\n      letter-spacing: 0.12em; text-transform: uppercase;\r\n      color: var(--aap-primary); background: var(--aap-accent);\r\n      padding: 7px 16px; border-radius: 999px; margin-bottom: 20px;\r\n      opacity: 0; transform: translateY(14px);\r\n    }\r\n    .aap-eyebrow::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--aap-primary); display: inline-block; }\r\n\r\n    .aap-head h2 {\r\n      font-family: 'DM Serif Display', 'Times New Roman', serif;\r\n      font-weight: 400;\r\n      font-style: normal;\r\n      font-size: clamp(38px, 4vw, 46px);\r\n      line-height: 1.2;\r\n      margin: 0 0 16px;\r\n      color: var(--aap-text);\r\n      opacity: 0;\r\n      transform: translateY(18px);\r\n    }\r\n    .aap-head h2 span {\r\n      color: var(--aap-primary);\r\n      font-style: italic;\r\n      font-weight: 400;\r\n    }\r\n\r\n    .aap-head p {\r\n      font-size: 15px;\r\n      line-height: 1.65;\r\n      color: var(--aap-muted);\r\n      margin: 0;\r\n      opacity: 0;\r\n      transform: translateY(18px);\r\n    }\r\n\r\n    \/* ---------- filters ---------- *\/\r\n    .aap-filters {\r\n      display: flex; justify-content: center; flex-wrap: wrap; gap: 10px;\r\n      margin-bottom: 48px; opacity: 0; transform: translateY(16px);\r\n    }\r\n    .aap-filter-btn {\r\n      font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 600;\r\n      color: var(--aap-muted); background: var(--aap-secondary);\r\n      border: 1.5px solid var(--aap-border); padding: 11px 24px; border-radius: 999px;\r\n      cursor: pointer; transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.25s ease;\r\n    }\r\n    .aap-filter-btn:hover { transform: translateY(-2px); border-color: var(--aap-primary); color: var(--aap-primary); }\r\n    .aap-filter-btn.aap-active {\r\n      background: var(--aap-primary); border-color: var(--aap-primary); color: #fff;\r\n      box-shadow: 0 10px 24px -8px rgba(106, 27, 154, 0.55);\r\n    }\r\n    .aap-filter-btn:focus-visible { outline: 2px solid var(--aap-primary-dark); outline-offset: 3px; }\r\n\r\n    \/* ---------- grid ---------- *\/\r\n    .aap-grid {\r\n      position: relative;\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n      gap: 28px;\r\n      overflow: hidden;\r\n      transition: max-height 0.6s cubic-bezier(.2,.8,.2,1);\r\n    }\r\n\r\n    .aap-grid-fade {\r\n      position: absolute;\r\n      left: 0; right: 0; bottom: 0;\r\n      height: 90px;\r\n      background: linear-gradient(180deg, transparent, var(--aap-bg));\r\n      pointer-events: none;\r\n      opacity: 0;\r\n      transition: opacity 0.4s ease;\r\n      z-index: 2;\r\n    }\r\n    .aap-grid-fade.aap-show { opacity: 1; }\r\n\r\n    .aap-card {\r\n      position: relative;\r\n      background: var(--aap-secondary);\r\n      border: 1px solid var(--aap-border);\r\n      border-radius: 20px;\r\n      overflow: hidden;\r\n      text-decoration: none;\r\n      color: inherit;\r\n      display: flex;\r\n      flex-direction: column;\r\n      opacity: 0;\r\n      transform: translateY(28px);\r\n      transition: opacity 0.35s ease, transform 0.45s cubic-bezier(.2,.8,.2,1), box-shadow 0.45s ease, border-color 0.35s ease;\r\n      cursor: pointer;\r\n    }\r\n    .aap-card:hover {\r\n      transform: translateY(-8px);\r\n      box-shadow: 0 26px 48px -20px rgba(106, 27, 154, 0.32);\r\n      border-color: var(--aap-primary);\r\n    }\r\n    .aap-card:focus-visible { outline: 2px solid var(--aap-primary-dark); outline-offset: 3px; }\r\n    .aap-card.aap-hide { display: none; }\r\n\r\n    \/* ---------- WordPress card preview: NOW a real image slot ----------\r\n       CHANGED: this used to hold the fake browser chrome bar + gradient\r\n       + initials (\"SS\", \"ID\", etc.). That's all removed. It's now just\r\n       an image container \u2014 same 190px height, same hover zoom, same\r\n       \"Visit Site\" overlay button. The per-project gradient is kept as\r\n       a CSS background FALLBACK so an empty\/broken image URL still\r\n       looks intentional instead of broken. *\/\r\n    .aap-preview {\r\n      position: relative;\r\n      height: 190px;\r\n      overflow: hidden;\r\n    }\r\n    .aap-preview img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      display: block;\r\n      position: relative;\r\n      z-index: 1;\r\n      transition: transform 0.5s ease;\r\n    }\r\n    .aap-card:hover .aap-preview img { transform: scale(1.06); }\r\n    .aap-preview::after {\r\n      content: ''; position: absolute; inset: 0;\r\n      background: linear-gradient(180deg, transparent 55%, rgba(0,0,0,0.18) 100%);\r\n      pointer-events: none;\r\n      z-index: 2;\r\n    }\r\n\r\n    \/* Fallback background colors \u2014 visible if no image URL is pasted yet,\r\n       or while the image is loading, or behind transparent image edges *\/\r\n    .aap-p1 .aap-preview { background: linear-gradient(135deg, #6A1B9A 0%, #C2185B 100%); }\r\n    .aap-p2 .aap-preview { background: linear-gradient(135deg, #3A1466 0%, #6A1B9A 100%); }\r\n    .aap-p3 .aap-preview { background: linear-gradient(135deg, #7B1FA2 0%, #AD1457 100%); }\r\n    .aap-p4 .aap-preview { background: linear-gradient(135deg, #8E24AA 0%, #4A1373 100%); }\r\n    .aap-p5 .aap-preview { background: linear-gradient(135deg, #5E1878 0%, #9C27B0 100%); }\r\n    .aap-p6 .aap-preview { background: linear-gradient(135deg, #4A1373 0%, #C2185B 100%); }\r\n\r\n    .aap-overlay-cta {\r\n      position: absolute; right: 14px; bottom: 14px;\r\n      display: inline-flex; align-items: center; gap: 6px;\r\n      background: rgba(255,255,255,0.95); color: var(--aap-primary-dark);\r\n      font-size: 12px; font-weight: 700; padding: 7px 12px; border-radius: 999px;\r\n      opacity: 0; transform: translateY(6px); transition: opacity 0.3s ease, transform 0.3s ease;\r\n      z-index: 3;\r\n    }\r\n    .aap-card:hover .aap-overlay-cta { opacity: 1; transform: translateY(0); }\r\n    .aap-overlay-cta svg { width: 12px; height: 12px; }\r\n\r\n    \/* ---------- content-writing cards: real featured image (unchanged) ---------- *\/\r\n    .aap-content-img {\r\n      position: relative;\r\n      height: 190px;\r\n      overflow: hidden;\r\n      background: linear-gradient(135deg, var(--aap-accent), var(--aap-border));\r\n    }\r\n    .aap-content-img img {\r\n      width: 100%; height: 100%;\r\n      object-fit: cover;\r\n      display: block;\r\n      transition: transform 0.5s ease;\r\n    }\r\n    .aap-card:hover .aap-content-img img { transform: scale(1.06); }\r\n    .aap-content-img::after {\r\n      content: '';\r\n      position: absolute; inset: 0;\r\n      background: linear-gradient(180deg, transparent 55%, rgba(46,17,64,0.35) 100%);\r\n      pointer-events: none;\r\n    }\r\n\r\n    \/* ---------- card body ---------- *\/\r\n    .aap-body { padding: 22px 22px 24px; display: flex; flex-direction: column; gap: 10px; flex: 1; }\r\n    .aap-tag {\r\n      display: inline-flex; align-self: flex-start; font-size: 11px; font-weight: 700;\r\n      letter-spacing: 0.05em; text-transform: uppercase; color: var(--aap-primary);\r\n      background: var(--aap-accent); padding: 4px 11px; border-radius: 999px;\r\n    }\r\n    .aap-body h3 {\r\n      font-family: 'DM Serif Display', 'Times New Roman', serif;\r\n      font-weight: 400;\r\n      font-size: 24px;\r\n      margin: 2px 0 0;\r\n      color: var(--aap-text);\r\n    }\r\n    .aap-body p { font-size: 14px; line-height: 1.6; color: var(--aap-muted); margin: 0; }\r\n    .aap-meta { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 6px; }\r\n    .aap-meta span {\r\n      font-size: 11.5px; font-weight: 500; color: var(--aap-primary-dark);\r\n      border: 1px solid var(--aap-border); padding: 3px 10px; border-radius: 999px;\r\n    }\r\n    .aap-read {\r\n      margin-top: 10px; display: inline-flex; align-items: center; gap: 6px;\r\n      font-size: 13.5px; font-weight: 700; color: var(--aap-primary); width: fit-content;\r\n    }\r\n    .aap-read svg { width: 13px; height: 13px; transition: transform 0.25s ease; }\r\n    .aap-card:hover .aap-read svg { transform: translateX(4px); }\r\n\r\n    \/* ---------- Load More \/ Show Less button ---------- *\/\r\n    .aap-loadmore-wrap {\r\n      display: flex;\r\n      justify-content: center;\r\n      margin-top: 60px;\r\n      margin-bottom: 10px;\r\n      position: relative;\r\n      z-index: 3;\r\n    }\r\n    .aap-loadmore-btn {\r\n      display: inline-flex; align-items: center; gap: 8px;\r\n      font-family: 'Inter', sans-serif; font-size: 14.5px; font-weight: 700;\r\n      color: #fff; background: var(--aap-primary);\r\n      border: none; padding: 14px 30px; border-radius: 999px;\r\n      cursor: pointer;\r\n      box-shadow: 0 14px 28px -10px rgba(106, 27, 154, 0.5);\r\n      transition: transform 0.25s ease, box-shadow 0.3s ease;\r\n      -webkit-tap-highlight-color: transparent;\r\n      outline: none;\r\n    }\r\n    .aap-loadmore-btn:hover,\r\n    .aap-loadmore-btn:active,\r\n    .aap-loadmore-btn:focus,\r\n    .aap-loadmore-btn:visited {\r\n      background: var(--aap-primary);\r\n      color: #fff;\r\n    }\r\n    .aap-loadmore-btn:hover { transform: translateY(-2px); }\r\n    .aap-loadmore-btn:focus-visible {\r\n      box-shadow: 0 14px 28px -10px rgba(106, 27, 154, 0.5), 0 0 0 3px rgba(106, 27, 154, 0.3);\r\n    }\r\n    .aap-loadmore-btn svg { width: 15px; height: 15px; transition: transform 0.4s ease; }\r\n    .aap-loadmore-btn.aap-expanded svg { transform: rotate(180deg); }\r\n\r\n    \/* ---------- scroll reveal ---------- *\/\r\n    #aap-portfolio.aap-in-view .aap-eyebrow,\r\n    #aap-portfolio.aap-in-view .aap-head h2,\r\n    #aap-portfolio.aap-in-view .aap-head p,\r\n    #aap-portfolio.aap-in-view .aap-filters {\r\n      opacity: 1; transform: translateY(0);\r\n      transition: opacity 0.7s ease, transform 0.7s cubic-bezier(.2,.8,.2,1);\r\n    }\r\n    #aap-portfolio.aap-in-view .aap-head h2 { transition-delay: 0.08s; }\r\n    #aap-portfolio.aap-in-view .aap-head p { transition-delay: 0.16s; }\r\n    #aap-portfolio.aap-in-view .aap-filters { transition-delay: 0.24s; }\r\n    #aap-portfolio.aap-in-view .aap-card.aap-reveal {\r\n      opacity: 1; transform: translateY(0);\r\n      transition: opacity 0.6s ease, transform 0.6s cubic-bezier(.2,.8,.2,1);\r\n      transition-delay: calc(var(--aap-i) * 70ms);\r\n    }\r\n\r\n    @media (max-width: 640px) {\r\n      #aap-portfolio { padding: 88px 18px 110px; }\r\n      .aap-grid { grid-template-columns: 1fr; }\r\n      .aap-filters { gap: 8px; }\r\n      .aap-filter-btn { padding: 9px 18px; font-size: 13px; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"aap-bg-shape aap-s1\"><\/div>\r\n  <div class=\"aap-bg-shape aap-s2\"><\/div>\r\n  <div class=\"aap-bg-shape aap-s3\"><\/div>\r\n\r\n  <div class=\"aap-inner\">\r\n\r\n    <div class=\"aap-head\">\r\n      <span class=\"aap-eyebrow\">Selected Work<\/span>\r\n      <h2>Portfolio &amp; <span>Case Studies<\/span><\/h2>\r\n      <p>A look at the WordPress builds and SEO content projects I've delivered for clients across marketing, education, construction, and export industries real work from a WordPress developer for small business and growing agencies alike.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"aap-filters\" id=\"aap-filters\">\r\n      <button class=\"aap-filter-btn aap-active\" data-filter=\"all\">All Work<\/button>\r\n      <button class=\"aap-filter-btn\" data-filter=\"wordpress\">WordPress Websites<\/button>\r\n      <button class=\"aap-filter-btn\" data-filter=\"content\">Content Writing<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"aap-grid\" id=\"aap-grid\">\r\n\r\n      <!-- 1. Sehar Solutions -->\r\n      <a href=\"https:\/\/seharsolutions.com\/\" target=\"_blank\" rel=\"noopener\" class=\"aap-card aap-p1\" data-category=\"wordpress\">\r\n        <div class=\"aap-preview\">\r\n          <!-- \u2b07\ufe0f PASTE SEHAR SOLUTIONS IMAGE URL HERE \u2b07\ufe0f -->\r\n          <img decoding=\"async\" src=\"https:\/\/appexgrow.com\/wp-content\/uploads\/seher-hero-sec.webp\" alt=\"Sehar Solutions website preview\" loading=\"lazy\" onerror=\"this.style.display='none'\">\r\n          <span class=\"aap-overlay-cta\">Visit Site <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M7 7h10v10\"\/><\/svg><\/span>\r\n        <\/div>\r\n        <div class=\"aap-body\">\r\n          <span class=\"aap-tag\">Digital Marketing Agency<\/span>\r\n          <h3>Sehar Solutions<\/h3>\r\n          <p>Full agency site covering SEO, paid ads, and web design packages, built with a growth-led layout and a client results dashboard feel.<\/p>\r\n          <div class=\"aap-meta\"><span>WordPress<\/span><span>Elementor<\/span><span>Lead Gen<\/span><\/div>\r\n          <span class=\"aap-read\">Visit live site <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M7 7h10v10\"\/><\/svg><\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- 2. IDEALS -->\r\n      <a href=\"https:\/\/idealslearning.cite.hku.hk\/\" target=\"_blank\" rel=\"noopener\" class=\"aap-card aap-p2\" data-category=\"wordpress\">\r\n        <div class=\"aap-preview\">\r\n          <!-- \u2b07\ufe0f PASTE IDEALS LEARNING PLATFORM IMAGE URL HERE \u2b07\ufe0f -->\r\n          <img decoding=\"async\" src=\"https:\/\/appexgrow.com\/wp-content\/uploads\/ideals-hero-sec-1.webp\" alt=\"IDEALS Learning Platform website preview\" loading=\"lazy\" onerror=\"this.style.display='none'\">\r\n          <span class=\"aap-overlay-cta\">Visit Site <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M7 7h10v10\"\/><\/svg><\/span>\r\n        <\/div>\r\n        <div class=\"aap-body\">\r\n          <span class=\"aap-tag\">Educational Institution<\/span>\r\n          <h3>IDEALS Learning Platform<\/h3>\r\n          <p>Bilingual (English \/ Chinese) EdTech site for an HKU-affiliated learning platform, with a custom slide-in navigation panel on both language versions.<\/p>\r\n          <div class=\"aap-meta\"><span>WordPress<\/span><span>Bilingual<\/span><span>Custom Nav<\/span><\/div>\r\n          <span class=\"aap-read\">Visit live site <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M7 7h10v10\"\/><\/svg><\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- 3. Focal Point -->\r\n      <a href=\"https:\/\/focalpoint.pk\/\" target=\"_blank\" rel=\"noopener\" class=\"aap-card aap-p3\" data-category=\"wordpress\">\r\n        <div class=\"aap-preview\">\r\n          <!-- \u2b07\ufe0f PASTE FOCAL POINT IMAGE URL HERE \u2b07\ufe0f -->\r\n          <img decoding=\"async\" src=\"https:\/\/appexgrow.com\/wp-content\/uploads\/focal-point-hero-sec.webp\" alt=\"WordPress developer for small business\" loading=\"lazy\" onerror=\"this.style.display='none'\">\r\n          <span class=\"aap-overlay-cta\">Visit Site <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M7 7h10v10\"\/><\/svg><\/span>\r\n        <\/div>\r\n        <div class=\"aap-body\">\r\n          <span class=\"aap-tag\">Visa Consultancy<\/span>\r\n          <h3>Focal Point<\/h3>\r\n          <p>Immigration and visa consultancy website designed to build trust with international applicants and streamline enquiries into a single consultation form.<\/p>\r\n          <div class=\"aap-meta\"><span>WordPress<\/span><span>Consultancy<\/span><span>Lead Forms<\/span><\/div>\r\n          <span class=\"aap-read\">Visit live site <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M7 7h10v10\"\/><\/svg><\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- 4. MIKT -->\r\n      <a href=\"https:\/\/miktpvt.com\/\" target=\"_blank\" rel=\"noopener\" class=\"aap-card aap-p4\" data-category=\"wordpress\">\r\n        <div class=\"aap-preview\">\r\n          <!-- \u2b07\ufe0f PASTE MIKT PVT LTD IMAGE URL HERE \u2b07\ufe0f -->\r\n          <img decoding=\"async\" src=\"https:\/\/appexgrow.com\/wp-content\/uploads\/mikt-hero-sec.webp\" alt=\"WordPress developer for small business\" loading=\"lazy\" onerror=\"this.style.display='none'\">\r\n          <span class=\"aap-overlay-cta\">Visit Site <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M7 7h10v10\"\/><\/svg><\/span>\r\n        <\/div>\r\n        <div class=\"aap-body\">\r\n          <span class=\"aap-tag\">Wholesale Trading<\/span>\r\n          <h3>MIKT Pvt Ltd<\/h3>\r\n          <p>Multi-brand site for a Pakistan-based food export company, organising ten sub-brands and certifications for buyers across the UK, EU, and GCC.<\/p>\r\n          <div class=\"aap-meta\"><span>WordPress<\/span><span>Multi-brand<\/span><span>Export<\/span><\/div>\r\n          <span class=\"aap-read\">Visit live site <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M7 7h10v10\"\/><\/svg><\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- 5. Aamir Builders -->\r\n      <a href=\"https:\/\/aamirbuilders.com\/\" target=\"_blank\" rel=\"noopener\" class=\"aap-card aap-p5\" data-category=\"wordpress\">\r\n        <div class=\"aap-preview\">\r\n          <!-- \u2b07\ufe0f PASTE AAMIR BUILDERS IMAGE URL HERE \u2b07\ufe0f -->\r\n          <img decoding=\"async\" src=\"https:\/\/appexgrow.com\/wp-content\/uploads\/Aamir-Builder.png\" alt=\"WordPress developer for small business\" loading=\"lazy\" onerror=\"this.style.display='none'\">\r\n          <span class=\"aap-overlay-cta\">Visit Site <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M7 7h10v10\"\/><\/svg><\/span>\r\n        <\/div>\r\n        <div class=\"aap-body\">\r\n          <span class=\"aap-tag\">Construction Company<\/span>\r\n          <h3>Aamir Builders<\/h3>\r\n          <p>Portfolio-driven site for an Islamabad construction firm, showcasing residential and commercial projects alongside client testimonials.<\/p>\r\n          <div class=\"aap-meta\"><span>WordPress<\/span><span>Portfolio Grid<\/span><span>Testimonials<\/span><\/div>\r\n          <span class=\"aap-read\">Visit live site <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M7 7h10v10\"\/><\/svg><\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- 6. Digital Diva -->\r\n      <a href=\"https:\/\/digitaldivapro.com\/\" target=\"_blank\" rel=\"noopener\" class=\"aap-card aap-p6\" data-category=\"wordpress\">\r\n        <div class=\"aap-preview\">\r\n          <!-- \u2b07\ufe0f PASTE DIGITAL DIVA IMAGE URL HERE \u2b07\ufe0f -->\r\n          <img decoding=\"async\" src=\"https:\/\/appexgrow.com\/wp-content\/uploads\/dd-hero-sec.webp\" alt=\"WordPress developer for small business\" loading=\"lazy\" onerror=\"this.style.display='none'\">\r\n          <span class=\"aap-overlay-cta\">Visit Site <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M7 7h10v10\"\/><\/svg><\/span>\r\n        <\/div>\r\n        <div class=\"aap-body\">\r\n          <span class=\"aap-tag\">Social Media Agency<\/span>\r\n          <h3>Digital Diva<\/h3>\r\n          <p>AI-first marketing agency site combining chatbot automation, SEO, and social media services into one conversion-focused homepage.<\/p>\r\n          <div class=\"aap-meta\"><span>WordPress<\/span><span>AI Automation<\/span><span>Agency<\/span><\/div>\r\n          <span class=\"aap-read\">Visit live site <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M7 7h10v10\"\/><\/svg><\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- ===== CONTENT WRITING \u2014 real featured images (unchanged from before) ===== -->\r\n\r\n      <!-- 7. Content card 1 -->\r\n      <a href=\"https:\/\/mixlum.com\/\" target=\"_blank\" rel=\"noopener\" class=\"aap-card\" data-category=\"content\">\r\n        <div class=\"aap-content-img\">\r\n          <!-- \u2b07\ufe0f PASTE ARTICLE 1 FEATURED IMAGE URL HERE \u2b07\ufe0f -->\r\n          <img decoding=\"async\" src=\"https:\/\/appexgrow.com\/wp-content\/uploads\/mixlum-hero-sec.webp\" alt=\"Article featured image\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"aap-body\">\r\n          <span class=\"aap-tag\">SEO Blog Writing<\/span>\r\n          <h3 data-edit=\"title\">Your Article Title Here<\/h3>\r\n          <p>Add a one-to-two line summary of what this piece covers and the keyword or goal it was written to target.<\/p>\r\n          <div class=\"aap-meta\"><span>Mixlum<\/span><span>SEO Content<\/span><\/div>\r\n          <span class=\"aap-read\">Read piece <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M7 7h10v10\"\/><\/svg><\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- 8. Content card 2 -->\r\n      <a href=\"https:\/\/resume-template.net\/\" target=\"_blank\" rel=\"noopener\" class=\"aap-card\" data-category=\"content\">\r\n        <div class=\"aap-content-img\">\r\n          <!-- \u2b07\ufe0f PASTE ARTICLE 2 FEATURED IMAGE URL HERE \u2b07\ufe0f -->\r\n          <img decoding=\"async\" src=\"https:\/\/appexgrow.com\/wp-content\/uploads\/resume-hero-sec.webp\" alt=\"Article featured image\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"aap-body\">\r\n          <span class=\"aap-tag\">Website Content<\/span>\r\n          <h3 data-edit=\"title\">Your Article Title Here<\/h3>\r\n          <p>Add a one-to-two line summary of what this piece covers and the keyword or goal it was written to target.<\/p>\r\n          <div class=\"aap-meta\"><span>Resume Template<\/span><span>On-Page SEO<\/span><\/div>\r\n          <span class=\"aap-read\">Read piece <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M7 7h10v10\"\/><\/svg><\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- 9. Content card 3 -->\r\n      <a href=\"https:\/\/drive.google.com\/drive\/folders\/1p_l2aWX-DsnZ6O09cHpQZHpbfeKiF1Q0\" target=\"_blank\" rel=\"noopener\" class=\"aap-card\" data-category=\"content\" data-edit=\"link\">\r\n        <div class=\"aap-content-img\">\r\n          <!-- \u2b07\ufe0f PASTE ARTICLE 3 FEATURED IMAGE URL HERE \u2b07\ufe0f -->\r\n          <img decoding=\"async\" src=\"https:\/\/appexgrow.com\/wp-content\/uploads\/drive-hero-sec.webp\" alt=\"Article featured image\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"aap-body\">\r\n          <span class=\"aap-tag\">Landing Page Copy<\/span>\r\n          <h3 data-edit=\"title\">Your Article Title Here<\/h3>\r\n          <p>Add a one-to-two line summary of this writing sample \u2014 swap this whole card's link and title for a real published piece or attached document.<\/p>\r\n          <div class=\"aap-meta\"><span>Sample<\/span><span>Copywriting<\/span><\/div>\r\n          <span class=\"aap-read\">Read piece <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M7 7h10v10\"\/><\/svg><\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"aap-loadmore-wrap\" id=\"aap-loadmore-wrap\">\r\n      <div class=\"aap-grid-fade\" id=\"aap-grid-fade\"><\/div>\r\n      <button class=\"aap-loadmore-btn\" id=\"aap-loadmore-btn\">\r\n        <span id=\"aap-loadmore-label\">View More<\/span>\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n      <\/button>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  var section = document.getElementById('aap-portfolio');\r\n  if (!section) return;\r\n\r\n  var grid = document.getElementById('aap-grid');\r\n  var gridFade = document.getElementById('aap-grid-fade');\r\n  var loadMoreWrap = document.getElementById('aap-loadmore-wrap');\r\n  var loadMoreBtn = document.getElementById('aap-loadmore-btn');\r\n  var loadMoreLabel = document.getElementById('aap-loadmore-label');\r\n  var cards = Array.prototype.slice.call(section.querySelectorAll('.aap-card'));\r\n  var filterBtns = Array.prototype.slice.call(section.querySelectorAll('.aap-filter-btn'));\r\n\r\n  var ROWS_VISIBLE = 2;\r\n  var expanded = false;\r\n\r\n  cards.forEach(function (card, i) {\r\n    card.style.setProperty('--aap-i', i % 6);\r\n  });\r\n\r\n  var revealed = false;\r\n  var io = new IntersectionObserver(function (entries) {\r\n    entries.forEach(function (entry) {\r\n      if (entry.isIntersecting && !revealed) {\r\n        revealed = true;\r\n        section.classList.add('aap-in-view');\r\n        cards.forEach(function (card) {\r\n          if (!card.classList.contains('aap-hide')) card.classList.add('aap-reveal');\r\n        });\r\n        setTimeout(recalcCollapse, 650);\r\n        io.disconnect();\r\n      }\r\n    });\r\n  }, { threshold: 0.15 });\r\n  io.observe(section);\r\n\r\n  function getVisibleCards() {\r\n    return cards.filter(function (c) { return !c.classList.contains('aap-hide'); });\r\n  }\r\n\r\n  function recalcCollapse() {\r\n    var visible = getVisibleCards();\r\n    if (!visible.length) { loadMoreWrap.style.display = 'none'; return; }\r\n\r\n    var tops = [];\r\n    visible.forEach(function (c) {\r\n      var t = Math.round(c.offsetTop);\r\n      if (tops.indexOf(t) === -1) tops.push(t);\r\n    });\r\n    tops.sort(function (a, b) { return a - b; });\r\n\r\n    if (tops.length <= ROWS_VISIBLE) {\r\n      grid.style.maxHeight = 'none';\r\n      loadMoreWrap.style.display = 'none';\r\n      gridFade.classList.remove('aap-show');\r\n      return;\r\n    }\r\n\r\n    loadMoreWrap.style.display = 'flex';\r\n    var collapsedHeight = tops[ROWS_VISIBLE] - 14;\r\n\r\n    if (expanded) {\r\n      grid.style.maxHeight = grid.scrollHeight + 'px';\r\n      gridFade.classList.remove('aap-show');\r\n    } else {\r\n      grid.style.maxHeight = collapsedHeight + 'px';\r\n      gridFade.classList.add('aap-show');\r\n    }\r\n  }\r\n\r\n  loadMoreBtn.addEventListener('click', function () {\r\n    expanded = !expanded;\r\n    loadMoreBtn.classList.toggle('aap-expanded', expanded);\r\n    loadMoreLabel.textContent = expanded ? 'Show Less' : 'View More';\r\n    recalcCollapse();\r\n    if (!expanded) {\r\n      section.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\r\n    }\r\n  });\r\n\r\n  function applyFilter(filter) {\r\n    cards.forEach(function (card) {\r\n      var match = filter === 'all' || card.getAttribute('data-category') === filter;\r\n      if (match) {\r\n        card.classList.remove('aap-hide');\r\n        card.style.display = '';\r\n        requestAnimationFrame(function () {\r\n          card.style.opacity = '1';\r\n          card.style.transform = 'translateY(0)';\r\n        });\r\n      } else {\r\n        card.style.opacity = '0';\r\n        card.style.transform = 'translateY(12px)';\r\n        setTimeout(function () {\r\n          card.classList.add('aap-hide');\r\n          card.style.display = 'none';\r\n        }, 300);\r\n      }\r\n    });\r\n\r\n    expanded = false;\r\n    loadMoreBtn.classList.remove('aap-expanded');\r\n    loadMoreLabel.textContent = 'View More';\r\n\r\n    setTimeout(recalcCollapse, 340);\r\n  }\r\n\r\n  filterBtns.forEach(function (btn) {\r\n    btn.addEventListener('click', function () {\r\n      filterBtns.forEach(function (b) { b.classList.remove('aap-active'); });\r\n      btn.classList.add('aap-active');\r\n      applyFilter(btn.getAttribute('data-filter'));\r\n    });\r\n  });\r\n\r\n  var resizeTimer;\r\n  window.addEventListener('resize', function () {\r\n    clearTimeout(resizeTimer);\r\n    resizeTimer = setTimeout(recalcCollapse, 200);\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-368ee66 e-con-full e-flex e-con e-parent\" data-id=\"368ee66\" data-element_type=\"container\" data-e-type=\"container\" id=\"testimonials\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2792aac elementor-widget elementor-widget-html\" data-id=\"2792aac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  =====================================================================\r\n  TESTIMONIALS SECTION v2 \u2014 Aleena Amin (apexgrow.com)\r\n  REDESIGNED: replaced the horizontal scrolling marquee with a premium\r\n  \"one at a time\" crossfade rotator that loops between testimonial 1\r\n  and testimonial 2 indefinitely. Same color palette, same text.\r\n\r\n  TO ADD A THIRD TESTIMONIAL LATER:\r\n  1. Duplicate one <div class=\"aat-slide\">...<\/div> block, update its text.\r\n  2. Duplicate one <button class=\"aat-dot\">...<\/button> in the dots row.\r\n  3. Nothing else needs to change \u2014 the JS reads how many slides exist.\r\n  =====================================================================\r\n-->\r\n\r\n<section class=\"aat-testimonials\" id=\"aat-testimonials\">\r\n\r\n  <style>\r\n    #aat-testimonials {\r\n      --aat-primary: #6A1B9A;\r\n      --aat-primary-dark: #4A1373;\r\n      --aat-secondary: #FFFFFF;\r\n      --aat-text: #2E1140;\r\n      --aat-muted: #7A4B93;\r\n      --aat-accent: #E1BEE7;\r\n      --aat-border: #D29BDC;\r\n      --aat-bg: #FBF5FC;\r\n\r\n      position: relative;\r\n      overflow: hidden;\r\n      background: var(--aat-bg);\r\n      padding: 130px 24px 120px;\r\n      font-family: 'Inter', sans-serif;\r\n      color: var(--aat-text);\r\n      isolation: isolate;\r\n\r\n      width: 100vw;\r\n      margin-left: calc(50% - 50vw);\r\n      margin-right: calc(50% - 50vw);\r\n    }\r\n    #aat-testimonials * { box-sizing: border-box; }\r\n\r\n    \/* ---------- NEW: soft decorative glow blobs instead of a flat background ---------- *\/\r\n    #aat-testimonials::before,\r\n    #aat-testimonials::after {\r\n      content: '';\r\n      position: absolute;\r\n      border-radius: 50%;\r\n      filter: blur(70px);\r\n      z-index: 0;\r\n      pointer-events: none;\r\n    }\r\n    #aat-testimonials::before {\r\n      width: 380px; height: 380px;\r\n      background: var(--aat-accent);\r\n      opacity: 0.45;\r\n      top: -140px; left: -120px;\r\n    }\r\n    #aat-testimonials::after {\r\n      width: 320px; height: 320px;\r\n      background: var(--aat-primary);\r\n      opacity: 0.12;\r\n      bottom: -120px; right: -100px;\r\n    }\r\n\r\n    .aat-inner {\r\n      position: relative;\r\n      z-index: 1;\r\n      max-width: 900px;\r\n      margin: 0 auto;\r\n      \/* NEW: gentle entrance on load, pure CSS \u2014 never depends on scroll\r\n         or JS, so it always shows correctly in the Elementor editor. *\/\r\n      animation: aatFadeUp 0.9s cubic-bezier(.2,.8,.2,1) both;\r\n    }\r\n    @keyframes aatFadeUp {\r\n      from { opacity: 0; transform: translateY(18px); }\r\n      to   { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    \/* ---------- header ---------- *\/\r\n    .aat-head { text-align: center; max-width: 620px; margin: 0 auto 60px; }\r\n\r\n    .aat-eyebrow {\r\n      display: inline-flex; align-items: center; gap: 8px;\r\n      font-size: 13px; font-weight: 600;\r\n      letter-spacing: 0.12em; text-transform: uppercase;\r\n      color: var(--aat-primary); background: var(--aat-accent);\r\n      padding: 7px 16px; border-radius: 999px; margin-bottom: 22px;\r\n    }\r\n    .aat-eyebrow::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--aat-primary); display: inline-block; }\r\n\r\n    .aat-head h2 {\r\n      font-family: 'DM Serif Display', 'Times New Roman', serif;\r\n      font-weight: 400;\r\n      font-size: clamp(32px, 4vw, 46px);\r\n      line-height: 1.2;\r\n      margin: 0 0 14px;\r\n      color: var(--aat-text);\r\n    }\r\n    .aat-head h2 span { color: var(--aat-primary); font-style: italic; }\r\n\r\n    .aat-head p { font-size: 15.5px; line-height: 1.65; color: var(--aat-muted); margin: 0; }\r\n\r\n    \/* ---------- NEW: single-card rotating stage ---------- *\/\r\n    .aat-stage {\r\n      position: relative;\r\n      display: grid; \/* stacking all slides in one grid cell so the\r\n                         container height auto-fits the tallest slide *\/\r\n      max-width: 680px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .aat-slide {\r\n      grid-area: 1 \/ 1;\r\n      background: var(--aat-secondary);\r\n      border: 1px solid var(--aat-border);\r\n      border-radius: 28px;\r\n      padding: 52px 48px 40px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 22px;\r\n      text-align: center;\r\n      align-items: center;\r\n\r\n      \/* layered shadow for a premium, elevated feel *\/\r\n      box-shadow:\r\n        0 2px 8px rgba(106, 27, 154, 0.06),\r\n        0 30px 60px -24px rgba(106, 27, 154, 0.30);\r\n\r\n      opacity: 0;\r\n      transform: translateY(16px) scale(0.97);\r\n      pointer-events: none;\r\n      transition: opacity 0.7s cubic-bezier(.2,.8,.2,1),\r\n                  transform 0.7s cubic-bezier(.2,.8,.2,1);\r\n    }\r\n    \/* First slide is visible by default in the markup itself (via the\r\n       .is-active class already present in HTML below) \u2014 so the section\r\n       always shows something even if JS never runs, e.g. in the editor. *\/\r\n    .aat-slide.is-active {\r\n      opacity: 1;\r\n      transform: translateY(0) scale(1);\r\n      pointer-events: auto;\r\n      z-index: 1;\r\n    }\r\n\r\n    .aat-quote-mark {\r\n      font-family: 'DM Serif Display', serif;\r\n      font-size: 60px;\r\n      line-height: 1;\r\n      color: var(--aat-accent);\r\n      font-style: italic;\r\n      user-select: none;\r\n    }\r\n\r\n    .aat-slide p.aat-quote {\r\n      font-size: 16.5px;\r\n      line-height: 1.8;\r\n      color: var(--aat-text);\r\n      margin: 0;\r\n      max-width: 520px;\r\n    }\r\n\r\n    .aat-card-footer {\r\n      display: flex;\r\n      align-items: center;\r\n      flex-direction: column;\r\n      gap: 6px;\r\n      margin-top: 4px;\r\n      padding-top: 20px;\r\n      border-top: 1px solid var(--aat-border);\r\n      width: 100%;\r\n      max-width: 260px;\r\n    }\r\n\r\n    .aat-initials {\r\n      width: 48px; height: 48px;\r\n      border-radius: 50%;\r\n      background: linear-gradient(135deg, var(--aat-primary), var(--aat-primary-dark));\r\n      color: #fff;\r\n      display: flex; align-items: center; justify-content: center;\r\n      font-family: 'DM Serif Display', serif;\r\n      font-size: 17px;\r\n      margin-bottom: 6px;\r\n      box-shadow: 0 8px 18px -6px rgba(106, 27, 154, 0.5);\r\n    }\r\n\r\n    .aat-client-info h4 {\r\n      font-size: 15px;\r\n      font-weight: 700;\r\n      color: var(--aat-text);\r\n      margin: 0 0 2px;\r\n    }\r\n    .aat-client-info span {\r\n      font-size: 12.5px;\r\n      color: var(--aat-muted);\r\n      font-weight: 500;\r\n      letter-spacing: 0.02em;\r\n    }\r\n\r\n    \/* ---------- NEW: dot navigation with elongating active state ---------- *\/\r\n    .aat-dots {\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      gap: 10px;\r\n      margin-top: 40px;\r\n    }\r\n    .aat-dot {\r\n      appearance: none;\r\n      border: none;\r\n      background: var(--aat-border);\r\n      width: 9px;\r\n      height: 9px;\r\n      border-radius: 999px;\r\n      padding: 0;\r\n      cursor: pointer;\r\n      transition: width 0.4s ease, background 0.4s ease;\r\n    }\r\n    .aat-dot:hover { background: var(--aat-primary); }\r\n    .aat-dot.is-active {\r\n      width: 28px;\r\n      background: var(--aat-primary);\r\n    }\r\n    .aat-dot:focus-visible {\r\n      outline: 2px solid var(--aat-primary);\r\n      outline-offset: 3px;\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .aat-inner { animation: none; }\r\n      .aat-slide { transition: opacity 0.2s linear; transform: none !important; }\r\n    }\r\n\r\n    @media (max-width: 640px) {\r\n      #aat-testimonials { padding: 90px 18px 90px; }\r\n      .aat-slide { padding: 40px 26px 32px; border-radius: 22px; }\r\n      .aat-quote-mark { font-size: 48px; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"aat-inner\">\r\n\r\n    <div class=\"aat-head\">\r\n      <span class=\"aat-eyebrow\">Testimonials<\/span>\r\n      <h2>What my Clients &amp; <\/span> Say<\/h2>\r\n      <p>A few words from the people I've worked with on WordPress builds and content projects.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"aat-stage\" id=\"aat-stage\">\r\n\r\n      <!-- Slide 1 \u2014 visible by default so content always shows even without JS -->\r\n      <div class=\"aat-slide is-active\" data-slide>\r\n        <span class=\"aat-quote-mark\">&ldquo;<\/span>\r\n        <p class=\"aat-quote\">Aleena has been exemplary in both WordPress designing and project managing the job that calls for multiple languages, including Chinese, which she doesn't know at all. She managed the project and delivered on time and on budget. I would hire her again.<\/p>\r\n        <div class=\"aat-card-footer\">\r\n          <div class=\"aat-initials\">JE<\/div>\r\n          <div class=\"aat-client-info\">\r\n            <h4>Jeo<\/h4>\r\n            <span>Manager, IDEALS Learning Platform<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Slide 2 -->\r\n      <div class=\"aat-slide\" data-slide>\r\n        <span class=\"aat-quote-mark\">&ldquo;<\/span>\r\n        <p class=\"aat-quote\">I had the pleasure of working with Aleena on multiple content projects, and I can confidently say that she is a creative and talented writer. Aleena consistently delivers high-quality work on time and demonstrates a deep understanding of our target audience. She is very dedicated and serious about her work.<\/p>\r\n        <div class=\"aat-card-footer\">\r\n          <div class=\"aat-initials\">ZH<\/div>\r\n          <div class=\"aat-client-info\">\r\n            <h4>Zil e Huma<\/h4>\r\n            <span>CEO<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"aat-dots\" id=\"aat-dots\">\r\n      <button class=\"aat-dot is-active\" type=\"button\" aria-label=\"Show testimonial 1\"><\/button>\r\n      <button class=\"aat-dot\" type=\"button\" aria-label=\"Show testimonial 2\"><\/button>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  var stage = document.getElementById('aat-stage');\r\n  if (!stage) return;\r\n\r\n  var slides = Array.prototype.slice.call(stage.querySelectorAll('[data-slide]'));\r\n  var dots = Array.prototype.slice.call(document.querySelectorAll('#aat-dots .aat-dot'));\r\n  var current = 0;\r\n  var AUTOPLAY_MS = 5000;\r\n  var timer = null;\r\n\r\n  function goTo(index) {\r\n    slides[current].classList.remove('is-active');\r\n    dots[current].classList.remove('is-active');\r\n    current = (index + slides.length) % slides.length;\r\n    slides[current].classList.add('is-active');\r\n    dots[current].classList.add('is-active');\r\n  }\r\n\r\n  function next() { goTo(current + 1); }\r\n\r\n  function startAutoplay() {\r\n    stopAutoplay();\r\n    timer = setInterval(next, AUTOPLAY_MS);\r\n  }\r\n  function stopAutoplay() {\r\n    if (timer) clearInterval(timer);\r\n  }\r\n\r\n  \/\/ Auto-rotate continuously between the two testimonials\r\n  startAutoplay();\r\n\r\n  \/\/ Pause on hover\/focus so visitors can actually read a longer quote,\r\n  \/\/ resume when they move away\r\n  stage.addEventListener('mouseenter', stopAutoplay);\r\n  stage.addEventListener('mouseleave', startAutoplay);\r\n  stage.addEventListener('focusin', stopAutoplay);\r\n  stage.addEventListener('focusout', startAutoplay);\r\n\r\n  \/\/ Clicking a dot jumps directly to that testimonial and resets the timer\r\n  dots.forEach(function (dot, i) {\r\n    dot.addEventListener('click', function () {\r\n      goTo(i);\r\n      startAutoplay();\r\n    });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-48fa73f e-con-full e-flex e-con e-parent\" data-id=\"48fa73f\" data-element_type=\"container\" data-e-type=\"container\" id=\"contact\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce9e081 elementor-widget elementor-widget-html\" data-id=\"ce9e081\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===== CONTACT SECTION: VARIABLES (edit here if brand ever shifts) ===== -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display&family=Inter:wght@400;500;600;700;800&display=swap');\r\n\r\n.ag-contact {\r\n  --ag-primary: #6A1B9A;\r\n  --ag-primary-dark: #4A1373;\r\n  --ag-secondary: #FFFFFF;\r\n  --ag-text: #2E1140;\r\n  --ag-muted: #7A4B93;\r\n  --ag-accent: #E1BEE7;\r\n  --ag-border: #D29BDC;\r\n  --ag-bg: #FBF5FC;\r\n  --ag-font-heading: 'DM Serif Display', serif;\r\n  --ag-font-body: 'Inter', sans-serif;\r\n\r\n  background: var(--ag-bg);\r\n  padding: 110px 24px;\r\n  font-family: var(--ag-font-body);\r\n  color: var(--ag-text);\r\n  box-sizing: border-box;\r\n}\r\n.ag-contact *, .ag-contact *::before, .ag-contact *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.ag-contact__container {\r\n  max-width: 1180px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 0.95fr 1.05fr;\r\n  gap: 64px;\r\n  align-items: center; \/* FIX: vertically centers left column against the form card *\/\r\n}\r\n\r\n\/* --- Left info column --- *\/\r\n.ag-contact__tag {\r\n  display: inline-block;\r\n  font-weight: 700;\r\n  font-size: 13px;\r\n  letter-spacing: 1.8px;\r\n  color: var(--ag-primary);\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.ag-contact__heading {\r\n  font-family: var(--ag-font-heading);\r\n  font-weight: 400;\r\n  font-size: 54px;\r\n  line-height: 1.16;\r\n  color: var(--ag-text);\r\n  margin: 0 0 22px;\r\n}\r\n\r\n.ag-contact__heading em {\r\n  font-style: normal;\r\n  color: var(--ag-primary);\r\n}\r\n\r\n.ag-contact__desc {\r\n  font-size: 17px;\r\n  line-height: 1.75;\r\n  color: var(--ag-muted);\r\n  max-width: 480px;\r\n  margin-bottom: 36px;\r\n}\r\n\r\n\/* --- Trust badges: replaces email\/phone\/address --- *\/\r\n.ag-contact__trust {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 14px;\r\n  margin-bottom: 40px;\r\n}\r\n.ag-contact__badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n  background: var(--ag-secondary);\r\n  border: 1px solid var(--ag-border);\r\n  border-radius: 50px;\r\n  padding: 10px 18px;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  color: var(--ag-text);\r\n}\r\n.ag-contact__badge svg {\r\n  width: 17px;\r\n  height: 17px;\r\n  color: var(--ag-primary);\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* --- Book a Call button (WhatsApp) --- *\/\r\n.ag-contact__cta {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  background: var(--ag-primary);\r\n  color: #fff;\r\n  font-weight: 700;\r\n  font-size: 16px;\r\n  text-decoration: none;\r\n  padding: 17px 34px;\r\n  border-radius: 12px;\r\n  box-shadow: 0 16px 32px -10px rgba(106, 27, 154, 0.45);\r\n  transition: background .25s ease, transform .25s ease, box-shadow .25s ease;\r\n}\r\n.ag-contact__cta:hover {\r\n  background: var(--ag-primary-dark);\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 20px 38px -10px rgba(106, 27, 154, 0.5);\r\n}\r\n.ag-contact__cta svg { width: 20px; height: 20px; }\r\n\r\n.ag-contact__cta-note {\r\n  display: block;\r\n  margin-top: 14px;\r\n  font-size: 13.5px;\r\n  color: var(--ag-muted);\r\n}\r\n\r\n\/* --- Right form card --- *\/\r\n.ag-contact__card {\r\n  background: var(--ag-secondary);\r\n  border: 1px solid var(--ag-border);\r\n  border-radius: 24px;\r\n  padding: 36px;\r\n  box-shadow: 0 20px 50px -12px rgba(106, 27, 154, 0.18);\r\n}\r\n\r\n.ag-contact__form-placeholder {\r\n  border: 1.5px dashed var(--ag-border);\r\n  border-radius: 16px;\r\n  padding: 60px 20px;\r\n  text-align: center;\r\n  font-size: 13.5px;\r\n  color: var(--ag-muted);\r\n  background: var(--ag-bg);\r\n}\r\n\r\n\/* --- Reveal animation --- *\/\r\n.ag-contact [data-reveal] {\r\n  transition: opacity .7s ease, transform .7s ease;\r\n}\r\n.ag-contact [data-reveal].is-visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* =====================================================================\r\n   FLUENT FORMS THEME INTEGRATION\r\n   FIX: targeting raw input\/textarea\/select elements directly (in\r\n   addition to Fluent Forms' class names) so styling applies no matter\r\n   which markup version Fluent Forms renders on your site. Combined\r\n   with the class selector, this wins specificity over Fluent Forms'\r\n   own inline\/plugin CSS in nearly all cases.\r\n   ===================================================================== *\/\r\n.ag-contact__card input[type=\"text\"],\r\n.ag-contact__card input[type=\"email\"],\r\n.ag-contact__card input[type=\"tel\"],\r\n.ag-contact__card input[type=\"number\"],\r\n.ag-contact__card textarea,\r\n.ag-contact__card select,\r\n.ag-contact__card .ff-el-form-control {\r\n  font-family: var(--ag-font-body) !important;\r\n  font-size: 16px !important;\r\n  color: var(--ag-text) !important;\r\n  border: 1px solid var(--ag-border) !important;\r\n  border-radius: 10px !important;\r\n  width: 100% !important;\r\n  display: block !important;\r\n  height: auto !important;\r\n  min-height: 52px !important;\r\n  \/* Unequal top\/bottom padding pushes single-line text to the top *\/\r\n  padding-top: 10px !important;\r\n  padding-bottom: 30px !important;\r\n  padding-left: 16px !important;\r\n  padding-right: 16px !important;\r\n  line-height: 1.4 !important;\r\n  vertical-align: top !important;\r\n  background: var(--ag-bg) !important;\r\n  transition: border-color .2s ease, box-shadow .2s ease !important;\r\n}\r\n\r\n.ag-contact__card textarea {\r\n  min-height: 130px !important;\r\n  padding-bottom: 16px !important; \/* textareas already start text at top natively *\/\r\n}\r\n\r\n.ag-contact__card input:focus,\r\n.ag-contact__card textarea:focus,\r\n.ag-contact__card select:focus,\r\n.ag-contact__card .ff-el-form-control:focus {\r\n  border-color: var(--ag-primary) !important;\r\n  box-shadow: 0 0 0 3px var(--ag-accent) !important;\r\n  outline: none !important;\r\n}\r\n\r\n.ag-contact__card .ff-el-group-label,\r\n.ag-contact__card label {\r\n  font-family: var(--ag-font-body) !important;\r\n  font-weight: 600 !important;\r\n  font-size: 14px !important;\r\n  color: var(--ag-text) !important;\r\n}\r\n\r\n.ag-contact__card .ff-btn,\r\n.ag-contact__card button[type=\"submit\"],\r\n.ag-contact__card input[type=\"submit\"] {\r\n  font-family: var(--ag-font-body) !important;\r\n  font-weight: 700 !important;\r\n  font-size: 15px !important;\r\n  background: var(--ag-primary) !important;\r\n  color: #fff !important;\r\n  border: none !important;\r\n  border-radius: 10px !important;\r\n  padding: 15px 34px !important;\r\n  cursor: pointer !important;\r\n  transition: background .25s ease, transform .2s ease !important;\r\n}\r\n\r\n.ag-contact__card .ff-btn:hover,\r\n.ag-contact__card button[type=\"submit\"]:hover {\r\n  background: var(--ag-primary-dark) !important;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\/* --- Tablet --- *\/\r\n@media (max-width: 991px) {\r\n  .ag-contact__container {\r\n    grid-template-columns: 1fr;\r\n    gap: 48px;\r\n  }\r\n  .ag-contact__heading { font-size: 42px; }\r\n  .ag-contact__card { padding: 30px; }\r\n}\r\n\r\n\/* --- Mobile --- *\/\r\n@media (max-width: 560px) {\r\n  .ag-contact { padding: 72px 18px; }\r\n  .ag-contact__heading { font-size: 32px; }\r\n  .ag-contact__desc { font-size: 15px; }\r\n  .ag-contact__trust { gap: 10px; }\r\n  .ag-contact__badge { font-size: 13px; padding: 8px 14px; }\r\n  .ag-contact__cta { width: 100%; justify-content: center; }\r\n  .ag-contact__card { padding: 24px; border-radius: 18px; }\r\n  .ag-contact__form-placeholder { padding: 40px 14px; }\r\n}\r\n<\/style>\r\n\r\n<!-- ===== CONTACT SECTION START ===== -->\r\n<section id=\"contact\" class=\"ag-contact\">\r\n  <div class=\"ag-contact__container\">\r\n\r\n    <!-- Left: Info -->\r\n    <div class=\"ag-contact__info\" data-reveal>\r\n      <span class=\"ag-contact__tag\">CONTACT<\/span>\r\n      <h2 class=\"ag-contact__heading\">Let's Build Something <em>Amazing Together!<\/em><\/h2>\r\n      <p class=\"ag-contact__desc\">\r\n        Have a project in mind or want to collaborate? No matter, you need a WordPress developer for small business growth or SEO-optimized content that converts. Just send a message or book a free call. I'll get back to you within 24 hours.\r\n      <\/p>\r\n\r\n      <!-- Trust badges replace email\/phone\/address -->\r\n      <div class=\"ag-contact__trust\">\r\n        <span class=\"ag-contact__badge\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 3\"\/><\/svg>\r\n          Replies within 24h\r\n        <\/span>\r\n        <span class=\"ag-contact__badge\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 12a8 8 0 1 1-8-8\"\/><path d=\"M20 4 12 12\"\/><\/svg>\r\n          Remote, Worldwide\r\n        <\/span>\r\n        <span class=\"ag-contact__badge\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 12l2 2 4-4\"\/><circle cx=\"12\" cy=\"12\" r=\"9\"\/><\/svg>\r\n          3+ Years Experience\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <!-- Book a Call button -> WhatsApp -->\r\n      <a href=\"https:\/\/wa.me\/923236642066\" target=\"_blank\" rel=\"noopener\" class=\"ag-contact__cta\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.79.47 3.47 1.29 4.92L2 22l5.31-1.39a9.87 9.87 0 0 0 4.73 1.2h.01c5.46 0 9.9-4.45 9.9-9.9C21.96 6.45 17.5 2 12.04 2Zm5.8 14.05c-.24.68-1.38 1.3-1.9 1.36-.5.06-1.03.28-3.42-.7-2.88-1.19-4.72-4.06-4.87-4.25-.14-.19-1.17-1.56-1.17-2.97 0-1.42.75-2.11 1.02-2.4.27-.29.58-.36.78-.36.2 0 .39 0 .56.01.18.01.42-.07.65.5.24.58.82 2 .9 2.14.07.15.12.32.02.51-.1.19-.15.31-.29.48-.15.17-.31.38-.44.51-.15.15-.3.31-.13.6.17.29.76 1.25 1.63 2.02 1.12 1 2.06 1.31 2.35 1.46.29.15.46.13.63-.08.17-.2.72-.84.91-1.13.19-.29.38-.24.63-.14.26.1 1.65.78 1.93.92.29.15.48.22.55.34.07.13.07.75-.17 1.43Z\"\/><\/svg>\r\n        Book a Free Call\r\n      <\/a>\r\n      <span class=\"ag-contact__cta-note\">Opens a chat on WhatsApp \u2014 no forms, no waiting.<\/span>\r\n    <\/div>\r\n\r\n    <!-- Right: Form card -->\r\n    <div class=\"ag-contact__card\" data-reveal>\r\n\r\n      <!-- =====================================================\r\n           FLUENT FORMS SHORTCODE \u2014 INSERT HERE\r\n           Delete this whole placeholder div and paste your\r\n           Fluent Forms shortcode instead, e.g.:\r\n           [fluentform id=\"1\"]\r\n           ======================================================= -->\r\n\r\n      <div class=\"ag-contact__form-placeholder\">\r\n        <div class='fluentform ff-default fluentform_wrapper_3 ffs_default_wrap'><form data-form_id=\"3\" id=\"fluentform_3\" class=\"frm-fluent-form fluent_form_3 ff-el-form-top ff_form_instance_3_1 ff-form-loading ffs_default\" data-form_instance=\"ff_form_instance_3_1\" method=\"POST\" ><fieldset  style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n                    <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">Contact Form Demo (#3)<\/legend><input type='hidden' name='__fluent_form_embded_post_id' value='61108' \/><input type=\"hidden\" id=\"_fluentform_3_fluentformnonce\" name=\"_fluentform_3_fluentformnonce\" value=\"a035f97a6e\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F61108\" \/><div data-type=\"name-element\" data-name=\"names\" class=\" ff-field_container ff-name-field-wrapper\" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_3_names_first_name_' id='label_ff_3_names_first_name_' >First Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[first_name]\" id=\"ff_3_names_first_name_\" class=\"ff-el-form-control\" placeholder=\"First Name\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><div class='ff-t-cell '><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_3_names_last_name_' id='label_ff_3_names_last_name_' >Last Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[last_name]\" id=\"ff_3_names_last_name_\" class=\"ff-el-form-control\" placeholder=\"Last Name\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_3_email' id='label_ff_3_email' aria-label=\"Email\">Email<\/label><\/div><div class='ff-el-input--content'><input type=\"email\" name=\"email\" id=\"ff_3_email\" class=\"ff-el-form-control\" placeholder=\"Email Address\" data-name=\"email\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_3_numeric_field' id='label_ff_3_numeric_field' aria-label=\"Phone\">Phone<\/label><\/div><div class='ff-el-input--content'><input type=\"number\" name=\"numeric_field\" id=\"ff_3_numeric_field\" class=\"ff-el-form-control\" placeholder=\"Whatsapp Number\" data-name=\"numeric_field\" inputmode=\"numeric\" step=\"any\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_3_message' id='label_ff_3_message' aria-label=\"Your Message\">Your Message<\/label><\/div><div class='ff-el-input--content'><textarea aria-required=\"true\" aria-labelledby=\"label_ff_3_message\" name=\"message\" id=\"ff_3_message\" class=\"ff-el-form-control\" placeholder=\"Your Message\" rows=\"4\" cols=\"2\" data-name=\"message\" ><\/textarea><\/div><\/div><div class='ff-el-group ff-text-left ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_style\"  aria-label=\"Submit Form\">Submit Form<\/button><\/div><\/fieldset><\/form><div id='fluentform_3_errors' class='ff-errors-in-stack ff_form_instance_3_1 ff-form-loading_errors ff_form_instance_3_1_errors'><\/div><\/div>            <script type=\"text\/javascript\">\n                window.fluent_form_ff_form_instance_3_1 = {\"id\":\"3\",\"ajaxUrl\":\"https:\\\/\\\/appexgrow.com\\\/wp-admin\\\/admin-ajax.php\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"asteriskPlacement\":\"asterisk-right\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_3_1\",\"form_id_selector\":\"fluentform_3\",\"rules\":{\"names[first_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global\":true,\"global_message\":\"This field is required\"}},\"names[middle_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global\":true,\"global_message\":\"This field is required\"}},\"names[last_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global\":true,\"global_message\":\"This field is required\"}},\"email\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global\":true,\"global_message\":\"This field is required\"},\"email\":{\"value\":true,\"message\":\"This field must contain a valid email\",\"global\":true,\"global_message\":\"This field must contain a valid email\"}},\"numeric_field\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true},\"numeric\":{\"value\":true,\"message\":\"This field must contain numeric value\",\"global_message\":\"This field must contain numeric value\",\"global\":true},\"min\":{\"value\":\"\",\"message\":\"Validation fails for minimum value\",\"global_message\":\"Validation fails for minimum value\",\"global\":true},\"max\":{\"value\":\"\",\"message\":\"Validation fails for maximum value\",\"global_message\":\"Validation fails for maximum value\",\"global\":true},\"digits\":{\"value\":\"\",\"message\":\"Validation fails for limited digits\",\"global_message\":\"Validation fails for limited digits\",\"global\":true}},\"message\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global\":true,\"global_message\":\"This field is required\"}}},\"debounce_time\":300,\"file_upload_settings\":[]};\n                            <\/script>\n            \r\n      <\/div>\r\n\r\n      <!-- ===== END FLUENT FORMS SHORTCODE AREA ===== -->\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n<!-- ===== CONTACT SECTION END ===== -->\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n  const revealEls = document.querySelectorAll('.ag-contact [data-reveal]');\r\n  if ('IntersectionObserver' in window) {\r\n    const observer = new IntersectionObserver((entries) => {\r\n      entries.forEach((entry) => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('is-visible');\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.15 });\r\n    revealEls.forEach((el) => observer.observe(el));\r\n  } else {\r\n    revealEls.forEach((el) => el.classList.add('is-visible'));\r\n  }\r\n});\r\n<\/script>\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>Available for Remote Work Worldwide Hi, I&#8217;m Aleena Amin | Websites Built to Grow. Content Built to Rank. As a WordPress developer for small business owners, I help businesses build fast, modern, conversion-focused WordPress websites and pair them with SEO-optimized content that improves visibility and drives long-term growth. Book a Discovery Call Get a Free [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-61108","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/appexgrow.com\/index.php?rest_route=\/wp\/v2\/pages\/61108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/appexgrow.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/appexgrow.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/appexgrow.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/appexgrow.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=61108"}],"version-history":[{"count":249,"href":"https:\/\/appexgrow.com\/index.php?rest_route=\/wp\/v2\/pages\/61108\/revisions"}],"predecessor-version":[{"id":61809,"href":"https:\/\/appexgrow.com\/index.php?rest_route=\/wp\/v2\/pages\/61108\/revisions\/61809"}],"wp:attachment":[{"href":"https:\/\/appexgrow.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=61108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}