{"id":221,"date":"2024-10-15T04:23:05","date_gmt":"2024-10-15T04:23:05","guid":{"rendered":"https:\/\/aspiredigitalsolutions.in\/success-story\/"},"modified":"2026-08-26T23:15:14","modified_gmt":"2026-08-26T17:45:14","slug":"success-story","status":"publish","type":"page","link":"https:\/\/aspiredigitalsolutions.in\/ar\/success-story\/","title":{"rendered":"Success Story"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"221\" class=\"elementor elementor-221\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-abb0be5 e-con-full e-flex e-con e-parent\" data-id=\"abb0be5\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-db99a23 e-con-full e-flex e-con e-parent\" data-id=\"db99a23\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-86c075d elementor-widget elementor-widget-html\" data-id=\"86c075d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Google Fonts -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<!-- GSAP Core -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n\r\n<style>\r\n  \/* --- Global Wrapper --- *\/\r\n  .aspire-case-study-wrapper {\r\n    font-family: 'Montserrat', sans-serif;\r\n    \r\n    \/* Full Width Breakout *\/\r\n    width: 100vw;\r\n    position: relative;\r\n    left: 50%;\r\n    right: 50%;\r\n    margin-left: -50vw;\r\n    margin-right: -50vw;\r\n    \r\n    min-height: 100vh;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n    background-color: #020617; \/* Deep Tech Blue *\/\r\n    color: #ffffff;\r\n    padding: 80px 40px 120px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n\r\n  .aspire-case-study-wrapper * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* --- Ambient Glow --- *\/\r\n  .aspire-case-study-wrapper::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -10%;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 100%;\r\n    height: 800px;\r\n    background: radial-gradient(ellipse at top center, rgba(79, 70, 229, 0.12) 0%, transparent 70%);\r\n    pointer-events: none;\r\n    z-index: 0;\r\n  }\r\n\r\n  \/* --- Executive Header Typography --- *\/\r\n  .aspire-header-text {\r\n    text-align: center;\r\n    position: relative;\r\n    z-index: 10;\r\n    margin-bottom: 60px;\r\n    width: 100%;\r\n    max-width: 800px;\r\n  }\r\n\r\n  .aspire-header-text .entry-title {\r\n    font-size: 56px;\r\n    font-weight: 800;\r\n    letter-spacing: -1.5px;\r\n    color: #ffffff;\r\n    margin-bottom: 16px;\r\n    line-height: 1.1;\r\n  }\r\n\r\n  .aspire-header-text h2 {\r\n    font-size: 18px;\r\n    font-weight: 400;\r\n    color: #94a3b8; \/* Muted Slate *\/\r\n    line-height: 1.6;\r\n  }\r\n\r\n  \/* --- CSS Grid Dashboard --- *\/\r\n  .aspire-visual-cluster {\r\n    position: relative;\r\n    max-width: 1440px; \r\n    width: 100%;\r\n    margin: 0 auto 60px;\r\n    display: grid;\r\n    grid-template-columns: 280px 1fr 280px;\r\n    gap: 40px;\r\n    align-items: center;\r\n    z-index: 10;\r\n  }\r\n\r\n  .aspire-center-image {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .aspire-center-image img {\r\n    width: 100%;\r\n    height: auto;\r\n    object-fit: cover;\r\n    border-radius: 20px;\r\n    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.6);\r\n    transform: scale(1.05); \r\n  }\r\n\r\n  \/* --- Side Cards (White Premium Styling) --- *\/\r\n  .aspire-grid-card {\r\n    background: #ffffff; \/* Changed to White *\/\r\n    border: 1px solid #e2e8f0; \/* Light border *\/\r\n    border-radius: 16px;\r\n    padding: 40px 30px;\r\n    width: 100%;\r\n    height: auto;\r\n    box-shadow: 0 15px 35px rgba(0,0,0,0.2); \/* Softer shadow for white card *\/\r\n    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\r\n  }\r\n\r\n  .aspire-grid-card:hover {\r\n    border-color: #818cf8;\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 20px 40px rgba(0,0,0,0.3);\r\n  }\r\n\r\n  \/* Left Card Content *\/\r\n  .aspire-icon-circle {\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: 12px;\r\n    background: rgba(79, 70, 229, 0.1);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border: 1px solid rgba(79, 70, 229, 0.2);\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .aspire-quote {\r\n    font-size: 14px;\r\n    color: #1e293b; \/* Dark text for white background *\/\r\n    line-height: 1.6;\r\n    margin-bottom: 16px;\r\n    font-style: italic;\r\n  }\r\n\r\n  .aspire-author {\r\n    font-size: 14px;\r\n    color: #4f46e5; \/* Vibrant indigo *\/\r\n    font-weight: 700;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .aspire-author span {\r\n    display: block;\r\n    font-size: 12px;\r\n    color: #64748b; \/* Slate text *\/\r\n    font-weight: 400;\r\n    margin-top: 4px;\r\n  }\r\n\r\n  .aspire-explore-link {\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color: #475569; \/* Darker link color *\/\r\n    text-decoration: none;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  .aspire-explore-link:hover {\r\n    color: #ec4899; \/* Pink hover effect *\/\r\n  }\r\n\r\n  \/* Right Card Content *\/\r\n  .aspire-grid-card.right-card {\r\n    text-align: center;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .aspire-avatar-group {\r\n    display: flex;\r\n    justify-content: center;\r\n    margin-bottom: 24px;\r\n  }\r\n  \r\n  .aspire-avatar {\r\n    width: 46px;\r\n    height: 46px;\r\n    border-radius: 50%;\r\n    border: 2px solid #ffffff; \/* White border to match the card *\/\r\n    background: #f1f5f9;\r\n    margin-left: -12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  .aspire-avatar:first-child { margin-left: 0; background: #e2e8f0; }\r\n  .aspire-avatar:last-child { background: linear-gradient(135deg, #4f46e5, #ec4899); }\r\n\r\n  .aspire-stat-number {\r\n    font-size: 48px;\r\n    font-weight: 800;\r\n    color: #0f172a; \/* Dark text for stat *\/\r\n    margin-bottom: 8px;\r\n    line-height: 1;\r\n    letter-spacing: -1px;\r\n  }\r\n\r\n  .aspire-stat-label {\r\n    font-size: 15px;\r\n    color: #334155; \/* Darker label *\/\r\n    font-weight: 600;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .aspire-stat-subtext {\r\n    font-size: 13px;\r\n    color: #64748b; \/* Slate subtext *\/\r\n    line-height: 1.6;\r\n  }\r\n\r\n  \/* --- Executive Form Section --- *\/\r\n  .aspire-form-wrapper {\r\n    display: flex;\r\n    justify-content: center;\r\n    position: relative;\r\n    z-index: 10;\r\n    margin-bottom: 60px;\r\n    width: 100%;\r\n  }\r\n\r\n  .aspire-case-study-wrapper .custom-banner-form {\r\n    background: #ffffff; \r\n    padding: 6px; \r\n    border-radius: 8px;\r\n    display: inline-block;\r\n    max-width: 750px;\r\n    width: 100%;\r\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);\r\n  }\r\n\r\n  .aspire-case-study-wrapper .emailwrap {\r\n    display: flex;\r\n    gap: 6px;\r\n    align-items: stretch;\r\n  }\r\n\r\n  .aspire-case-study-wrapper .leftcol {\r\n    flex: 1;\r\n    position: relative;\r\n  }\r\n  \r\n  .aspire-case-study-wrapper .rightcol {\r\n    display: flex;\r\n    align-items: stretch;\r\n  }\r\n\r\n  .aspire-case-study-wrapper .email-field {\r\n    width: 100%;\r\n    padding: 18px 20px 18px 50px;\r\n    background-color: #ffffff;\r\n    color: #0f172a;\r\n    border: none;\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n    outline: none;\r\n    border-radius: 6px;\r\n  }\r\n\r\n  .aspire-case-study-wrapper .email-field::placeholder {\r\n    color: #94a3b8;\r\n  }\r\n\r\n  .aspire-case-study-wrapper .globe-icon {\r\n    position: absolute;\r\n    left: 20px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    width: 18px;\r\n    filter: brightness(0) opacity(0.4); \r\n  }\r\n\r\n  .aspire-case-study-wrapper .email-submit {\r\n    background: linear-gradient(135deg, #4f46e5, #ec4899);\r\n    color: #ffffff;\r\n    border: none;\r\n    padding: 0 40px;\r\n    height: 100%;\r\n    min-height: 54px; \r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    border-radius: 6px;\r\n    cursor: pointer;\r\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n    white-space: nowrap;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .aspire-case-study-wrapper .email-submit:hover {\r\n    transform: translateY(-1px);\r\n    box-shadow: 0 6px 20px rgba(236, 72, 153, 0.4);\r\n  }\r\n\r\n  \/* --- Premium Filter Dropdowns --- *\/\r\n  .aspire-case-study-wrapper .wrap-case-study-filter {\r\n    max-width: 1200px;\r\n    width: 100%;\r\n    position: relative;\r\n    z-index: 10;\r\n  }\r\n\r\n  .aspire-case-study-wrapper .custom-filter-case-study {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 16px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .aspire-case-study-wrapper .filter {\r\n    flex: 1;\r\n    min-width: 220px;\r\n  }\r\n\r\n  .aspire-case-study-wrapper .filter_select {\r\n    width: 100%;\r\n    padding: 16px 20px;\r\n    border: 1px solid rgba(148, 163, 184, 0.2);\r\n    border-radius: 8px;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    color: #e2e8f0; \r\n    background-color: #0f172a; \r\n    cursor: pointer;\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n    transition: all 0.2s ease;\r\n    background-image: url(\"data:image\/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2394a3b8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E\");\r\n    background-repeat: no-repeat;\r\n    background-position: right 16px top 50%;\r\n    background-size: 16px auto;\r\n  }\r\n\r\n  .aspire-case-study-wrapper .filter_select:hover {\r\n    border-color: rgba(148, 163, 184, 0.4);\r\n    background-color: rgba(30, 41, 59, 0.8);\r\n  }\r\n\r\n  .aspire-case-study-wrapper .filter_select:focus {\r\n    outline: none;\r\n    border-color: #4f46e5; \r\n  }\r\n\r\n  .aspire-case-study-wrapper .filter_select option {\r\n    background-color: #0f172a; \r\n    color: #ffffff;\r\n  }\r\n\r\n  \/* =========================================\r\n     MOBILE REFINEMENTS (THE FIXES)\r\n     ========================================= *\/\r\n  @media (max-width: 1024px) {\r\n    .aspire-case-study-wrapper {\r\n      padding: 60px 15px 80px; \r\n    }\r\n    \r\n    .aspire-header-text .entry-title {\r\n      font-size: 34px; \r\n      letter-spacing: -0.5px;\r\n    }\r\n    \r\n    .aspire-header-text h2 {\r\n      font-size: 14px; \r\n    }\r\n\r\n    .aspire-visual-cluster {\r\n      display: flex; \r\n      flex-direction: column;\r\n      gap: 20px; \r\n      margin-bottom: 40px;\r\n    }\r\n    \r\n    .aspire-center-image {\r\n      order: -1; \r\n      width: 100%;\r\n    }\r\n    \r\n    .aspire-center-image img {\r\n      transform: scale(1); \r\n    }\r\n    \r\n    .aspire-grid-card {\r\n      padding: 24px 20px; \r\n    }\r\n\r\n    .aspire-quote {\r\n      font-size: 13px;\r\n    }\r\n    .aspire-stat-number {\r\n      font-size: 36px; \r\n    }\r\n\r\n    .aspire-case-study-wrapper .emailwrap {\r\n      flex-direction: column;\r\n    }\r\n    .aspire-case-study-wrapper .rightcol {\r\n      width: 100%;\r\n    }\r\n    .aspire-case-study-wrapper .email-submit {\r\n      width: 100%;\r\n      padding: 16px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"aspire-case-study-wrapper\">\r\n  \r\n  <!-- Header Typography -->\r\n  <div class=\"aspire-header-text gs-reveal-header\">\r\n    <h1 class=\"entry-title\">Real Results, Real Growth<\/h1>\r\n    <h2>Team Up With Aspire Digital Solutions \u2013 The Next Amazing Case Study Could Be Yours!<\/h2>\r\n  <\/div>\r\n\r\n  <!-- Visual Dashboard Grid -->\r\n  <div class=\"aspire-visual-cluster\">\r\n    \r\n    <!-- Left Card (Social Proof) -->\r\n    <div class=\"aspire-grid-card gs-grid-item\">\r\n      <div class=\"aspire-icon-circle\">\r\n        <!-- SVG Trending Icon -->\r\n        <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#4f46e5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <polyline points=\"22 7 13.5 15.5 8.5 10.5 2 17\"><\/polyline>\r\n          <polyline points=\"16 7 22 7 22 13\"><\/polyline>\r\n        <\/svg>\r\n      <\/div>\r\n      <p class=\"aspire-quote\">\"Aspire Digital Solutions transformed our online presence. Our website traffic increased significantly, and our sales skyrocketed within months.\"<\/p>\r\n      <p class=\"aspire-author\">- Ramesh S. <span>CEO, Mysore Furniture Mart<\/span><\/p>\r\n      <a href=\"#\" class=\"aspire-explore-link\">Explore Case Studies \r\n        <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- Center Main Image -->\r\n    <div class=\"aspire-center-image gs-grid-item\">\r\n      <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/08\/case-study-Photoroom.webp\" alt=\"Aspire Digital Solutions Case Studies Dashboard\">\r\n    <\/div>\r\n\r\n    <!-- Right Card (Statistics) -->\r\n    <div class=\"aspire-grid-card right-card gs-grid-item\">\r\n      <div class=\"aspire-avatar-group\">\r\n        <!-- User Avatar 1 -->\r\n        <div class=\"aspire-avatar\">\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#64748b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"width: 20px; height: 20px;\">\r\n            <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\r\n          <\/svg>\r\n        <\/div>\r\n        <!-- User Avatar 2 -->\r\n        <div class=\"aspire-avatar\">\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#64748b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"width: 20px; height: 20px;\">\r\n            <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\r\n          <\/svg>\r\n        <\/div>\r\n        <!-- User Avatar 3 -->\r\n        <div class=\"aspire-avatar\">\r\n           <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"width: 20px; height: 20px;\">\r\n            <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\r\n          <\/svg>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"aspire-stat-number\">300<span style=\"color:#ec4899\">%<\/span><\/div>\r\n      <div class=\"aspire-stat-label\">Growth in Organic Traffic<\/div>\r\n      <div class=\"aspire-stat-subtext\">Proven track record with 500+ Local businesses and industry leaders.<\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- Form Section -->\r\n  <div class=\"aspire-form-wrapper gs-reveal-form\">\r\n    <div class=\"custom-banner-form\">\r\n      <div class=\"emailwrap\">\r\n        <div class=\"leftcol\">\r\n          <input type=\"text\" id=\"email-field\" placeholder=\"Enter Website Address\" class=\"email-field lazyloaded\">\r\n          <img decoding=\"async\" alt=\"globe-icon\" class=\"globe-icon lazyloaded\" src=\"https:\/\/cdn-icggj.nitrocdn.com\/AphBmykuaGyxZijWArNhxcCiPzVdYZGT\/assets\/images\/optimized\/rev-e17c18f\/thriveagency.com\/files\/email-globe-icon.png\">\r\n          <div class=\"urlError\" style=\"display: none;\"><\/div>\r\n        <\/div>\r\n       <div class=\"rightcol\">\r\n  <a href=\"https:\/\/aspiredigitalsolutions.in\/ar\/contact-us\/\" id=\"email-submit\" class=\"email-submit lazyloaded\" style=\"text-decoration: none;\">Get Free Audit<\/a>\r\n<\/div>\r\n      <\/div>\r\n    <\/div> \r\n  <\/div>\r\n\r\n  <!-- Filters Section -->\r\n  <div id=\"page-heading\" class=\"entry-header wrap-case-study-filter\">\r\n    <div class=\"custom-filter-case-study gs-filter-wrapper\">\r\n      \r\n      <!-- Industry Filter -->\r\n      <div class=\"filter gs-filter-item\">\r\n        <select class=\"filter_select industry\" aria-label=\"Filter by Industry\" data-filter-group=\"Industry\">\r\n          <option data-filter=\"*\">All Industries<\/option>\r\n          <option data-filter=\".real-estate\">Real Estate Businesses<\/option>\r\n          <option data-filter=\".healthcare\">Healthcare & Clinics<\/option>\r\n          <option data-filter=\".ecommerce\">E-Commerce Brands<\/option>\r\n          <option data-filter=\".education\">Education & Coaching<\/option>\r\n          <option data-filter=\".hospitality\">Hospitality & Travel<\/option>\r\n          <option data-filter=\".local-seo\">Local Business SEO<\/option>\r\n        <\/select>\r\n      <\/div>\r\n\r\n      <!-- Services Filter -->\r\n      <div class=\"filter gs-filter-item\">\r\n        <select class=\"filter_select filter_select_dropdown option optionService\" aria-label=\"Filter by Service\" data-filter-group=\"Services\">\r\n          <option data-filter=\"*\">All Services<\/option>\r\n          <option class=\"optionGroup\" data-filter=\".seo\">SEO Optimization<\/option>\r\n          <option class=\"optionGroup\" data-filter=\".ppc\">Google Ads (PPC)<\/option>\r\n          <option class=\"optionGroup\" data-filter=\".web-dev\">Website Development<\/option>\r\n          <option class=\"optionGroup\" data-filter=\".meta-ads\">Meta Ads<\/option>\r\n          <option class=\"optionGroup\" data-filter=\".social-media\">Social Media Marketing<\/option>\r\n          <option class=\"optionGroup\" data-filter=\".branding\">Branding Strategy<\/option>\r\n          <option class=\"optionGroup\" data-filter=\".email-marketing\">Email Marketing<\/option>\r\n          <option class=\"optionGroup\" data-filter=\".graphic-design\">Graphic Designing<\/option>\r\n          <option class=\"optionGroup\" data-filter=\".content-marketing\">Content Marketing<\/option>\r\n        <\/select>\r\n      <\/div>\r\n\r\n      <!-- Status Filter -->\r\n      <div class=\"filter gs-filter-item\">\r\n        <select class=\"filter_select filter_select_dropdown option optionStatus\" aria-label=\"Filter by Status\" data-filter-group=\"Status\">\r\n          <option data-filter=\"*\">All Statuses<\/option>\r\n          <option data-filter=\".startup\">Startup<\/option>\r\n          <option data-filter=\".established\">Established Enterprise<\/option>\r\n          <option data-filter=\".local\">Local Business<\/option>\r\n        <\/select>\r\n      <\/div>\r\n\r\n      <!-- Audience Filter -->\r\n      <div class=\"filter gs-filter-item\">\r\n        <select class=\"filter_select filter_select_dropdown option optionAudience\" aria-label=\"Filter by Audience\" data-filter-group=\"Audience\">\r\n          <option data-filter=\"*\">All Audiences<\/option>\r\n          <option data-filter=\".b2b\">B2B<\/option>\r\n          <option data-filter=\".b2c\">B2C<\/option>\r\n          <option data-filter=\".b2c-b2b\">B2C &amp; B2B<\/option>\r\n        <\/select>\r\n      <\/div>\r\n      \r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    \r\n    \/\/ Updated GSAP config\r\n    const animationConfig = {\r\n      header: { y: 20, opacity: 0, duration: 1, ease: \"power2.out\", stagger: 0.15 },\r\n      gridItems: { y: 30, opacity: 0, duration: 0.8, ease: \"power2.out\", stagger: 0.2 }, \r\n      form: { y: 15, opacity: 0, duration: 0.8, ease: \"power2.out\" },\r\n      filters: { y: 15, opacity: 0, duration: 0.6, ease: \"power2.out\", stagger: 0.1 }\r\n    };\r\n\r\n    const tl = gsap.timeline();\r\n\r\n    \/\/ Sequence animations\r\n    tl.from(\".gs-reveal-header > *\", animationConfig.header)\r\n      .from(\".gs-grid-item\", animationConfig.gridItems, \"-=0.6\")\r\n      .from(\".gs-reveal-form\", animationConfig.form, \"-=0.4\")\r\n      .from(\".gs-filter-item\", animationConfig.filters, \"-=0.4\");\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ad59447 e-con-full e-flex e-con e-parent\" data-id=\"ad59447\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d09e295 elementor-widget elementor-widget-shortcode\" data-id=\"d09e295\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n        <!-- Google Fonts & GSAP Core -->\n        <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n        <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n        \n        <style>\n            .aspire-modern-portfolio { font-family: 'Montserrat', sans-serif; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; background-color: #f8fafc; padding: 100px 40px; box-sizing: border-box; }\n            .aspire-modern-portfolio * { box-sizing: border-box; }\n            .aspire-editorial-grid { max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }\n            .aspire-case-card { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 24px; display: flex; text-decoration: none; overflow: hidden; box-shadow: 0 4px 20px rgba(15, 23, 42, 0.03); transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-color 0.4s ease; transform: translateZ(0); }\n            .aspire-case-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(79, 70, 229, 0.08); border-color: #818cf8; }\n            .aspire-card-img-wrap { overflow: hidden; position: relative; }\n            .aspire-card-img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); }\n            .aspire-case-card:hover .aspire-card-img-wrap img { transform: scale(1.05); }\n            .aspire-card-content { display: flex; flex-direction: column; justify-content: center; }\n            .aspire-stat-number { font-size: 56px; font-weight: 800; line-height: 1; margin-bottom: 8px; letter-spacing: -1.5px; background: linear-gradient(135deg, #4f46e5, #ec4899); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\n            .aspire-stat-label { font-size: 13px; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 24px; display: block; }\n            .aspire-case-title { font-size: 22px; font-weight: 700; color: #0f172a; line-height: 1.3; margin-bottom: 16px; }\n            .aspire-card-link { font-size: 15px; font-weight: 600; color: #4f46e5; display: inline-flex; align-items: center; gap: 8px; margin-top: auto; }\n            .aspire-card-link svg { width: 18px; height: 18px; transition: transform 0.3s ease; }\n            .aspire-case-card:hover .aspire-card-link svg { transform: translateX(6px); }\n\n            \/* Card Variations *\/\n            .card-vertical { flex-direction: column; grid-column: span 1; }\n            .card-vertical .aspire-card-img-wrap { height: 240px; margin: 12px 12px 0 12px; border-radius: 16px; }\n            .card-vertical .aspire-card-content { padding: 32px 24px; flex: 1; }\n            .card-vertical .aspire-stat-number { font-size: 48px; }\n\n            .card-horizontal { flex-direction: row; grid-column: span 2; }\n            .card-horizontal .aspire-card-img-wrap { flex: 0 0 50%; margin: 12px 0 12px 12px; border-radius: 16px; }\n            .card-horizontal .aspire-card-content { flex: 0 0 50%; padding: 40px; }\n\n            .card-hero { flex-direction: row; grid-column: span 3; background: #0f172a; color: #ffffff; border: none; }\n            .card-hero .aspire-card-img-wrap { flex: 0 0 40%; margin: 12px 12px 12px 0; border-radius: 16px; }\n            .card-hero .aspire-card-content { flex: 0 0 60%; padding: 60px; }\n            .card-hero .aspire-case-title { color: #ffffff; font-size: 32px; }\n            .card-hero .aspire-stat-label { color: #cbd5e1; }\n            .card-hero .aspire-card-link { color: #f8fafc; }\n\n            \/* Responsive *\/\n            @media (max-width: 1024px) {\n                .aspire-editorial-grid { grid-template-columns: repeat(2, 1fr); }\n                .card-hero, .card-horizontal { grid-column: span 2; }\n            }\n            @media (max-width: 768px) {\n                .aspire-modern-portfolio { padding: 60px 16px; }\n                .aspire-editorial-grid { grid-template-columns: 1fr; gap: 24px; }\n                .card-horizontal, .card-hero, .card-vertical { grid-column: span 1; flex-direction: column; }\n                .card-horizontal .aspire-card-img-wrap, .card-hero .aspire-card-img-wrap { flex: none; height: 240px; margin: 12px 12px 0 12px; }\n                .card-horizontal .aspire-card-content, .card-hero .aspire-card-content { padding: 32px 24px; }\n                .aspire-stat-number, .card-vertical .aspire-stat-number { font-size: 42px; }\n                .card-hero .aspire-case-title { font-size: 22px; }\n            }\n        <\/style>\n\n        <div class=\"aspire-modern-portfolio\">\n            <div class=\"aspire-editorial-grid\">\n                                \n                <a href=\"https:\/\/aspiredigitalsolutions.in\/ar\/success-story\/home-whiz-services\/\" class=\"aspire-case-card card-horizontal gs-reveal-card\">\n                    \n                                        <div class=\"aspire-card-img-wrap\">\n                        <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/08\/Local-Search-Visibility-Analysis-1024x683.webp\" alt=\"Home Whiz Services Case Study\">\n                    <\/div>\n                                        \n                    <div class=\"aspire-card-content\">\n                        \n                        <!-- Conditionally render the stat number if it exists -->\n                        \n                        <!-- Conditionally render the stat label if it exists -->\n                                                \n                        <h4 class=\"aspire-case-title\">Home Whiz Services Case Study<\/h4>\n                        <div class=\"aspire-card-link\">\n                            Read Case Study\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n                        <\/div>\n                    <\/div>\n\n                                        \n                <\/a>\n\n                                \n                <a href=\"https:\/\/aspiredigitalsolutions.in\/ar\/success-story\/aspire-appliance-services\/\" class=\"aspire-case-card card-vertical gs-reveal-card\">\n                    \n                                        <div class=\"aspire-card-img-wrap\">\n                        <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/08\/Google-Business-Performance-Review-1024x683.webp\" alt=\"Aspire Appliance Services Case Study\">\n                    <\/div>\n                                        \n                    <div class=\"aspire-card-content\">\n                        \n                        <!-- Conditionally render the stat number if it exists -->\n                        \n                        <!-- Conditionally render the stat label if it exists -->\n                                                \n                        <h4 class=\"aspire-case-title\">Aspire Appliance Services Case Study<\/h4>\n                        <div class=\"aspire-card-link\">\n                            Read Case Study\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n                        <\/div>\n                    <\/div>\n\n                                        \n                <\/a>\n\n                            <\/div>\n        <\/div>\n\n        <script>\n            document.addEventListener(\"DOMContentLoaded\", () => {\n                if (typeof gsap !== 'undefined') {\n                    const cardAnimationConfig = { y: 50, opacity: 0, duration: 1, ease: \"power3.out\", stagger: 0.15, scrollTrigger: { trigger: \".aspire-editorial-grid\", start: \"top 85%\" } };\n                    if (typeof ScrollTrigger !== \"undefined\") {\n                        gsap.registerPlugin(ScrollTrigger);\n                        gsap.from(\".gs-reveal-card\", cardAnimationConfig);\n                    } else {\n                        gsap.from(\".gs-reveal-card\", { ...cardAnimationConfig, delay: 0.3 });\n                    }\n                }\n            });\n        <\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Real Results, Real Growth Team Up With Aspire Digital Solutions \u2013 The Next Amazing Case Study Could Be Yours! &#8220;Aspire Digital Solutions transformed our online presence. Our website traffic increased significantly, and our sales skyrocketed within months.&#8221; &#8211; Ramesh S. CEO, Mysore Furniture Mart Explore Case Studies 300% Growth in Organic Traffic Proven track record [&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":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-221","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/pages\/221","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/comments?post=221"}],"version-history":[{"count":15,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/pages\/221\/revisions"}],"predecessor-version":[{"id":21568,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/pages\/221\/revisions\/21568"}],"wp:attachment":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/media?parent=221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}