{"id":110,"date":"2026-08-04T09:36:25","date_gmt":"2026-08-04T09:36:25","guid":{"rendered":"https:\/\/afdesignsinteriors.com\/?page_id=110"},"modified":"2026-09-09T19:05:29","modified_gmt":"2026-09-09T19:05:29","slug":"home-page","status":"publish","type":"page","link":"https:\/\/afdesignsinteriors.com\/","title":{"rendered":"Home Page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"110\" class=\"elementor elementor-110\">\n\t\t\t\t<div class=\"elementor-element elementor-element-425651f0 e-flex e-con-boxed e-con e-parent\" data-id=\"425651f0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18211431 elementor-widget elementor-widget-text-editor\" data-id=\"18211431\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\n<style>\n\n\/* =========================================================\n   AF DESIGNS & INTERIORS\n   FULL WIDTH PREMIUM HOMEPAGE\n   ELEMENTOR + WORDPRESS SAFE VERSION\n========================================================= *\/\n\n:root{\n  --af-bg:#efe5da;\n  --af-panel:#f8f1e8;\n  --af-white:#ffffff;\n  --af-text:#2b2723;\n  --af-muted:#6d655d;\n  --af-orange:#c96c1e;\n  --af-orange-dark:#9f5117;\n  --af-green:#3c4a2d;\n  --af-brown:#4b3022;\n  --af-blue:#4b596e;\n  --af-line:#e7dbcf;\n  --af-shadow:0 12px 32px rgba(82,59,42,.12);\n}\n\n\n\/* =========================================================\n   GLOBAL RESET\n========================================================= *\/\n\nhtml,\nbody{\n  margin:0 !important;\n  padding:0 !important;\n  width:100% !important;\n  max-width:100% !important;\n  overflow-x:hidden !important;\n}\n\nbody{\n  background:var(--af-bg);\n  color:var(--af-text);\n  font-family:\"Poppins\",Arial,sans-serif;\n}\n\n\n\/* =========================================================\n   WORDPRESS RESET\n========================================================= *\/\n\n.wp-site-blocks,\n.wp-site-blocks > *,\n.wp-block-post-content,\n.entry-content,\n.site-content,\n.page-content,\nmain,\n.site-main,\n.content-area{\n  margin-top:0 !important;\n  padding-top:0 !important;\n}\n\n.wp-site-blocks{\n  --wp--style--block-gap:0px !important;\n}\n\n.wp-block-post-title,\n.entry-title{\n  display:none !important;\n}\n\n\n\/* =========================================================\n   ELEMENTOR FULL WIDTH FIX\n========================================================= *\/\n\n.elementor,\n.elementor-outer,\n.elementor-inner,\n.elementor-section,\n.elementor-container,\n.elementor-column,\n.elementor-widget-wrap{\n  max-width:none !important;\n}\n\n.elementor-section > .elementor-container{\n  width:100% !important;\n  max-width:none !important;\n}\n\n\n\/* =========================================================\n   MAIN AF WRAPPER\n   THIS IS THE IMPORTANT FIX\n========================================================= *\/\n\n.af-home{\n  position:relative !important;\n\n  width:100vw !important;\n  max-width:100vw !important;\n\n  left:50% !important;\n  margin-left:-50vw !important;\n  margin-right:0 !important;\n\n  padding:0 !important;\n\n  box-sizing:border-box !important;\n\n  background:var(--af-panel);\n\n  overflow:hidden !important;\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.af-header{\n  width:100%;\n  min-height:82px;\n\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n\n  padding:14px 5%;\n\n  background:#3c4a2d;\n\n  box-sizing:border-box;\n}\n\n.af-logo-link{\n  display:flex;\n  align-items:center;\n  text-decoration:none;\n}\n\n.af-logo{\n  width:auto;\n  height:54px;\n  max-width:220px;\n  object-fit:contain;\n}\n\n\n\/* fallback text logo *\/\n\n.af-text-logo{\n  display:flex;\n  align-items:center;\n  gap:9px;\n  color:#fff;\n  text-decoration:none;\n}\n\n.af-logo-mark{\n  width:40px;\n  height:40px;\n  border-radius:8px;\n\n  display:grid;\n  place-items:center;\n\n  background:#fff;\n  color:var(--af-green);\n\n  font-size:15px;\n  font-weight:800;\n}\n\n.af-logo-name{\n  font-size:13px;\n  font-weight:600;\n  line-height:1.15;\n}\n\n.af-logo-name small{\n  display:block;\n  font-size:8px;\n  font-weight:400;\n  opacity:.75;\n}\n\n\n\/* NAVIGATION *\/\n\n.af-nav{\n  display:flex;\n  align-items:center;\n  gap:34px;\n}\n\n.af-nav a{\n  color:#fff !important;\n  text-decoration:none !important;\n\n  font-size:14px;\n  font-weight:500;\n\n  transition:.25s ease;\n}\n\n.af-nav a:hover{\n  color:#e4a05f !important;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.af-hero{\n  width:100%;\n\n  min-height:600px;\n\n  display:grid;\n\n  grid-template-columns:40% 60%;\n\n  background:#f7efe7;\n\n  overflow:hidden;\n}\n\n\n\/* HERO TEXT *\/\n\n.af-hero-copy{\n  padding:70px 45px 50px 6%;\n\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n\n  position:relative;\n\n  z-index:2;\n\n  box-sizing:border-box;\n}\n\n.af-hero-copy h1{\n  margin:0 0 24px;\n\n  font-size:clamp(48px,5.2vw,78px);\n\n  line-height:.98;\n\n  letter-spacing:-3px;\n\n  font-weight:800;\n\n  color:var(--af-blue);\n}\n\n.af-hero-copy h1 span{\n  display:block;\n\n  color:var(--af-orange);\n}\n\n.af-hero-copy p{\n  max-width:390px;\n\n  margin:0 0 28px;\n\n  color:var(--af-muted);\n\n  font-size:16px;\n\n  line-height:1.6;\n}\n\n\n\/* =========================================================\n   WHATSAPP CTA\n========================================================= *\/\n\n.af-btn{\n  width:max-content;\n\n  display:inline-flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  gap:13px;\n\n  padding:15px 25px;\n\n  border-radius:11px;\n\n  background:var(--af-orange);\n\n  color:#fff !important;\n\n  text-decoration:none !important;\n\n  font-size:14px;\n\n  font-weight:600;\n\n  box-shadow:0 8px 20px rgba(201,108,30,.22);\n\n  transition:.3s ease;\n}\n\n.af-btn:hover{\n  background:var(--af-orange-dark);\n\n  transform:translateY(-3px);\n\n  box-shadow:0 12px 25px rgba(201,108,30,.28);\n}\n\n.af-btn-arrow{\n  font-size:18px;\n  line-height:1;\n}\n\n\n\/* =========================================================\n   HERO STATS\n========================================================= *\/\n\n.af-stats{\n  width:100%;\n  max-width:440px;\n\n  display:flex;\n\n  align-items:stretch;\n\n  margin-top:30px;\n}\n\n.af-stat{\n  flex:1;\n\n  padding:0 18px;\n\n  border-right:1px solid #d9cec3;\n\n  opacity:0;\n\n  transform:translateY(18px);\n\n  box-sizing:border-box;\n}\n\n.af-stat:first-child{\n  padding-left:0;\n}\n\n.af-stat:last-child{\n  border-right:0;\n}\n\n.af-stat.show{\n  animation:afStatReveal .7s ease forwards;\n}\n\n.af-stat-number{\n  display:block;\n\n  color:var(--af-brown);\n\n  font-size:27px;\n\n  line-height:1;\n\n  font-weight:800;\n\n  letter-spacing:-1px;\n}\n\n.af-stat-label{\n  display:block;\n\n  margin-top:7px;\n\n  color:var(--af-muted);\n\n  font-size:10px;\n\n  line-height:1.3;\n\n  font-weight:500;\n}\n\n\n\/* HERO DOTS *\/\n\n.af-dots{\n  display:flex;\n\n  align-items:center;\n\n  gap:7px;\n\n  margin-top:25px;\n}\n\n.af-dots i{\n  width:7px;\n  height:7px;\n\n  display:block;\n\n  border-radius:50%;\n\n  background:#ded4ca;\n}\n\n.af-dots i.active{\n  width:24px;\n\n  border-radius:10px;\n\n  background:var(--af-orange);\n}\n\n\n\/* =========================================================\n   HERO IMAGE\n========================================================= *\/\n\n.af-hero-image{\n  min-height:600px;\n\n  position:relative;\n\n  overflow:hidden;\n\n  border-bottom-left-radius:120px;\n}\n\n.af-hero-image img{\n  width:100%;\n  height:100%;\n\n  min-height:600px;\n\n  display:block;\n\n  object-fit:cover;\n\n  animation:afZoomIn 1.1s ease both;\n}\n\n\n\/* =========================================================\n   TRUST BAR\n========================================================= *\/\n\n.af-trust-wrap{\n  width:100%;\n\n  padding:0 5%;\n\n  margin-top:-1px;\n\n  position:relative;\n\n  z-index:5;\n\n  box-sizing:border-box;\n}\n\n.af-trust{\n  width:100%;\n\n  display:grid;\n\n  grid-template-columns:repeat(3,1fr);\n\n  background:rgba(255,255,255,.96);\n\n  border-radius:18px;\n\n  box-shadow:var(--af-shadow);\n\n  padding:17px 10px;\n\n  box-sizing:border-box;\n}\n\n.af-trust-item{\n  min-height:58px;\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  gap:13px;\n\n  padding:0 15px;\n\n  border-right:1px solid var(--af-line);\n}\n\n.af-trust-item:last-child{\n  border-right:0;\n}\n\n.af-trust-icon{\n  width:42px;\n  height:42px;\n\n  display:grid;\n\n  place-items:center;\n\n  flex-shrink:0;\n\n  border-radius:11px;\n\n  background:#fbf4eb;\n\n  color:#b87836;\n\n  font-size:20px;\n}\n\n.af-trust-item strong{\n  display:block;\n\n  font-size:13px;\n}\n\n.af-trust-item small{\n  display:block;\n\n  margin-top:2px;\n\n  color:var(--af-muted);\n\n  font-size:11px;\n}\n\n\n\/* =========================================================\n   SECTION TITLE\n========================================================= *\/\n\n.af-section{\n  width:100%;\n\n  padding:55px 5% 35px;\n\n  box-sizing:border-box;\n}\n\n.af-title{\n  display:flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  gap:14px;\n\n  margin-bottom:28px;\n}\n\n.af-title:before,\n.af-title:after{\n  content:\"\";\n\n  width:35px;\n  height:1px;\n\n  background:#caa06e;\n}\n\n.af-title h2{\n  margin:0;\n\n  font-size:29px;\n\n  color:var(--af-blue);\n\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   PROJECTS\n========================================================= *\/\n\n.af-projects{\n  width:100%;\n\n  display:grid;\n\n  grid-template-columns:repeat(4,1fr);\n\n  gap:20px;\n}\n\n.af-card{\n  background:#fff;\n\n  border-radius:15px;\n\n  overflow:hidden;\n\n  box-shadow:0 6px 18px rgba(72,51,36,.09);\n\n  transition:.35s ease;\n\n  opacity:0;\n\n  transform:translateY(25px);\n}\n\n.af-card.show{\n  animation:afSlideUp .7s ease forwards;\n}\n\n.af-card:hover{\n  transform:translateY(-6px);\n\n  box-shadow:0 14px 30px rgba(72,51,36,.14);\n}\n\n.af-card-image{\n  height:220px;\n\n  overflow:hidden;\n}\n\n.af-card-image img{\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n\n  display:block;\n\n  transition:.5s ease;\n}\n\n.af-card:hover .af-card-image img{\n  transform:scale(1.06);\n}\n\n.af-card-body{\n  padding:13px 14px 15px;\n}\n\n.af-card-title{\n  font-size:14px;\n\n  font-weight:600;\n}\n\n.af-card-meta{\n  color:var(--af-orange-dark);\n\n  font-size:12px;\n\n  font-weight:600;\n\n  margin-top:3px;\n}\n\n.af-center{\n  text-align:center;\n\n  margin-top:22px;\n}\n\n.af-dark-btn{\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:9px;\n\n  padding:12px 20px;\n\n  border-radius:9px;\n\n  background:var(--af-brown);\n\n  color:#fff !important;\n\n  text-decoration:none !important;\n\n  font-size:12px;\n\n  font-weight:500;\n\n  transition:.3s ease;\n}\n\n.af-dark-btn:hover{\n  transform:translateY(-2px);\n\n  opacity:.92;\n}\n\n\n\/* =========================================================\n   GREEN TRANSFORM SECTION\n========================================================= *\/\n\n.af-transform{\n  width:auto;\n\n  margin:10px 5% 35px;\n\n  border-radius:20px;\n\n  overflow:hidden;\n\n  background:var(--af-green);\n\n  color:#fff;\n\n  display:grid;\n\n  grid-template-columns:40% 60%;\n\n  min-height:240px;\n\n  box-sizing:border-box;\n}\n\n.af-transform-copy{\n  padding:35px;\n\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:center;\n}\n\n.af-transform-copy h2{\n  margin:0 0 10px;\n\n  font-size:27px;\n\n  line-height:1.15;\n}\n\n.af-transform-copy p{\n  max-width:360px;\n\n  margin:0;\n\n  color:#e4e8df;\n\n  font-size:13px;\n\n  line-height:1.6;\n}\n\n.af-mini-cards{\n  padding:17px;\n\n  display:grid;\n\n  grid-template-columns:repeat(3,1fr);\n\n  gap:10px;\n\n  box-sizing:border-box;\n}\n\n.af-mini{\n  background:#fff;\n\n  color:#2d2924;\n\n  border-radius:12px;\n\n  overflow:hidden;\n\n  text-align:center;\n\n  transition:.3s ease;\n}\n\n.af-mini:hover{\n  transform:translateY(-4px);\n}\n\n.af-mini img{\n  width:100%;\n\n  height:150px;\n\n  object-fit:cover;\n\n  display:block;\n}\n\n.af-mini h3{\n  margin:0;\n\n  padding:13px 5px;\n\n  font-size:12px;\n}\n\n\n\/* =========================================================\n   ABOUT + FAQ\n========================================================= *\/\n\n.af-about{\n  width:100%;\n\n  padding:35px 5%;\n\n  display:grid;\n\n  grid-template-columns:1.1fr .9fr;\n\n  gap:35px;\n\n  border-top:1px solid var(--af-line);\n\n  box-sizing:border-box;\n}\n\n.af-about h2{\n  margin:0 0 10px;\n\n  font-size:26px;\n\n  line-height:1.2;\n\n  color:var(--af-text);\n}\n\n.af-about p{\n  margin:0 0 10px;\n\n  color:var(--af-muted);\n\n  font-size:13px;\n\n  line-height:1.7;\n}\n\n.af-faq{\n  background:rgba(255,255,255,.65);\n\n  border-radius:16px;\n\n  padding:20px;\n\n  box-sizing:border-box;\n}\n\n.af-faq h3{\n  margin:0 0 5px;\n\n  font-size:18px;\n\n  color:var(--af-text);\n}\n\n.af-faq details{\n  padding:12px 0;\n\n  border-bottom:1px solid var(--af-line);\n}\n\n.af-faq details:last-child{\n  border-bottom:0;\n}\n\n.af-faq summary{\n  cursor:pointer;\n\n  font-size:13px;\n\n  font-weight:600;\n}\n\n.af-faq p{\n  margin:8px 0 0;\n\n  font-size:12px;\n}\n\n\n\/* =========================================================\n   FOOTER\n========================================================= *\/\n\n.af-footer{\n  width:100%;\n\n  padding:22px 5%;\n\n  display:flex;\n\n  justify-content:space-between;\n\n  align-items:center;\n\n  box-sizing:border-box;\n\n  border-top:1px solid var(--af-line);\n\n  background:rgba(255,255,255,.4);\n}\n\n.af-social{\n  display:flex;\n\n  gap:10px;\n}\n\n.af-social a{\n  width:30px;\n  height:30px;\n\n  display:grid;\n\n  place-items:center;\n\n  border-radius:50%;\n\n  background:#302d29;\n\n  color:#fff !important;\n\n  text-decoration:none !important;\n\n  font-size:12px;\n\n  font-weight:700;\n\n  transition:.25s ease;\n}\n\n.af-social a:hover{\n  transform:translateY(-2px);\n\n  background:var(--af-orange);\n}\n\n.af-footer-links{\n  display:flex;\n\n  gap:25px;\n}\n\n.af-footer-links a{\n  color:#554f49 !important;\n\n  text-decoration:none !important;\n\n  font-size:11px;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:950px){\n\n  .af-header{\n    padding:13px 4%;\n  }\n\n  .af-nav{\n    gap:20px;\n  }\n\n  .af-hero{\n    grid-template-columns:42% 58%;\n\n    min-height:520px;\n  }\n\n  .af-hero-copy{\n    padding:50px 25px 40px 5%;\n  }\n\n  .af-hero-copy h1{\n    font-size:52px;\n  }\n\n  .af-hero-copy p{\n    font-size:14px;\n  }\n\n  .af-hero-image,\n  .af-hero-image img{\n    min-height:520px;\n  }\n\n  .af-projects{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .af-about{\n    grid-template-columns:1fr;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:640px){\n\n  \/* HEADER *\/\n\n  .af-header{\n    min-height:65px;\n\n    padding:10px 16px;\n  }\n\n  .af-logo{\n    height:42px;\n\n    max-width:150px;\n  }\n\n  .af-logo-mark{\n    width:32px;\n    height:32px;\n\n    font-size:12px;\n  }\n\n  .af-logo-name{\n    font-size:10px;\n  }\n\n  .af-logo-name small{\n    font-size:6px;\n  }\n\n  .af-nav{\n    gap:11px;\n  }\n\n  .af-nav a{\n    font-size:9px;\n  }\n\n\n  \/* HERO *\/\n\n  .af-hero{\n    grid-template-columns:44% 56%;\n\n    min-height:455px;\n  }\n\n  .af-hero-copy{\n    padding:28px 7px 25px 17px;\n  }\n\n  .af-hero-copy h1{\n    font-size:clamp(30px,9.5vw,43px);\n\n    letter-spacing:-2px;\n\n    margin-bottom:15px;\n  }\n\n  .af-hero-copy p{\n    font-size:9px;\n\n    line-height:1.5;\n\n    margin-bottom:17px;\n  }\n\n  .af-btn{\n    padding:11px 12px;\n\n    border-radius:8px;\n\n    font-size:8.5px;\n\n    gap:7px;\n  }\n\n  .af-btn-arrow{\n    font-size:13px;\n  }\n\n\n  \/* MOBILE STATS *\/\n\n  .af-stats{\n    width:100%;\n\n    margin-top:23px;\n  }\n\n  .af-stat{\n    padding:0 5px;\n  }\n\n  .af-stat:first-child{\n    padding-left:0;\n  }\n\n  .af-stat-number{\n    font-size:17px;\n\n    letter-spacing:-.5px;\n  }\n\n  .af-stat-label{\n    font-size:6.5px;\n\n    margin-top:5px;\n  }\n\n  .af-dots{\n    margin-top:15px;\n  }\n\n\n  \/* HERO IMAGE *\/\n\n  .af-hero-image{\n    min-height:455px;\n\n    border-bottom-left-radius:65px;\n  }\n\n  .af-hero-image img{\n    min-height:455px;\n\n    height:455px;\n  }\n\n\n  \/* TRUST *\/\n\n  .af-trust-wrap{\n    padding:0 12px;\n  }\n\n  .af-trust{\n    padding:9px 3px;\n\n    border-radius:13px;\n  }\n\n  .af-trust-item{\n    gap:5px;\n\n    padding:0 4px;\n  }\n\n  .af-trust-icon{\n    width:27px;\n    height:27px;\n\n    border-radius:7px;\n\n    font-size:12px;\n  }\n\n  .af-trust-item strong{\n    font-size:7.5px;\n  }\n\n  .af-trust-item small{\n    font-size:6px;\n  }\n\n\n  \/* PROJECTS *\/\n\n  .af-section{\n    padding:30px 12px 20px;\n  }\n\n  .af-title{\n    margin-bottom:17px;\n\n    gap:8px;\n  }\n\n  .af-title h2{\n    font-size:20px;\n  }\n\n  .af-title:before,\n  .af-title:after{\n    width:22px;\n  }\n\n  .af-projects{\n    grid-template-columns:repeat(2,1fr);\n\n    gap:9px;\n  }\n\n  .af-card{\n    border-radius:9px;\n  }\n\n  .af-card-image{\n    height:145px;\n  }\n\n  .af-card-body{\n    padding:8px;\n  }\n\n  .af-card-title{\n    font-size:9px;\n  }\n\n  .af-card-meta{\n    font-size:8px;\n  }\n\n  .af-dark-btn{\n    padding:9px 13px;\n\n    font-size:9px;\n  }\n\n\n  \/* GREEN *\/\n\n  .af-transform{\n    margin:4px 12px 20px;\n\n    grid-template-columns:43% 57%;\n\n    min-height:175px;\n\n    border-radius:14px;\n  }\n\n  .af-transform-copy{\n    padding:17px 11px;\n  }\n\n  .af-transform-copy h2{\n    font-size:16px;\n  }\n\n  .af-transform-copy p{\n    font-size:7.5px;\n\n    line-height:1.45;\n  }\n\n  .af-mini-cards{\n    padding:9px 8px 9px 0;\n\n    gap:5px;\n  }\n\n  .af-mini{\n    border-radius:7px;\n  }\n\n  .af-mini img{\n    height:92px;\n  }\n\n  .af-mini h3{\n    font-size:7px;\n\n    padding:10px 2px;\n  }\n\n\n  \/* ABOUT *\/\n\n  .af-about{\n    display:none;\n  }\n\n\n  \/* FOOTER *\/\n\n  .af-footer{\n    padding:14px 16px;\n  }\n\n  .af-social{\n    gap:7px;\n  }\n\n  .af-social a{\n    width:24px;\n    height:24px;\n\n    font-size:9px;\n  }\n\n  .af-footer-links{\n    gap:12px;\n  }\n\n  .af-footer-links a{\n    font-size:7px;\n  }\n\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n.af-home{\n  animation:afFadeIn .7s ease both;\n}\n\n.af-hero-copy h1{\n  animation:afSlideUp .8s ease .1s both;\n}\n\n.af-hero-copy p{\n  animation:afSlideUp .8s ease .25s both;\n}\n\n.af-btn{\n  animation:afSlideUp .8s ease .4s both;\n}\n\n@keyframes afFadeIn{\n\n  from{\n    opacity:0;\n  }\n\n  to{\n    opacity:1;\n  }\n\n}\n\n@keyframes afSlideUp{\n\n  from{\n    opacity:0;\n    transform:translateY(20px);\n  }\n\n  to{\n    opacity:1;\n    transform:translateY(0);\n  }\n\n}\n\n@keyframes afZoomIn{\n\n  from{\n    opacity:0;\n    transform:scale(1.06);\n  }\n\n  to{\n    opacity:1;\n    transform:scale(1);\n  }\n\n}\n\n@keyframes afStatReveal{\n\n  from{\n    opacity:0;\n    transform:translateY(18px);\n  }\n\n  to{\n    opacity:1;\n    transform:translateY(0);\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  *,\n  *::before,\n  *::after{\n    animation:none !important;\n    transition:none !important;\n  }\n\n}\n\n<\/style>\n\n\n<!-- =====================================================\n     AF DESIGNS & INTERIORS\n     FULL PAGE WRAPPER\n===================================================== -->\n\n<div class=\"af-home\">\n\n\n  <!-- =====================================================\n       HERO\n  ====================================================== -->\n\n  <section class=\"af-hero\" id=\"home\">\n\n\n    <!-- HERO CONTENT -->\n\n    <div class=\"af-hero-copy\">\n\n      <h1>\n        Elevate\n        <span>Your Space!<\/span>\n      <\/h1>\n\n\n      <p>\n        Planning your dream interior? Talk to our experts and get a personalized consultation.\n      <\/p>\n\n\n      <!-- WHATSAPP CTA -->\n\n      <a class=\"af-btn\" href=\"https:\/\/wa.me\/919745863264?text=Hi%20AF%20Designs%20%26%20Interiors%2C%20I%20would%20like%20to%20get%20a%20free%20consultation.\" target=\"_blank\" rel=\"noopener noreferrer\">\n\n        Get a Free Consultation\n\n        <span class=\"af-btn-arrow\">\n          \u2192\n        <\/span>\n\n      <\/a>\n\n\n      <!-- =================================================\n           BUSINESS STATS\n      ================================================== -->\n\n      <div class=\"af-stats\">\n\n\n        <!-- 4+ YEARS -->\n\n        <div class=\"af-stat\">\n\n          <span class=\"af-stat-number\" data-target=\"4\" data-suffix=\"+\">\n            0\n          <\/span>\n\n          <span class=\"af-stat-label\">\n            Years Experience\n          <\/span>\n\n        <\/div>\n\n\n        <!-- 100+ PROJECTS -->\n\n        <div class=\"af-stat\">\n\n          <span class=\"af-stat-number\" data-target=\"100\" data-suffix=\"+\">\n            0\n          <\/span>\n\n          <span class=\"af-stat-label\">\n            Projects\n          <\/span>\n\n        <\/div>\n\n\n        <!-- 100% HAPPY CLIENTS -->\n\n        <div class=\"af-stat\">\n\n          <span class=\"af-stat-number\" data-target=\"100\" data-suffix=\"%\">\n            0\n          <\/span>\n\n          <span class=\"af-stat-label\">\n            Happy Clients\n          <\/span>\n\n        <\/div>\n\n\n      <\/div>\n\n\n      <!-- HERO DOTS -->\n\n      <div class=\"af-dots\">\n\n        <i class=\"active\"><\/i>\n        <i><\/i>\n        <i><\/i>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- HERO IMAGE -->\n\n    <div class=\"af-hero-image\">\n\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600210492486-724fe5c67fb0?auto=format&amp;fit=crop&amp;w=1800&amp;q=90\" alt=\"Modern premium living room interior designed by AF Designs &amp; Interiors\" loading=\"eager\">\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- =====================================================\n       TRUST BAR\n  ====================================================== -->\n\n  <div class=\"af-trust-wrap\">\n\n    <div class=\"af-trust\">\n\n\n      <div class=\"af-trust-item\">\n\n        <div class=\"af-trust-icon\">\n          \u2713\n        <\/div>\n\n        <div>\n\n          <strong>\n            On-Time Delivery\n          <\/strong>\n\n          <small>\n            Planned &amp; Reliable\n          <\/small>\n\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"af-trust-item\">\n\n        <div class=\"af-trust-icon\">\n          \u25c6\n        <\/div>\n\n        <div>\n\n          <strong>\n            High Quality\n          <\/strong>\n\n          <small>\n            Premium Finishes\n          <\/small>\n\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"af-trust-item\">\n\n        <div class=\"af-trust-icon\">\n          \u25c7\n        <\/div>\n\n        <div>\n\n          <strong>\n            Best Value\n          <\/strong>\n\n          <small>\n            Smart Design Choices\n          <\/small>\n\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- =====================================================\n       POPULAR PROJECTS\n  ====================================================== -->\n\n  <section class=\"af-section\" id=\"projects\">\n\n\n    <div class=\"af-title\">\n\n      <h2>\n        Popular Projects\n      <\/h2>\n\n    <\/div>\n\n\n    <div class=\"af-projects\">\n\n\n      <!-- LIVING ROOM -->\n\n      <article class=\"af-card\">\n\n        <div class=\"af-card-image\">\n\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1616486338812-3dadae4b4ace?auto=format&amp;fit=crop&amp;w=900&amp;q=90\" alt=\"Luxury living room interior design\" loading=\"lazy\">\n\n        <\/div>\n\n        <div class=\"af-card-body\">\n\n          <div class=\"af-card-title\">\n            Living Room\n          <\/div>\n\n          <div class=\"af-card-meta\">\n            Premium\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- BEDROOM -->\n\n      <article class=\"af-card\">\n\n        <div class=\"af-card-image\">\n\n          <img decoding=\"async\" src=\"https:\/\/afdesignsinteriors.com\/wp-content\/uploads\/2026\/08\/52439.png\" alt=\"Modern bedroom interior design\" loading=\"lazy\">\n\n        <\/div>\n\n        <div class=\"af-card-body\">\n\n          <div class=\"af-card-title\">\n            Modern Bedroom\n          <\/div>\n\n          <div class=\"af-card-meta\">\n            Elegant\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- KITCHEN -->\n\n      <article class=\"af-card\">\n\n        <div class=\"af-card-image\">\n\n          <img decoding=\"async\" src=\"https:\/\/afdesignsinteriors.com\/wp-content\/uploads\/2026\/09\/56721.png\" alt=\"Modern modular kitchen interior design\" loading=\"lazy\">\n\n        <\/div>\n\n        <div class=\"af-card-body\">\n\n          <div class=\"af-card-title\">\n            Modular Kitchen\n          <\/div>\n\n          <div class=\"af-card-meta\">\n            Smart\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- MINIMAL -->\n\n      <article class=\"af-card\">\n\n        <div class=\"af-card-image\">\n\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1618220179428-22790b461013?auto=format&amp;fit=crop&amp;w=900&amp;q=90\" alt=\"Minimal interior design\" loading=\"lazy\">\n\n        <\/div>\n\n        <div class=\"af-card-body\">\n\n          <div class=\"af-card-title\">\n            Minimal Interior\n          <\/div>\n\n          <div class=\"af-card-meta\">\n            Stylish\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n\n    <\/div>\n\n\n    <div class=\"af-center\">\n\n      <a class=\"af-dark-btn\" href=\"#projects\">\n        View All Projects \u2192\n      <\/a>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- =====================================================\n       DESIGNED TO FEEL LIKE HOME\n  ====================================================== -->\n\n  <section class=\"af-transform\">\n\n\n    <div class=\"af-transform-copy\">\n\n      <h2>\n        Designed to Feel Like Home\n      <\/h2>\n\n      <p>\n        Quality craftsmanship and thoughtful details define every space we create.\n        Beautifully designed interiors, made uniquely for you.\n      <\/p>\n\n    <\/div>\n\n\n    <div class=\"af-mini-cards\">\n\n\n      <article class=\"af-mini\">\n\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1598300056393-4aac492f4344?auto=format&amp;fit=crop&amp;w=700&amp;q=90\" alt=\"New interior concepts\" loading=\"lazy\">\n\n        <h3>\n          New Concepts\n        <\/h3>\n\n      <\/article>\n\n\n      <article class=\"af-mini\">\n\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600566753086-00f18fb6b3ea?auto=format&amp;fit=crop&amp;w=700&amp;q=90\" alt=\"Minimalist interior design\" loading=\"lazy\">\n\n        <h3>\n          Minimalist Design\n        <\/h3>\n\n      <\/article>\n\n\n      <article class=\"af-mini\">\n\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?auto=format&amp;fit=crop&amp;w=700&amp;q=90\" alt=\"Custom interior solutions\" loading=\"lazy\">\n\n        <h3>\n          Custom Solutions\n        <\/h3>\n\n      <\/article>\n\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- =====================================================\n       ABOUT + FAQ\n  ====================================================== -->\n\n  <section class=\"af-about\" id=\"about\">\n\n\n    <!-- ABOUT -->\n\n    <div>\n\n      <h2>\n        Interior Design That Balances\n        Beauty &amp; Function\n      <\/h2>\n\n\n      <p>\n        AF Designs &amp; Interiors focuses on creating practical,\n        refined spaces for modern living. Our approach combines\n        thoughtful planning, attractive materials, comfortable\n        layouts and a consistent design language.\n      <\/p>\n\n\n      <p>\n        We create elegant residential interiors, living rooms,\n        bedrooms, modular kitchens, furniture concepts and\n        customized interior solutions.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- FAQ -->\n\n    <div class=\"af-faq\">\n\n      <h3>\n        Frequently Asked Questions\n      <\/h3>\n\n\n      <details>\n\n        <summary>\n          What interior services do you provide?\n        <\/summary>\n\n        <p>\n          AF Designs &amp; Interiors provides residential interior\n          design, furniture concepts, space planning and custom\n          interior solutions.\n        <\/p>\n\n      <\/details>\n\n\n      <details>\n\n        <summary>\n          Do you provide custom interior design solutions?\n        <\/summary>\n\n        <p>\n          Yes. Interior concepts can be tailored to the space,\n          style preferences and practical requirements of each client.\n        <\/p>\n\n      <\/details>\n\n\n      <details>\n\n        <summary>\n          How can I get a consultation?\n        <\/summary>\n\n        <p>\n          Contact AF Designs &amp; Interiors through WhatsApp to\n          discuss your requirements and get a free consultation.\n        <\/p>\n\n      <\/details>\n\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- =====================================================\n       FOOTER\n  ====================================================== -->\n\n  <footer class=\"af-footer\" id=\"contact\">\n\n\n    <div class=\"af-social\">\n\n      <a href=\"#\" aria-label=\"Instagram\">\n        \u25ce\n      <\/a>\n\n      <a href=\"#\" aria-label=\"Facebook\">\n        f\n      <\/a>\n\n      <a href=\"#\" aria-label=\"Pinterest\">\n        p\n      <\/a>\n\n    <\/div>\n\n\n    <div class=\"af-footer-links\">\n\n      <a href=\"#\">\n        Privacy Policy\n      <\/a>\n\n      <a href=\"#\">\n        Terms &amp; Conditions\n      <\/a>\n\n    <\/div>\n\n\n  <\/footer>\n\n\n<\/div>\n\n\n<!-- =====================================================\n     JAVASCRIPT\n     STATS + SCROLL ANIMATION\n===================================================== -->\n\n<script>\n\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n\n  \/* =====================================================\n     COUNT UP\n  ===================================================== *\/\n\n  const stats =\n    document.querySelectorAll(\".af-stat\");\n\n\n  function animateNumber(element){\n\n    const target =\n      parseInt(element.dataset.target || \"0\");\n\n    const suffix =\n      element.dataset.suffix || \"\";\n\n    const duration = 1400;\n\n    const startTime =\n      performance.now();\n\n\n    function update(currentTime){\n\n      const progress =\n        Math.min(\n          (currentTime - startTime) \/ duration,\n          1\n        );\n\n\n      \/* Smooth easing *\/\n\n      const ease =\n        1 - Math.pow(1 - progress, 3);\n\n\n      const value =\n        Math.floor(target * ease);\n\n\n      element.textContent =\n        value + suffix;\n\n\n      if(progress < 1){\n\n        requestAnimationFrame(update);\n\n      }else{\n\n        element.textContent =\n          target + suffix;\n\n      }\n\n    }\n\n\n    requestAnimationFrame(update);\n\n  }\n\n\n  \/* =====================================================\n     SHOW STATS\n  ===================================================== *\/\n\n  setTimeout(function(){\n\n    stats.forEach(function(stat,index){\n\n      setTimeout(function(){\n\n        stat.classList.add(\"show\");\n\n\n        const number =\n          stat.querySelector(\n            \".af-stat-number\"\n          );\n\n\n        if(number){\n\n          animateNumber(number);\n\n        }\n\n      }, index * 180);\n\n    });\n\n  }, 500);\n\n\n  \/* =====================================================\n     PROJECT CARD SCROLL REVEAL\n  ===================================================== *\/\n\n  const cards =\n    document.querySelectorAll(\".af-card\");\n\n\n  if(\"IntersectionObserver\" in window){\n\n    const observer =\n      new IntersectionObserver(\n        function(entries){\n\n          entries.forEach(function(entry){\n\n            if(entry.isIntersecting){\n\n              entry.target.classList.add(\"show\");\n\n              observer.unobserve(\n                entry.target\n              );\n\n            }\n\n          });\n\n        },\n        {\n          threshold:0.15\n        }\n      );\n\n\n    cards.forEach(function(card){\n\n      observer.observe(card);\n\n    });\n\n  }else{\n\n    cards.forEach(function(card){\n\n      card.classList.add(\"show\");\n\n    });\n\n  }\n\n});\n\n<\/script>\n\n\n<!-- =====================================================\n     BUSINESS SCHEMA\n===================================================== -->\n\n<script type=\"application\/ld+json\">\n\n{\n  \"@context\":\"https:\/\/schema.org\",\n  \"@type\":\"HomeAndConstructionBusiness\",\n  \"name\":\"AF Designs & Interiors\",\n  \"url\":\"https:\/\/afdesignsinteriors.com\/\",\n  \"description\":\"Premium interior design solutions for stylish and functional homes.\",\n  \"areaServed\":{\n    \"@type\":\"State\",\n    \"name\":\"Kerala\"\n  },\n  \"knowsAbout\":[\n    \"Interior Design\",\n    \"Living Room Design\",\n    \"Bedroom Interior Design\",\n    \"Modular Kitchen Design\",\n    \"Furniture Design\",\n    \"Home Interiors\",\n    \"Modular Interiors\",\n    \"Residential Interior Design\"\n  ]\n}\n\n<\/script>\n\n\n<!-- =====================================================\n     FAQ SCHEMA\n===================================================== -->\n\n<script type=\"application\/ld+json\">\n\n{\n  \"@context\":\"https:\/\/schema.org\",\n  \"@type\":\"FAQPage\",\n  \"mainEntity\":[\n\n    {\n      \"@type\":\"Question\",\n      \"name\":\"What interior services do you provide?\",\n      \"acceptedAnswer\":{\n        \"@type\":\"Answer\",\n        \"text\":\"AF Designs & Interiors provides residential interior design, furniture concepts, space planning and custom interior solutions.\"\n      }\n    },\n\n    {\n      \"@type\":\"Question\",\n      \"name\":\"Do you provide custom interior design solutions?\",\n      \"acceptedAnswer\":{\n        \"@type\":\"Answer\",\n        \"text\":\"Yes. Interior concepts can be tailored to the space, style preferences and practical requirements of each client.\"\n      }\n    },\n\n    {\n      \"@type\":\"Question\",\n      \"name\":\"How can I get a consultation?\",\n      \"acceptedAnswer\":{\n        \"@type\":\"Answer\",\n        \"text\":\"Contact AF Designs & Interiors through WhatsApp to discuss your requirements and get a free consultation.\"\n      }\n    }\n\n  ]\n}\n\n<\/script>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7dc9df3 e-con-full e-flex e-con e-parent\" data-id=\"7dc9df3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Elevate Your Space! Planning your dream interior? Talk to our experts and get a personalized consultation. Get a Free Consultation \u2192 0 Years Experience 0 Projects 0 Happy Clients \u2713 On-Time Delivery Planned &amp; Reliable \u25c6 High Quality Premium Finishes \u25c7 Best Value Smart Design Choices Popular Projects Living Room Premium Modern Bedroom Elegant Modular [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-110","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/afdesignsinteriors.com\/index.php?rest_route=\/wp\/v2\/pages\/110","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/afdesignsinteriors.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/afdesignsinteriors.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/afdesignsinteriors.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/afdesignsinteriors.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=110"}],"version-history":[{"count":26,"href":"https:\/\/afdesignsinteriors.com\/index.php?rest_route=\/wp\/v2\/pages\/110\/revisions"}],"predecessor-version":[{"id":430,"href":"https:\/\/afdesignsinteriors.com\/index.php?rest_route=\/wp\/v2\/pages\/110\/revisions\/430"}],"wp:attachment":[{"href":"https:\/\/afdesignsinteriors.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}