{"id":6797,"date":"2025-12-13T06:35:08","date_gmt":"2025-12-13T06:35:08","guid":{"rendered":"https:\/\/realshahzaib.com\/wordpress\/?page_id=6797"},"modified":"2026-04-24T17:05:50","modified_gmt":"2026-04-24T17:05:50","slug":"test","status":"publish","type":"page","link":"https:\/\/adify.marketing\/index.php\/test\/","title":{"rendered":"Website Development"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6797\" class=\"elementor elementor-6797\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c21c37 e-flex e-con-boxed e-con e-parent\" data-id=\"2c21c37\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-91e38bd elementor-widget elementor-widget-text-editor\" data-id=\"91e38bd\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h1 class=\"ekit-heading--title elementskit-section-title \"><strong style=\"font-size: 16px;\">\u00a0Websites Built to Convert, Scale, and Perform<\/strong><\/h1><div class=\"ekit-heading__description\"><p><span style=\"font-weight: 400;\">\u00a0We design and develop fast, conversion focused websites that support paid traffic, improve user experience, and drive measurable business outcomes.<\/span><\/p><\/div>\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-9e62a90 e-flex e-con-boxed e-con e-parent\" data-id=\"9e62a90\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-484b848 elementor-widget elementor-widget-html\" data-id=\"484b848\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n\/* ================= HERO SERVICE SECTION ================= *\/\r\n\r\n:root{\r\n  --primary:#20314f;\r\n  --secondary:#6086b7;\r\n  --text:#111827;\r\n  --gray:#4B5563;\r\n}\r\n\r\n\/* SECTION *\/\r\n\r\n.service-hero {\r\n  font-family: \"Poppins\", sans-serif;\r\n  padding: 100px 20px;\r\n  background: #ffffff;\r\n}\r\n\r\n\/* WRAP *\/\r\n\r\n.service-hero-wrap {\r\n  max-width: 1200px;\r\n  margin: auto;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 80px;\r\n}\r\n\r\n\/* IMAGE SIDE (REDUCED SIZE) *\/\r\n\r\n.service-image {\r\n  position: relative;\r\n  width: 340px;   \/* \ud83d\udd25 reduced from 420px *\/\r\n  height: 340px;  \/* \ud83d\udd25 reduced from 420px *\/\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* CIRCLE BG *\/\r\n\r\n.service-circle {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: radial-gradient(circle at 30% 30%, #6f93c2, var(--primary));\r\n  border-radius: 50%;\r\n  box-shadow: 0 25px 70px rgba(32,49,79,0.35);\r\n  overflow: hidden;\r\n}\r\n\r\n\/* PERSON WRAP *\/\r\n\r\n.service-person-wrap {\r\n  position: absolute;\r\n  inset: 0;\r\n  display: flex;\r\n  align-items: flex-start;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n  border-radius: 50%;\r\n}\r\n\r\n\/* IMAGE (REDUCED SCALE) *\/\r\n\r\n.service-person {\r\n  width: 85%;   \/* \ud83d\udd25 reduced from 95% *\/\r\n  height: auto;\r\n  object-fit: contain;\r\n  margin-top: 8px;\r\n}\r\n\r\n\/* CONTENT *\/\r\n\r\n.service-content {\r\n  max-width: 560px;\r\n}\r\n\r\n\/* BADGE *\/\r\n\r\n.service-badge {\r\n  display: inline-block;\r\n  background: linear-gradient(135deg, var(--primary), var(--secondary));\r\n  color: #fff;\r\n  padding: 6px 18px;\r\n  border-radius: 30px;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n\/* TITLE *\/\r\n\r\n.service-title {\r\n  font-size: 44px;\r\n  font-weight: 800;\r\n  line-height: 1.15;\r\n  margin-bottom: 16px;\r\n  color: var(--text);\r\n}\r\n\r\n\/* TEXT *\/\r\n\r\n.service-text {\r\n  font-size: 15px;\r\n  line-height: 1.8;\r\n  color: var(--gray);\r\n  margin-bottom: 18px;\r\n}\r\n\r\n\/* BUTTON *\/\r\n\r\n.service-btn {\r\n  display: inline-block;\r\n  margin-top: 20px;\r\n  padding: 14px 34px;\r\n  border-radius: 50px;\r\n  background: linear-gradient(135deg, var(--primary), var(--secondary));\r\n  color: #fff;\r\n  font-weight: 600;\r\n  text-decoration: none;\r\n  transition: 0.3s ease;\r\n}\r\n\r\n.service-btn:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 12px 30px rgba(32,49,79,0.25);\r\n}\r\n\r\n\/* ================= MOBILE ================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n  .service-hero {\r\n    padding: 35px 16px;\r\n  }\r\n\r\n  .service-hero-wrap {\r\n    flex-direction: column;\r\n    text-align: center;\r\n    gap: 30px;\r\n  }\r\n\r\n  .service-image {\r\n    width: 240px;   \/* \ud83d\udd25 smaller on mobile *\/\r\n    height: 240px;\r\n  }\r\n\r\n  .service-title {\r\n    font-size: 28px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<section class=\"service-hero\">\r\n\r\n  <div class=\"service-hero-wrap\">\r\n\r\n    <!-- IMAGE -->\r\n    <div class=\"service-image\">\r\n\r\n      <div class=\"service-circle\"><\/div>\r\n\r\n      <div class=\"service-person-wrap\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/adify.marketing\/wp-content\/uploads\/2025\/12\/EFqAFFFE-removebg-preview-e1765610482757.png\"\r\n          alt=\"Website development service\"\r\n          class=\"service-person\">\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- CONTENT -->\r\n    <div class=\"service-content\">\r\n\r\n      <div class=\"service-badge\">\r\n        ADIFY AGENCY \u2014 WEBSITE DEVELOPMENT\r\n      <\/div>\r\n\r\n      <h2 class=\"service-title\">\r\n        Built With Performance in Mind\r\n      <\/h2>\r\n\r\n      <p class=\"service-text\">\r\n        Most websites look good but fail to convert. We build websites designed\r\n        to support acquisition, reduce friction, and increase revenue.\r\n      <\/p>\r\n\r\n      <p class=\"service-text\">\r\n        Every build is structured around speed, usability, and conversion\r\n        fundamentals \u2014 turning your website into a growth asset.\r\n      <\/p>\r\n\r\n      <a href=\"https:\/\/adify.marketing\/index.php\/contact-us\/\" class=\"service-btn\">\r\n        Request a Website Review\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\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-f8971db e-con-full e-flex e-con e-parent\" data-id=\"f8971db\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-01779b1 elementor-widget elementor-widget-html\" data-id=\"01779b1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n<style>\r\n\r\n\/* ================= OUR PROJECTS SECTION ================= *\/\r\n\r\n:root{\r\n  --primary:#20314f;\r\n  --secondary:#6086b7;\r\n  --gray:#4B5563;\r\n  --light:#f8fafc;\r\n}\r\n\r\n\/* SECTION *\/\r\n\r\n.projects-section{\r\n  font-family:Poppins,sans-serif;\r\n  background:var(--light);\r\n  padding:100px 20px;\r\n}\r\n\r\n.projects-wrap{\r\n  max-width:1200px;\r\n  margin:auto;\r\n  text-align:center;\r\n}\r\n\r\n\/* BADGE *\/\r\n\r\n.projects-badge{\r\n  display:inline-block;\r\n  background:linear-gradient(135deg,var(--primary),var(--secondary));\r\n  color:#fff;\r\n  padding:6px 18px;\r\n  border-radius:30px;\r\n  font-size:12px;\r\n  font-weight:600;\r\n  margin-bottom:16px;\r\n}\r\n\r\n\/* TITLE *\/\r\n\r\n.projects-title{\r\n  font-size:40px;\r\n  font-weight:800;\r\n  color:var(--primary);\r\n  margin-bottom:14px;\r\n}\r\n\r\n\/* SUBTITLE *\/\r\n\r\n.projects-subtitle{\r\n  font-size:15px;\r\n  color:var(--gray);\r\n  max-width:760px;\r\n  margin:0 auto 60px;\r\n  line-height:1.7;\r\n}\r\n\r\n\/* GRID *\/\r\n\r\n.projects-grid{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:40px;\r\n}\r\n\r\n\/* CARD *\/\r\n\r\n.project-card{\r\n  background:#ffffff;\r\n  border-radius:24px;\r\n  padding:40px 36px;\r\n  text-align:left;\r\n  box-shadow:0 20px 50px rgba(0,0,0,0.06);\r\n  transition:0.3s ease;\r\n  border:1px solid #e5e7eb;\r\n}\r\n\r\n.project-card:hover{\r\n  transform:translateY(-6px);\r\n  box-shadow:0 30px 70px rgba(32,49,79,0.12);\r\n  border-color:var(--secondary);\r\n}\r\n\r\n\/* ICON *\/\r\n\r\n.project-icon{\r\n  width:56px;\r\n  height:56px;\r\n  border-radius:16px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-size:24px;\r\n  color:#fff;\r\n  background:linear-gradient(135deg,var(--primary),var(--secondary));\r\n  margin-bottom:20px;\r\n}\r\n\r\n\/* TEXT *\/\r\n\r\n.project-title{\r\n  font-size:20px;\r\n  font-weight:700;\r\n  margin-bottom:12px;\r\n  color:var(--primary);\r\n}\r\n\r\n.project-text{\r\n  font-size:14px;\r\n  color:var(--gray);\r\n  line-height:1.8;\r\n}\r\n\r\n\/* ================= MOBILE FIX (TIGHT SPACING) ================= *\/\r\n\r\n@media(max-width:900px){\r\n\r\n  .projects-section{\r\n    padding:35px 16px; \/* \ud83d\udd25 reduced top & bottom *\/\r\n  }\r\n\r\n  .projects-title{\r\n    font-size:26px;\r\n    margin-bottom:10px;\r\n  }\r\n\r\n  .projects-subtitle{\r\n    margin-bottom:25px;\r\n    font-size:14px;\r\n  }\r\n\r\n  .projects-grid{\r\n    grid-template-columns:1fr;\r\n    gap:16px; \/* tighter spacing *\/\r\n  }\r\n\r\n  .project-card{\r\n    padding:22px 18px; \/* reduced card padding *\/\r\n  }\r\n\r\n  .project-title{\r\n    font-size:18px;\r\n  }\r\n\r\n  .project-text{\r\n    font-size:13px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<section class=\"projects-section\">\r\n\r\n  <div class=\"projects-wrap\">\r\n\r\n    <div class=\"projects-badge\">ADIFY AGENCY PROJECTS<\/div>\r\n\r\n    <h2 class=\"projects-title\">\r\n      We Build UX-Driven Digital Experiences\r\n    <\/h2>\r\n\r\n    <p class=\"projects-subtitle\">\r\n      We design and develop conversion-focused websites that improve performance,\r\n      reduce friction, and turn traffic into measurable business growth.\r\n    <\/p>\r\n\r\n    <div class=\"projects-grid\">\r\n\r\n      <!-- WORDPRESS -->\r\n      <div class=\"project-card\">\r\n\r\n        <div class=\"project-icon\">\r\n          <i class=\"fa-brands fa-wordpress\"><\/i>\r\n        <\/div>\r\n\r\n        <h3 class=\"project-title\">WordPress Development<\/h3>\r\n\r\n        <p class=\"project-text\">\r\n          High-performance WordPress builds optimized for speed, SEO, and conversions.\r\n          From service sites to scalable business platforms.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <!-- SHOPIFY -->\r\n      <div class=\"project-card\">\r\n\r\n        <div class=\"project-icon\">\r\n          <i class=\"fa-brands fa-shopify\"><\/i>\r\n        <\/div>\r\n\r\n        <h3 class=\"project-title\">Shopify Development<\/h3>\r\n\r\n        <p class=\"project-text\">\r\n          Custom Shopify stores built for scaling revenue \u2014 optimized checkout flow,\r\n          UX structure, and conversion-focused design systems.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3344a4c e-flex e-con-boxed e-con e-parent\" data-id=\"3344a4c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73cd130 elementor-widget elementor-widget-heading\" data-id=\"73cd130\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">BRAND's WE WORK WITH<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-372707c elementor-widget elementor-widget-text-editor\" data-id=\"372707c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h6><strong>Brands we\u2019ve supported through website development and performance-focused builds.<\/strong><span style=\"font-weight: 400;\"><br \/><\/span><\/h6>\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-3b4b2de e-grid e-con-boxed e-con e-parent\" data-id=\"3b4b2de\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31ead7d elementor-widget elementor-widget-image-carousel\" data-id=\"31ead7d\" data-element_type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;4&quot;,&quot;slides_to_scroll&quot;:&quot;1&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;autoplay_speed&quot;:29,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"rtl\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/adify.marketing\/wp-content\/uploads\/2025\/12\/IMG_2348-150x150.png\" alt=\"IMG_2348\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/adify.marketing\/wp-content\/uploads\/2025\/12\/IMG_2343-150x150.jpg\" alt=\"IMG_2343\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/adify.marketing\/wp-content\/uploads\/2025\/12\/IMG_2346-150x150.png\" alt=\"IMG_2346\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/adify.marketing\/wp-content\/uploads\/2025\/12\/IMG_2342-150x150.png\" alt=\"IMG_2342\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/adify.marketing\/wp-content\/uploads\/2025\/12\/IMG_2335-150x150.png\" alt=\"IMG_2335\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/adify.marketing\/wp-content\/uploads\/2025\/12\/IMG_2651-150x150.png\" alt=\"IMG_2651\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e0f2868 elementor-widget elementor-widget-image-carousel\" data-id=\"e0f2868\" data-element_type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;4&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;autoplay_speed&quot;:29,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/adify.marketing\/wp-content\/uploads\/2025\/12\/IMG_2340-150x150.png\" alt=\"IMG_2340\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/adify.marketing\/wp-content\/uploads\/2025\/12\/IMG_2327-150x150.png\" alt=\"IMG_2327\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/adify.marketing\/wp-content\/uploads\/2025\/12\/IMG_2329-150x150.png\" alt=\"IMG_2329\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/adify.marketing\/wp-content\/uploads\/2025\/12\/IMG_2321-150x150.jpg\" alt=\"IMG_2321\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/adify.marketing\/wp-content\/uploads\/2025\/12\/IMG_2335-150x150.png\" alt=\"IMG_2335\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\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-273b0d2 e-con-full e-flex e-con e-parent\" data-id=\"273b0d2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6874d46 elementor-widget elementor-widget-html\" data-id=\"6874d46\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n:root{\r\n  --primary:#20314f;\r\n  --secondary:#6086b7;\r\n  --gray:#4B5563;\r\n  --light:#f8fafc;\r\n  --border:#e5e7eb;\r\n}\r\n\r\n\/* ================= FAQ SECTION ================= *\/\r\n\r\n.faq-section {\r\n  font-family: \"Poppins\", sans-serif;\r\n  background: #ffffff;\r\n  padding: 90px 20px;\r\n}\r\n\r\n.faq-container {\r\n  max-width: 1200px;\r\n  margin: auto;\r\n  display: grid;\r\n  grid-template-columns: 1.1fr 0.9fr;\r\n  gap: 50px;\r\n}\r\n\r\n\/* BADGE *\/\r\n\r\n.faq-badge {\r\n  display: inline-block;\r\n  background: linear-gradient(135deg, var(--primary), var(--secondary));\r\n  color: #fff;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  padding: 6px 16px;\r\n  border-radius: 20px;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n\/* TITLE *\/\r\n\r\n.faq-title {\r\n  font-size: 38px;\r\n  font-weight: 700;\r\n  color: var(--primary);\r\n  margin-bottom: 30px;\r\n}\r\n\r\n\/* FAQ ITEM *\/\r\n\r\n.faq-item {\r\n  border-bottom: 1px solid var(--border);\r\n  padding: 18px 0;\r\n  cursor: pointer;\r\n}\r\n\r\n.faq-question {\r\n  font-size: 15px;\r\n  font-weight: 500;\r\n  color: var(--primary);\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.faq-question span {\r\n  transition: transform 0.3s ease;\r\n  color: var(--secondary);\r\n}\r\n\r\n.faq-answer {\r\n  display: none;\r\n  font-size: 14px;\r\n  color: var(--gray);\r\n  margin-top: 10px;\r\n  line-height: 1.7;\r\n}\r\n\r\n.faq-item.active .faq-answer {\r\n  display: block;\r\n}\r\n\r\n.faq-item.active .faq-question span {\r\n  transform: rotate(180deg);\r\n}\r\n\r\n\/* ================= FORM ================= *\/\r\n\r\n.faq-form {\r\n  background: var(--light);\r\n  padding: 36px;\r\n  border-radius: 18px;\r\n  border: 1px solid var(--border);\r\n}\r\n\r\n\/* LABEL *\/\r\n\r\n.faq-form label {\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  margin-bottom: 6px;\r\n  display: block;\r\n  color: var(--primary);\r\n}\r\n\r\n.faq-form label span {\r\n  color: var(--secondary);\r\n}\r\n\r\n\/* INPUTS *\/\r\n\r\n.faq-form input,\r\n.faq-form textarea {\r\n  width: 100%;\r\n  padding: 12px 14px;\r\n  border-radius: 8px;\r\n  border: 1px solid var(--border);\r\n  font-family: \"Poppins\", sans-serif;\r\n  font-size: 13px;\r\n  margin-bottom: 14px;\r\n  outline: none;\r\n  transition: 0.2s ease;\r\n}\r\n\r\n.faq-form input:focus,\r\n.faq-form textarea:focus {\r\n  border-color: var(--secondary);\r\n}\r\n\r\n\/* TEXTAREA *\/\r\n\r\n.faq-form textarea {\r\n  resize: none;\r\n  min-height: 120px;\r\n}\r\n\r\n\/* BUTTON *\/\r\n\r\n.faq-form button {\r\n  width: 100%;\r\n  margin-top: 10px;\r\n  padding: 14px 30px;\r\n  background: linear-gradient(135deg, var(--primary), var(--secondary));\r\n  border: none;\r\n  border-radius: 10px;\r\n  color: #fff;\r\n  font-weight: 600;\r\n  cursor: pointer;\r\n  transition: 0.3s;\r\n}\r\n\r\n.faq-form button:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 10px 25px rgba(32,49,79,0.25);\r\n}\r\n\r\n\/* ================= MOBILE ================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n  .faq-container {\r\n    grid-template-columns: 1fr;\r\n    gap: 35px;\r\n  }\r\n\r\n  .faq-title {\r\n    font-size: 30px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<section class=\"faq-section\">\r\n\r\n  <div class=\"faq-container\">\r\n\r\n    <!-- FAQ SIDE -->\r\n    <div>\r\n\r\n      <span class=\"faq-badge\">ADIFY AGENCY FAQ<\/span>\r\n\r\n      <h2 class=\"faq-title\">Frequently Asked Questions<\/h2>\r\n\r\n      <div class=\"faq-item active\">\r\n        <div class=\"faq-question\">\r\n          What makes your web development different?\r\n          <span>\u2304<\/span>\r\n        <\/div>\r\n        <div class=\"faq-answer\">\r\n          We build websites designed for performance \u2014 combining UX, speed, and conversion structure from day one.\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-item\">\r\n        <div class=\"faq-question\">\r\n          Do you redesign existing websites?\r\n          <span>\u2304<\/span>\r\n        <\/div>\r\n        <div class=\"faq-answer\">\r\n          Yes. We audit, restructure, and rebuild underperforming websites to improve conversions and usability.\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-item\">\r\n        <div class=\"faq-question\">\r\n          Which platforms do you work with?\r\n          <span>\u2304<\/span>\r\n        <\/div>\r\n        <div class=\"faq-answer\">\r\n          WordPress and Shopify are our core development platforms.\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-item\">\r\n        <div class=\"faq-question\">\r\n          Will the website support paid ads?\r\n          <span>\u2304<\/span>\r\n        <\/div>\r\n        <div class=\"faq-answer\">\r\n          Yes \u2014 every build is designed to handle paid traffic and scale efficiently.\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-item\">\r\n        <div class=\"faq-question\">\r\n          Do you offer ongoing support?\r\n          <span>\u2304<\/span>\r\n        <\/div>\r\n        <div class=\"faq-answer\">\r\n          Yes, maintenance and optimization support is available depending on project scope.\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- FORM SIDE -->\r\n    <div class=\"faq-form\">\r\n\r\n      <form id=\"whatsappForm\">\r\n\r\n        <label>Full Name <span>*<\/span><\/label>\r\n        <input type=\"text\" id=\"name\" placeholder=\"Your full name\" required>\r\n\r\n        <label>Email Address <span>*<\/span><\/label>\r\n        <input type=\"email\" id=\"email\" placeholder=\"Your email address\" required>\r\n\r\n        <label>Contact Number <span>*<\/span><\/label>\r\n        <input type=\"tel\" id=\"phone\" placeholder=\"Your phone number\" required>\r\n\r\n        <label>Message <span>*<\/span><\/label>\r\n        <textarea id=\"message\" placeholder=\"Tell us about your project\" required><\/textarea>\r\n\r\n        <button type=\"submit\">Request a Strategy Call<\/button>\r\n\r\n      <\/form>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n\r\ndocument.querySelectorAll(\".faq-item\").forEach(item => {\r\n  item.addEventListener(\"click\", () => {\r\n    document.querySelectorAll(\".faq-item\").forEach(i => {\r\n      if (i !== item) i.classList.remove(\"active\");\r\n    });\r\n    item.classList.toggle(\"active\");\r\n  });\r\n});\r\n\r\n\/* ================= WHATSAPP FORM ================= *\/\r\n\r\ndocument.getElementById(\"whatsappForm\").addEventListener(\"submit\", function(e){\r\n  e.preventDefault();\r\n\r\n  let name = document.getElementById(\"name\").value;\r\n  let email = document.getElementById(\"email\").value;\r\n  let phone = document.getElementById(\"phone\").value;\r\n  let message = document.getElementById(\"message\").value;\r\n\r\n  let whatsappMessage =\r\n`Hello Adify Agency \ud83d\udc4b\r\n\r\n*Name:* ${name}\r\n*Email:* ${email}\r\n*Phone:* ${phone}\r\n*Message:* ${message}\r\n\r\nI would like to request a strategy call.`;\r\n\r\n  let url = \"https:\/\/wa.me\/923990084791?text=\" + encodeURIComponent(whatsappMessage);\r\n\r\n  window.open(url, \"_blank\");\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-0940906 e-flex e-con-boxed e-con e-parent\" data-id=\"0940906\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u00a0Websites Built to Convert, Scale, and Perform \u00a0We design and develop fast, conversion focused websites that support paid traffic, improve user experience, and drive measurable business outcomes. ADIFY AGENCY \u2014 WEBSITE DEVELOPMENT Built With Performance in Mind Most websites look good but fail to convert. We build websites designed to support acquisition, reduce friction, and [&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-6797","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/adify.marketing\/index.php\/wp-json\/wp\/v2\/pages\/6797","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/adify.marketing\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/adify.marketing\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/adify.marketing\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/adify.marketing\/index.php\/wp-json\/wp\/v2\/comments?post=6797"}],"version-history":[{"count":78,"href":"https:\/\/adify.marketing\/index.php\/wp-json\/wp\/v2\/pages\/6797\/revisions"}],"predecessor-version":[{"id":7625,"href":"https:\/\/adify.marketing\/index.php\/wp-json\/wp\/v2\/pages\/6797\/revisions\/7625"}],"wp:attachment":[{"href":"https:\/\/adify.marketing\/index.php\/wp-json\/wp\/v2\/media?parent=6797"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}