{"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":"2025-12-21T13:11:34","modified_gmt":"2025-12-21T13:11:34","slug":"test","status":"publish","type":"page","link":"https:\/\/realshahzaib.com\/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\/* ================= HERO SERVICE SECTION ================= *\/\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.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 *\/\r\n.service-image {\r\n  position: relative;\r\n  width: 420px;\r\n  height: 420px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* CIRCLE BG *\/\r\n.service-circle {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(135deg, #FF7A00, #FF9900);\r\n  border-radius: 50%;\r\n}\r\n\r\n\/* PERSON IMAGE *\/\r\n.service-person-wrap {\r\n  position: absolute;\r\n  inset: 0;\r\n  display: flex;\r\n  align-items: flex-end;\r\n  justify-content: center;\r\n}\r\n\r\n.service-person {\r\n  width: 78%;\r\n  height: auto;\r\n  object-fit: contain;\r\n}\r\n\r\n\/* CONTENT SIDE *\/\r\n.service-content {\r\n  max-width: 560px;\r\n}\r\n\r\n.service-badge {\r\n  display: inline-block;\r\n  background: linear-gradient(135deg, #FF7A00, #FF9900);\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.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: #111827;\r\n}\r\n\r\n.service-text {\r\n  font-size: 15px;\r\n  line-height: 1.8;\r\n  color: #4B5563;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n\/* BUTTON *\/\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, #FF7A00, #FF9900);\r\n  color: #fff;\r\n  font-weight: 600;\r\n  text-decoration: none;\r\n  transition: transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.service-btn:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 12px 30px rgba(255,122,0,0.35);\r\n}\r\n\r\n\/* ================= MOBILE ================= *\/\r\n@media (max-width: 900px) {\r\n  .service-hero-wrap {\r\n    flex-direction: column;\r\n    text-align: center;\r\n    gap: 40px;\r\n  }\r\n\r\n  .service-image {\r\n    width: 300px;\r\n    height: 300px;\r\n  }\r\n\r\n  .service-title {\r\n    font-size: 30px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"service-hero\">\r\n  <div class=\"service-hero-wrap\">\r\n\r\n    <!-- IMAGE LEFT -->\r\n    <div class=\"service-image\">\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:\/\/realshahzaib.com\/wordpress\/wp-content\/uploads\/2025\/12\/IMG_3509-scaled-e1766213500324.png\"\r\n          alt=\"Website development and performance strategy\"\r\n          class=\"service-person\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- CONTENT RIGHT -->\r\n    <div class=\"service-content\">\r\n      <div class=\"service-badge\">WEBSITE DEVELOPMENT<\/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 with a\r\n        clear purpose  to support acquisition, reduce friction, and turn\r\n        traffic into 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, ensuring your website works as a growth asset, not just\r\n        a digital presence.\r\n      <\/p>\r\n\r\n      <a href=\"#contact\" class=\"service-btn\">\r\n        Request a Website Review\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\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\/* ================= OUR PROJECTS SECTION ================= *\/\r\n.projects-section{\r\n  font-family:Poppins,sans-serif;\r\n  background:#FFF7F0;\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 \u2014 YOUR BRAND ONLY *\/\r\n.projects-badge{\r\n  display:inline-block;\r\n  background:linear-gradient(135deg,#FF7A00,#FF9900);\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.projects-title{\r\n  font-size:40px;\r\n  font-weight:800;\r\n  color:#111827;\r\n  margin-bottom:14px;\r\n}\r\n\r\n.projects-subtitle{\r\n  font-size:15px;\r\n  color:#4B5563;\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.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.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.08);\r\n  transition:transform .3s ease, box-shadow .3s ease;\r\n}\r\n\r\n.project-card:hover{\r\n  transform:translateY(-6px);\r\n  box-shadow:0 30px 70px rgba(0,0,0,0.12);\r\n}\r\n\r\n\/* ICON *\/\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:26px;\r\n  color:#fff;\r\n  background:linear-gradient(135deg,#FF7A00,#FF9900);\r\n  margin-bottom:20px;\r\n}\r\n\r\n\/* TEXT *\/\r\n.project-title{\r\n  font-size:22px;\r\n  font-weight:700;\r\n  margin-bottom:12px;\r\n  color:#111827;\r\n}\r\n\r\n.project-text{\r\n  font-size:14px;\r\n  color:#6B7280;\r\n  line-height:1.8;\r\n}\r\n\r\n\/* ================= MOBILE ================= *\/\r\n@media(max-width:900px){\r\n  .projects-title{\r\n    font-size:30px;\r\n  }\r\n\r\n  .projects-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .project-card{\r\n    padding:32px 26px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"projects-section\">\r\n  <div class=\"projects-wrap\">\r\n\r\n    <div class=\"projects-badge\">OUR PROJECTS<\/div>\r\n\r\n    <h2 class=\"projects-title\">\r\n      We Create Digital Designs Based on UX Principles\r\n    <\/h2>\r\n\r\n    <p class=\"projects-subtitle\">\r\n      Most websites look good but fail to convert. Real Shahzaib Agency designs\r\n      and develops UX-focused digital experiences that reduce friction,\r\n      improve performance, and increase leads and sales.\r\n    <\/p>\r\n\r\n    <div class=\"projects-grid\">\r\n\r\n      <!-- WORDPRESS -->\r\n      <div class=\"project-card\">\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<\/h3>\r\n\r\n        <p class=\"project-text\">\r\n          We design and develop high performance WordPress websites tailored to\r\n          business goals. From blogs to enterprise platforms, our builds are\r\n          secure, SEO-friendly, fast, and conversion-focused with optimized\r\n          Core Web Vitals.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- SHOPIFY -->\r\n      <div class=\"project-card\">\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<\/h3>\r\n\r\n        <p class=\"project-text\">\r\n          Our Shopify development services help brands scale with custom themes,\r\n          smooth checkout UX, structured data, and performance optimization \r\n          increasing AOV, conversions, and repeat customers.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\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:\/\/realshahzaib.com\/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:\/\/realshahzaib.com\/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:\/\/realshahzaib.com\/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:\/\/realshahzaib.com\/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:\/\/realshahzaib.com\/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:\/\/realshahzaib.com\/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:\/\/realshahzaib.com\/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:\/\/realshahzaib.com\/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:\/\/realshahzaib.com\/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:\/\/realshahzaib.com\/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:\/\/realshahzaib.com\/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-5950281 e-con-full e-flex e-con e-parent\" data-id=\"5950281\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fa95f9d elementor-widget elementor-widget-html\" data-id=\"fa95f9d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ================= TESTIMONIALS ================= *\/\r\n.testimonials {\r\n  background: linear-gradient(135deg, #FFF6ED, #FFEADB, #FFF9F3);\r\n  padding: 90px 20px;\r\n  font-family: \"Poppins\", sans-serif;\r\n}\r\n\r\n.testimonials .container {\r\n  max-width: 1200px;\r\n  margin: auto;\r\n}\r\n\r\n\/* BADGE *\/\r\n.testimonials .badge {\r\n  display: inline-block;\r\n  background: #FF8902;\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  letter-spacing: 1px;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n\/* TITLE *\/\r\n.testimonials h2 {\r\n  font-size: 36px;\r\n  font-weight: 700;\r\n  color: #1A1A1A;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n\/* SCROLL *\/\r\n.testimonial-scroll {\r\n  display: flex;\r\n  gap: 22px;\r\n  overflow-x: auto;\r\n  padding-bottom: 14px;\r\n  scroll-snap-type: x mandatory;\r\n}\r\n\r\n\/* CARD *\/\r\n.testimonial-card {\r\n  min-width: 330px;\r\n  max-width: 330px;\r\n  background: linear-gradient(145deg, #FFFFFF, #FFF4EA);\r\n  border-radius: 18px;\r\n  padding: 24px;\r\n  box-shadow: 0 18px 40px rgba(255,137,2,0.18);\r\n  scroll-snap-align: start;\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* HEADER *\/\r\n.testimonial-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n\/* CLIENT *\/\r\n.client {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n\/* LETTER AVATAR *\/\r\n.avatar {\r\n  width: 40px;\r\n  height: 40px;\r\n  border-radius: 50%;\r\n  background: linear-gradient(135deg, #FF9A2E, #FF6A00);\r\n  color: #fff;\r\n  font-weight: 600;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 16px;\r\n}\r\n\r\n\/* NAME *\/\r\n.client-name {\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  color: #1A1A1A;\r\n}\r\n.client-time {\r\n  font-size: 12px;\r\n  color: #888;\r\n}\r\n\r\n\/* STARS *\/\r\n.stars {\r\n  color: #FFC107;\r\n  font-size: 14px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n\/* TEXT *\/\r\n.testimonial-text {\r\n  font-size: 14px;\r\n  line-height: 1.7;\r\n  color: #444;\r\n}\r\n\r\n\/* VERIFIED *\/\r\n.verified {\r\n  display: inline-block;\r\n  margin-top: 14px;\r\n  background: #FF8902;\r\n  color: #fff;\r\n  font-size: 11px;\r\n  padding: 4px 12px;\r\n  border-radius: 20px;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 768px) {\r\n  .testimonials h2 {\r\n    font-size: 28px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"testimonials\">\r\n  <div class=\"container\">\r\n    <span class=\"badge\">TESTIMONIALS<\/span>\r\n    <h2>What Clients Say About Our Website Development<\/h2>\r\n\r\n    <div class=\"testimonial-scroll\">\r\n\r\n      <!-- REVIEW 1 -->\r\n      <div class=\"testimonial-card\">\r\n        <div class=\"testimonial-header\">\r\n          <div class=\"client\">\r\n            <div class=\"avatar\">R<\/div>\r\n            <div>\r\n              <div class=\"client-name\">Raja Ahmed<\/div>\r\n              <div class=\"client-time\">2 months ago<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"testimonial-text\">\r\n          The website was delivered exactly as promised. Clean design, fast loading, and well-structured for conversions. Communication throughout the project was excellent.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- REVIEW 2 -->\r\n      <div class=\"testimonial-card\">\r\n        <div class=\"testimonial-header\">\r\n          <div class=\"client\">\r\n            <div class=\"avatar\">S<\/div>\r\n            <div>\r\n              <div class=\"client-name\">Shahzaib Khan<\/div>\r\n              <div class=\"client-time\">3 months ago<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"testimonial-text\">\r\n          Very professional website development service. The layout, responsiveness, and user experience were handled with great attention to detail.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- REVIEW 3 -->\r\n      <div class=\"testimonial-card\">\r\n        <div class=\"testimonial-header\">\r\n          <div class=\"client\">\r\n            <div class=\"avatar\">Z<\/div>\r\n            <div>\r\n              <div class=\"client-name\">Zameer Ali<\/div>\r\n              <div class=\"client-time\">1 month ago<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"testimonial-text\">\r\n          Our new website looks modern and performs extremely well. The structure was built with growth and scalability in mind.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- REVIEW 4 -->\r\n      <div class=\"testimonial-card\">\r\n        <div class=\"testimonial-header\">\r\n          <div class=\"client\">\r\n            <div class=\"avatar\">A<\/div>\r\n            <div>\r\n              <div class=\"client-name\">Ali Raza<\/div>\r\n              <div class=\"client-time\">2 months ago<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"testimonial-text\">\r\n          Clear timelines, honest feedback, and a well-optimized website delivered on schedule. Highly recommended for serious businesses.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- REVIEW 5 -->\r\n      <div class=\"testimonial-card\">\r\n        <div class=\"testimonial-header\">\r\n          <div class=\"client\">\r\n            <div class=\"avatar\">H<\/div>\r\n            <div>\r\n              <div class=\"client-name\">Hassan Sheikh<\/div>\r\n              <div class=\"client-time\">4 months ago<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"testimonial-text\">\r\n          The website redesign significantly improved our user experience and engagement. Strong understanding of both design and performance.\r\n        <\/p>\r\n        <span class=\"verified\">Verified Client<\/span>\r\n      <\/div>\r\n\r\n      <!-- REVIEW 6 -->\r\n      <div class=\"testimonial-card\">\r\n        <div class=\"testimonial-header\">\r\n          <div class=\"client\">\r\n            <div class=\"avatar\">U<\/div>\r\n            <div>\r\n              <div class=\"client-name\">Usman Tariq<\/div>\r\n              <div class=\"client-time\">5 months ago<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"testimonial-text\">\r\n          Reliable, responsive, and technically strong. The website was built with performance, SEO, and conversions in mind.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\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\/* ================= FAQ SECTION ================= *\/\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.faq-badge {\r\n  display: inline-block;\r\n  background: linear-gradient(135deg, #FF7A00, #FF9900);\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.faq-title {\r\n  font-size: 38px;\r\n  font-weight: 700;\r\n  color: #111;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n\/* FAQ ITEM *\/\r\n.faq-item {\r\n  border-bottom: 1px solid #EAEAEA;\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: #333;\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}\r\n\r\n.faq-answer {\r\n  display: none;\r\n  font-size: 14px;\r\n  color: #555;\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.faq-form {\r\n  background: #FFF7F0;\r\n  padding: 36px;\r\n  border-radius: 18px;\r\n}\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}\r\n\r\n.faq-form label span {\r\n  color: #FF7A00;\r\n}\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 #E0E0E0;\r\n  font-family: \"Poppins\", sans-serif;\r\n  font-size: 13px;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.faq-form textarea {\r\n  resize: none;\r\n  min-height: 120px;\r\n}\r\n\r\n.faq-form button {\r\n  margin-top: 10px;\r\n  padding: 12px 30px;\r\n  background: linear-gradient(135deg, #FF7A00, #FF9900);\r\n  border: none;\r\n  border-radius: 10px;\r\n  color: #fff;\r\n  font-weight: 600;\r\n  cursor: pointer;\r\n}\r\n\r\n.faq-form button:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 10px 25px rgba(255, 122, 0, 0.35);\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 900px) {\r\n  .faq-container {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .faq-title {\r\n    font-size: 30px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"faq-section\">\r\n  <div class=\"faq-container\">\r\n\r\n    <!-- FAQ -->\r\n    <div>\r\n      <span class=\"faq-badge\">FAQ<\/span>\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 with performance in mind. Design, speed, and\r\n          conversion are treated as core requirements \u2014 not afterthoughts.\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 and rebuild underperforming websites to improve structure,\r\n          usability, and conversion flow.\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          Primarily WordPress and Shopify.\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 advertising?\r\n          <span>\u2304<\/span>\r\n        <\/div>\r\n        <div class=\"faq-answer\">\r\n          Yes. All builds are designed to support paid traffic and campaign\r\n          scalability.\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. Ongoing maintenance and optimization are available based on\r\n          project scope.\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- FORM -->\r\n    <div class=\"faq-form\">\r\n      <form>\r\n\r\n        <label>Full Name <span>*<\/span><\/label>\r\n        <input type=\"text\" placeholder=\"Your full name\" required>\r\n\r\n        <label>Email Address <span>*<\/span><\/label>\r\n        <input type=\"email\" placeholder=\"Your email address\" required>\r\n\r\n        <label>Contact Number <span>*<\/span><\/label>\r\n        <input type=\"tel\" placeholder=\"Your phone number\" required>\r\n\r\n        <label>Message <span>*<\/span><\/label>\r\n        <textarea 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    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\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<\/script>\r\n\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. WEBSITE DEVELOPMENT Built With Performance in Mind Most websites look good but fail to convert. We build websites with a clear purpose 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:\/\/realshahzaib.com\/index.php\/wp-json\/wp\/v2\/pages\/6797","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/realshahzaib.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/realshahzaib.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/realshahzaib.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/realshahzaib.com\/index.php\/wp-json\/wp\/v2\/comments?post=6797"}],"version-history":[{"count":63,"href":"https:\/\/realshahzaib.com\/index.php\/wp-json\/wp\/v2\/pages\/6797\/revisions"}],"predecessor-version":[{"id":7476,"href":"https:\/\/realshahzaib.com\/index.php\/wp-json\/wp\/v2\/pages\/6797\/revisions\/7476"}],"wp:attachment":[{"href":"https:\/\/realshahzaib.com\/index.php\/wp-json\/wp\/v2\/media?parent=6797"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}