{"id":21435,"date":"2026-08-26T12:33:31","date_gmt":"2026-08-26T07:03:31","guid":{"rendered":"https:\/\/aspiredigitalsolutions.in\/?page_id=21435"},"modified":"2026-09-03T17:02:32","modified_gmt":"2026-09-03T11:32:32","slug":"sample-2","status":"publish","type":"page","link":"https:\/\/aspiredigitalsolutions.in\/ar\/sample-2\/","title":{"rendered":"sample"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"21435\" class=\"elementor elementor-21435\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-268d11b e-flex e-con-boxed e-con e-parent\" data-id=\"268d11b\" 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<div class=\"elementor-element elementor-element-9e35ade e-flex e-con-boxed e-con e-parent\" data-id=\"9e35ade\" 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-a7ff02d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"a7ff02d\" 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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dafb723 e-flex e-con-boxed e-con e-parent\" data-id=\"dafb723\" 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-d9f886e elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"d9f886e\" 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<style>\r\n\/* =========================================================\r\n   PREMIUM WATERVIEW CASE STUDY\r\n   ELEMENTOR HTML WIDGET\r\n   ========================================================= *\/\r\n\r\n.wv-pro {\r\n  --bg:#F8F9FC;\r\n  --surface:#FFFFFF;\r\n  --surface-soft:#F0F4F9;\r\n\r\n  --navy:#111A33;\r\n  --muted:#5B7599;\r\n  --border:#DDE5EF;\r\n\r\n  --blue:#536BFF;\r\n  --purple:#9A5BE8;\r\n  --pink:#FF5B87;\r\n\r\n  --gradient:\r\n    linear-gradient(\r\n      135deg,\r\n      #536BFF 0%,\r\n      #9A5BE8 50%,\r\n      #FF5B87 100%\r\n    );\r\n\r\n  --gradient-soft:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(83,107,255,.09),\r\n      rgba(154,91,232,.07),\r\n      rgba(255,91,135,.06)\r\n    );\r\n\r\n  --font-body:\r\n    Inter,\r\n    \"Helvetica Neue\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n  --font-heading:\r\n    \"Playfair Display\",\r\n    Georgia,\r\n    serif;\r\n\r\n  --radius-sm:14px;\r\n  --radius-md:20px;\r\n  --radius-lg:28px;\r\n  --radius-xl:40px;\r\n\r\n  --shadow-soft:\r\n    0 10px 30px rgba(17,26,51,.05);\r\n\r\n  --shadow:\r\n    0 22px 60px rgba(17,26,51,.09);\r\n\r\n  --shadow-hover:\r\n    0 28px 75px rgba(17,26,51,.13);\r\n\r\n  --transition:\r\n    300ms cubic-bezier(.2,.8,.2,1);\r\n\r\n  position:relative;\r\n  width:100%;\r\n  overflow:hidden;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 93% 2%,\r\n      rgba(83,107,255,.10),\r\n      transparent 24%\r\n    ),\r\n    radial-gradient(\r\n      circle at 5% 30%,\r\n      rgba(154,91,232,.06),\r\n      transparent 27%\r\n    ),\r\n    var(--bg);\r\n\r\n  color:var(--navy);\r\n\r\n  font-family:var(--font-body);\r\n  font-size:16px;\r\n  line-height:1.7;\r\n\r\n  -webkit-font-smoothing:antialiased;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESET\r\n   ========================================================= *\/\r\n\r\n.wv-pro *,\r\n.wv-pro *::before,\r\n.wv-pro *::after {\r\n  box-sizing:border-box;\r\n}\r\n\r\n.wv-pro h1,\r\n.wv-pro h2,\r\n.wv-pro h3,\r\n.wv-pro h4,\r\n.wv-pro p {\r\n  margin-top:0;\r\n}\r\n\r\n.wv-pro img {\r\n  display:block;\r\n  max-width:100%;\r\n}\r\n\r\n.wv-pro a {\r\n  text-decoration:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GLOBAL CONTAINER\r\n   ========================================================= *\/\r\n\r\n.wv-container {\r\n  width:min(1280px, calc(100% - 48px));\r\n  margin:0 auto;\r\n}\r\n\r\n.wv-section {\r\n  position:relative;\r\n  padding:120px 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TYPOGRAPHY\r\n   ========================================================= *\/\r\n\r\n.wv-label {\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:9px;\r\n\r\n  width:fit-content;\r\n\r\n  margin-bottom:20px;\r\n  padding:8px 13px;\r\n\r\n  color:var(--blue);\r\n\r\n  background:rgba(255,255,255,.80);\r\n\r\n  border:1px solid rgba(83,107,255,.13);\r\n  border-radius:999px;\r\n\r\n  box-shadow:\r\n    0 6px 18px rgba(17,26,51,.025);\r\n\r\n  font-size:11px;\r\n  font-weight:800;\r\n\r\n  line-height:1;\r\n\r\n  letter-spacing:.10em;\r\n\r\n  text-transform:uppercase;\r\n}\r\n\r\n.wv-label-dot {\r\n  width:7px;\r\n  height:7px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:var(--gradient);\r\n\r\n  box-shadow:\r\n    0 0 0 4px rgba(83,107,255,.08);\r\n}\r\n\r\n\r\n.wv-h1 {\r\n  max-width:820px;\r\n\r\n  margin:0 0 28px;\r\n\r\n  color:var(--navy);\r\n\r\n  font-family:var(--font-heading);\r\n  font-size:clamp(50px,6.4vw,82px);\r\n  font-weight:600;\r\n\r\n  line-height:.98;\r\n  letter-spacing:-.045em;\r\n}\r\n\r\n\r\n.wv-h2 {\r\n  max-width:900px;\r\n\r\n  margin:0 0 22px;\r\n\r\n  color:var(--navy);\r\n\r\n  font-family:var(--font-heading);\r\n  font-size:clamp(38px,4.4vw,58px);\r\n  font-weight:600;\r\n\r\n  line-height:1.08;\r\n  letter-spacing:-.035em;\r\n}\r\n\r\n\r\n.wv-h3 {\r\n  margin:0 0 10px;\r\n\r\n  color:var(--navy);\r\n\r\n  font-size:21px;\r\n  font-weight:750;\r\n\r\n  line-height:1.3;\r\n  letter-spacing:-.02em;\r\n}\r\n\r\n\r\n.wv-body {\r\n  max-width:690px;\r\n\r\n  margin:0;\r\n\r\n  color:var(--muted);\r\n\r\n  font-size:16px;\r\n  line-height:1.75;\r\n}\r\n\r\n\r\n.wv-gradient-text {\r\n  display:inline;\r\n\r\n  background:var(--gradient);\r\n\r\n  -webkit-background-clip:text;\r\n  background-clip:text;\r\n\r\n  color:transparent;\r\n\r\n  -webkit-text-fill-color:transparent;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SVG ICONS\r\n   ========================================================= *\/\r\n\r\n.wv-icon {\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  flex-shrink:0;\r\n\r\n  width:46px;\r\n  height:46px;\r\n\r\n  color:var(--blue);\r\n\r\n  background:var(--surface-soft);\r\n\r\n  border:1px solid rgba(83,107,255,.08);\r\n  border-radius:14px;\r\n}\r\n\r\n.wv-icon svg {\r\n  width:21px;\r\n  height:21px;\r\n\r\n  fill:none;\r\n\r\n  stroke:currentColor;\r\n  stroke-width:1.8;\r\n\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n}\r\n\r\n\r\n.wv-icon-gradient {\r\n  color:#fff;\r\n\r\n  background:var(--gradient);\r\n\r\n  border:none;\r\n\r\n  box-shadow:\r\n    0 10px 28px rgba(83,107,255,.18);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON\r\n   ========================================================= *\/\r\n\r\n.wv-btn {\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  gap:10px;\r\n\r\n  min-height:54px;\r\n\r\n  padding:15px 24px;\r\n\r\n  color:#fff !important;\r\n\r\n  background:var(--gradient);\r\n\r\n  border-radius:999px;\r\n\r\n  box-shadow:\r\n    0 14px 32px rgba(83,107,255,.23);\r\n\r\n  font-size:14px;\r\n  font-weight:750;\r\n\r\n  transition:\r\n    transform var(--transition),\r\n    box-shadow var(--transition);\r\n}\r\n\r\n\r\n.wv-btn:hover {\r\n  color:#fff !important;\r\n\r\n  transform:translateY(-3px);\r\n\r\n  box-shadow:\r\n    0 22px 45px rgba(83,107,255,.30);\r\n}\r\n\r\n\r\n.wv-btn svg {\r\n  width:17px;\r\n  height:17px;\r\n\r\n  fill:none;\r\n\r\n  stroke:currentColor;\r\n  stroke-width:2;\r\n\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n   ========================================================= *\/\r\n\r\n.wv-hero {\r\n  padding-top:90px;\r\n  padding-bottom:55px;\r\n}\r\n\r\n\r\n.wv-hero-layout {\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,.88fr)\r\n    minmax(0,1.12fr);\r\n\r\n  gap:70px;\r\n\r\n  align-items:center;\r\n}\r\n\r\n\r\n.wv-hero .wv-body {\r\n  max-width:610px;\r\n\r\n  margin-bottom:30px;\r\n\r\n  font-size:17px;\r\n}\r\n\r\n\r\n.wv-meta-row {\r\n  display:grid;\r\n\r\n  grid-template-columns:repeat(3,1fr);\r\n\r\n  gap:12px;\r\n\r\n  margin-top:38px;\r\n}\r\n\r\n\r\n.wv-meta-card {\r\n  display:flex;\r\n\r\n  gap:12px;\r\n\r\n  align-items:center;\r\n\r\n  min-width:0;\r\n\r\n  padding:14px;\r\n\r\n  background:rgba(255,255,255,.70);\r\n\r\n  border:1px solid var(--border);\r\n  border-radius:17px;\r\n\r\n  backdrop-filter:blur(12px);\r\n}\r\n\r\n\r\n.wv-meta-card .wv-icon {\r\n  width:38px;\r\n  height:38px;\r\n\r\n  border-radius:11px;\r\n}\r\n\r\n\r\n.wv-meta-card .wv-icon svg {\r\n  width:18px;\r\n  height:18px;\r\n}\r\n\r\n\r\n.wv-meta-title {\r\n  display:block;\r\n\r\n  margin-bottom:2px;\r\n\r\n  color:var(--muted);\r\n\r\n  font-size:10px;\r\n  font-weight:750;\r\n\r\n  line-height:1.2;\r\n\r\n  letter-spacing:.06em;\r\n\r\n  text-transform:uppercase;\r\n}\r\n\r\n\r\n.wv-meta-value {\r\n  display:block;\r\n\r\n  color:var(--navy);\r\n\r\n  font-size:13px;\r\n  font-weight:750;\r\n\r\n  line-height:1.35;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO MOCKUP\r\n   ========================================================= *\/\r\n\r\n.wv-hero-visual {\r\n  position:relative;\r\n\r\n  isolation:isolate;\r\n}\r\n\r\n\r\n.wv-hero-glow {\r\n  position:absolute;\r\n  z-index:-1;\r\n\r\n  width:68%;\r\n  height:72%;\r\n\r\n  top:-7%;\r\n  right:-5%;\r\n\r\n  background:var(--gradient);\r\n\r\n  border-radius:50%;\r\n\r\n  opacity:.17;\r\n\r\n  filter:blur(70px);\r\n}\r\n\r\n\r\n.wv-device {\r\n  position:relative;\r\n\r\n  padding:9px;\r\n\r\n  background:rgba(255,255,255,.83);\r\n\r\n  border:1px solid rgba(221,229,239,.96);\r\n  border-radius:30px;\r\n\r\n  box-shadow:\r\n    0 35px 90px rgba(17,26,51,.14);\r\n\r\n  backdrop-filter:blur(18px);\r\n\r\n  overflow:hidden;\r\n}\r\n\r\n\r\n.wv-browser-bar {\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  height:39px;\r\n\r\n  padding:0 11px;\r\n}\r\n\r\n\r\n.wv-window-dots {\r\n  display:flex;\r\n  gap:6px;\r\n}\r\n\r\n\r\n.wv-window-dots span {\r\n  width:7px;\r\n  height:7px;\r\n\r\n  background:#D4DCEA;\r\n\r\n  border-radius:50%;\r\n}\r\n\r\n\r\n.wv-address {\r\n  width:36%;\r\n  height:6px;\r\n\r\n  margin:auto;\r\n\r\n  background:#EEF1F6;\r\n\r\n  border-radius:999px;\r\n}\r\n\r\n\r\n.wv-device img {\r\n  width:100%;\r\n\r\n  border-radius:21px;\r\n}\r\n\r\n\r\n.wv-floating-card {\r\n  position:absolute;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:10px;\r\n\r\n  right:-20px;\r\n  bottom:30px;\r\n\r\n  padding:13px 16px;\r\n\r\n  background:rgba(255,255,255,.92);\r\n\r\n  border:1px solid var(--border);\r\n  border-radius:16px;\r\n\r\n  box-shadow:\r\n    0 18px 45px rgba(17,26,51,.11);\r\n\r\n  backdrop-filter:blur(16px);\r\n}\r\n\r\n\r\n.wv-floating-card strong {\r\n  display:block;\r\n\r\n  font-size:12px;\r\n\r\n  line-height:1.3;\r\n}\r\n\r\n\r\n.wv-floating-card small {\r\n  display:block;\r\n\r\n  color:var(--muted);\r\n\r\n  font-size:10px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO METRICS\r\n   ========================================================= *\/\r\n\r\n.wv-hero-metrics {\r\n  display:grid;\r\n\r\n  grid-template-columns:repeat(3,1fr);\r\n\r\n  margin-top:75px;\r\n\r\n  background:rgba(255,255,255,.80);\r\n\r\n  border:1px solid var(--border);\r\n  border-radius:26px;\r\n\r\n  box-shadow:var(--shadow-soft);\r\n\r\n  backdrop-filter:blur(12px);\r\n}\r\n\r\n\r\n.wv-hero-metric {\r\n  position:relative;\r\n\r\n  padding:29px 30px;\r\n}\r\n\r\n\r\n.wv-hero-metric + .wv-hero-metric {\r\n  border-left:1px solid var(--border);\r\n}\r\n\r\n\r\n.wv-hero-metric-value {\r\n  display:block;\r\n\r\n  margin-bottom:9px;\r\n\r\n  font-size:42px;\r\n  font-weight:800;\r\n\r\n  line-height:1;\r\n\r\n  letter-spacing:-.045em;\r\n\r\n  background:var(--gradient);\r\n\r\n  -webkit-background-clip:text;\r\n  background-clip:text;\r\n\r\n  color:transparent;\r\n\r\n  -webkit-text-fill-color:transparent;\r\n}\r\n\r\n\r\n.wv-hero-metric-label {\r\n  max-width:230px;\r\n\r\n  color:var(--muted);\r\n\r\n  font-size:13px;\r\n  font-weight:550;\r\n\r\n  line-height:1.5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION INTRO\r\n   ========================================================= *\/\r\n\r\n.wv-section-intro {\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,.82fr)\r\n    minmax(0,1.18fr);\r\n\r\n  gap:80px;\r\n\r\n  align-items:start;\r\n}\r\n\r\n\r\n.wv-sticky {\r\n  position:sticky;\r\n\r\n  top:40px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BENTO\r\n   ========================================================= *\/\r\n\r\n.wv-bento {\r\n  display:grid;\r\n\r\n  grid-template-columns:repeat(2,1fr);\r\n\r\n  gap:16px;\r\n}\r\n\r\n\r\n.wv-bento-card {\r\n  position:relative;\r\n\r\n  padding:27px;\r\n\r\n  background:var(--surface);\r\n\r\n  border:1px solid var(--border);\r\n  border-radius:22px;\r\n\r\n  box-shadow:\r\n    0 8px 25px rgba(17,26,51,.035);\r\n\r\n  overflow:hidden;\r\n\r\n  transition:\r\n    transform var(--transition),\r\n    box-shadow var(--transition),\r\n    border-color var(--transition);\r\n}\r\n\r\n\r\n.wv-bento-card::after {\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:110px;\r\n  height:110px;\r\n\r\n  right:-55px;\r\n  bottom:-55px;\r\n\r\n  background:var(--gradient);\r\n\r\n  border-radius:50%;\r\n\r\n  opacity:0;\r\n\r\n  filter:blur(30px);\r\n\r\n  transition:opacity var(--transition);\r\n}\r\n\r\n\r\n.wv-bento-card:hover {\r\n  transform:translateY(-6px);\r\n\r\n  border-color:rgba(83,107,255,.25);\r\n\r\n  box-shadow:var(--shadow-hover);\r\n}\r\n\r\n\r\n.wv-bento-card:hover::after {\r\n  opacity:.10;\r\n}\r\n\r\n\r\n.wv-bento-card .wv-icon {\r\n  margin-bottom:28px;\r\n}\r\n\r\n\r\n.wv-bento-card p {\r\n  margin:0;\r\n\r\n  color:var(--muted);\r\n\r\n  font-size:14px;\r\n\r\n  line-height:1.65;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROCESS\r\n   ========================================================= *\/\r\n\r\n.wv-process {\r\n  position:relative;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n}\r\n\r\n\r\n.wv-process::before {\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:44px;\r\n  bottom:44px;\r\n\r\n  left:23px;\r\n\r\n  width:1px;\r\n\r\n  background:linear-gradient(\r\n    to bottom,\r\n    rgba(83,107,255,.25),\r\n    rgba(154,91,232,.18),\r\n    rgba(255,91,135,.16)\r\n  );\r\n}\r\n\r\n\r\n.wv-process-item {\r\n  position:relative;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:48px 1fr;\r\n\r\n  gap:20px;\r\n\r\n  padding:0 0 30px;\r\n}\r\n\r\n\r\n.wv-process-item:last-child {\r\n  padding-bottom:0;\r\n}\r\n\r\n\r\n.wv-process-icon {\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  width:46px;\r\n  height:46px;\r\n\r\n  color:var(--blue);\r\n\r\n  background:#fff;\r\n\r\n  border:1px solid var(--border);\r\n  border-radius:14px;\r\n\r\n  box-shadow:\r\n    0 8px 22px rgba(17,26,51,.06);\r\n}\r\n\r\n\r\n.wv-process-icon svg {\r\n  width:19px;\r\n  height:19px;\r\n\r\n  fill:none;\r\n\r\n  stroke:currentColor;\r\n  stroke-width:1.8;\r\n\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n}\r\n\r\n\r\n.wv-process-content {\r\n  padding:3px 0 28px;\r\n\r\n  border-bottom:1px solid var(--border);\r\n}\r\n\r\n\r\n.wv-process-item:last-child .wv-process-content {\r\n  border-bottom:none;\r\n}\r\n\r\n\r\n.wv-step {\r\n  display:block;\r\n\r\n  margin-bottom:4px;\r\n\r\n  color:var(--blue);\r\n\r\n  font-size:10px;\r\n  font-weight:800;\r\n\r\n  letter-spacing:.08em;\r\n\r\n  text-transform:uppercase;\r\n}\r\n\r\n\r\n.wv-process-content p {\r\n  max-width:650px;\r\n\r\n  margin:0;\r\n\r\n  color:var(--muted);\r\n\r\n  font-size:14px;\r\n\r\n  line-height:1.65;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE SHOWCASE\r\n   ========================================================= *\/\r\n\r\n.wv-showcase-shell {\r\n  position:relative;\r\n\r\n  margin-top:55px;\r\n\r\n  padding:22px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(255,255,255,.96),\r\n      rgba(240,244,249,.80)\r\n    );\r\n\r\n  border:1px solid var(--border);\r\n  border-radius:34px;\r\n\r\n  box-shadow:var(--shadow);\r\n\r\n  overflow:hidden;\r\n}\r\n\r\n\r\n.wv-showcase-shell::before {\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:300px;\r\n  height:300px;\r\n\r\n  right:-130px;\r\n  top:-150px;\r\n\r\n  background:var(--gradient);\r\n\r\n  border-radius:50%;\r\n\r\n  opacity:.10;\r\n\r\n  filter:blur(50px);\r\n}\r\n\r\n\r\n.wv-showcase-shell img {\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  width:100%;\r\n\r\n  border-radius:22px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BRAND SYSTEM\r\n   ========================================================= *\/\r\n\r\n.wv-brand-panel {\r\n  padding:70px;\r\n\r\n  background:#fff;\r\n\r\n  border:1px solid var(--border);\r\n  border-radius:34px;\r\n\r\n  box-shadow:var(--shadow-soft);\r\n}\r\n\r\n\r\n.wv-swatches {\r\n  display:grid;\r\n\r\n  grid-template-columns:repeat(5,1fr);\r\n\r\n  gap:13px;\r\n\r\n  margin-top:45px;\r\n}\r\n\r\n\r\n.wv-swatch {\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  justify-content:space-between;\r\n\r\n  min-height:155px;\r\n\r\n  padding:18px;\r\n\r\n  border-radius:19px;\r\n\r\n  transition:\r\n    transform var(--transition),\r\n    box-shadow var(--transition);\r\n}\r\n\r\n\r\n.wv-swatch:hover {\r\n  transform:translateY(-5px);\r\n\r\n  box-shadow:var(--shadow);\r\n}\r\n\r\n\r\n.wv-swatch strong {\r\n  font-size:12px;\r\n}\r\n\r\n\r\n.wv-swatch small {\r\n  font-size:11px;\r\n\r\n  opacity:.75;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ROOMS\r\n   ========================================================= *\/\r\n\r\n.wv-room-grid {\r\n  display:grid;\r\n\r\n  grid-template-columns:repeat(3,1fr);\r\n\r\n  gap:16px;\r\n\r\n  margin-top:45px;\r\n}\r\n\r\n\r\n.wv-room {\r\n  position:relative;\r\n\r\n  min-height:200px;\r\n\r\n  padding:25px;\r\n\r\n  background:#fff;\r\n\r\n  border:1px solid var(--border);\r\n  border-radius:22px;\r\n\r\n  overflow:hidden;\r\n\r\n  transition:\r\n    transform var(--transition),\r\n    border-color var(--transition),\r\n    box-shadow var(--transition);\r\n}\r\n\r\n\r\n.wv-room:hover {\r\n  transform:translateY(-6px);\r\n\r\n  border-color:rgba(83,107,255,.24);\r\n\r\n  box-shadow:var(--shadow-hover);\r\n}\r\n\r\n\r\n.wv-room-head {\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:space-between;\r\n\r\n  margin-bottom:35px;\r\n}\r\n\r\n\r\n.wv-room-number {\r\n  color:var(--muted);\r\n\r\n  font-size:11px;\r\n  font-weight:800;\r\n}\r\n\r\n\r\n.wv-room-code {\r\n  padding:6px 10px;\r\n\r\n  color:var(--blue);\r\n\r\n  background:var(--surface-soft);\r\n\r\n  border-radius:999px;\r\n\r\n  font-size:10px;\r\n  font-weight:800;\r\n\r\n  letter-spacing:.08em;\r\n}\r\n\r\n\r\n.wv-room .wv-icon {\r\n  margin-bottom:19px;\r\n}\r\n\r\n\r\n.wv-room-arrow {\r\n  position:absolute;\r\n\r\n  right:23px;\r\n  bottom:22px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  width:34px;\r\n  height:34px;\r\n\r\n  color:var(--blue);\r\n\r\n  background:var(--surface-soft);\r\n\r\n  border-radius:50%;\r\n\r\n  transition:\r\n    transform var(--transition),\r\n    background var(--transition),\r\n    color var(--transition);\r\n}\r\n\r\n\r\n.wv-room:hover .wv-room-arrow {\r\n  color:#fff;\r\n\r\n  background:var(--gradient);\r\n\r\n  transform:rotate(45deg);\r\n}\r\n\r\n\r\n.wv-room-arrow svg {\r\n  width:15px;\r\n  height:15px;\r\n\r\n  fill:none;\r\n\r\n  stroke:currentColor;\r\n  stroke-width:2;\r\n\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ROUTE SECTION\r\n   ========================================================= *\/\r\n\r\n.wv-route-grid {\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1.15fr)\r\n    minmax(0,.85fr);\r\n\r\n  gap:70px;\r\n\r\n  align-items:center;\r\n}\r\n\r\n\r\n.wv-kpis {\r\n  display:grid;\r\n\r\n  grid-template-columns:1fr;\r\n\r\n  gap:11px;\r\n\r\n  margin-top:35px;\r\n}\r\n\r\n\r\n.wv-kpi {\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:18px;\r\n\r\n  padding:18px;\r\n\r\n  background:#fff;\r\n\r\n  border:1px solid var(--border);\r\n  border-radius:17px;\r\n}\r\n\r\n\r\n.wv-kpi .wv-icon {\r\n  width:42px;\r\n  height:42px;\r\n}\r\n\r\n\r\n.wv-kpi-number {\r\n  display:block;\r\n\r\n  margin-bottom:2px;\r\n\r\n  font-size:27px;\r\n  font-weight:800;\r\n\r\n  line-height:1;\r\n}\r\n\r\n\r\n.wv-kpi-text {\r\n  color:var(--muted);\r\n\r\n  font-size:11px;\r\n  font-weight:700;\r\n\r\n  line-height:1.45;\r\n\r\n  letter-spacing:.03em;\r\n\r\n  text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VISUAL SYSTEM\r\n   ========================================================= *\/\r\n\r\n.wv-centered {\r\n  max-width:850px;\r\n\r\n  margin:0 auto 50px;\r\n\r\n  text-align:center;\r\n}\r\n\r\n\r\n.wv-centered .wv-label {\r\n  margin-left:auto;\r\n  margin-right:auto;\r\n}\r\n\r\n\r\n.wv-centered .wv-h2 {\r\n  margin-left:auto;\r\n  margin-right:auto;\r\n}\r\n\r\n\r\n.wv-centered .wv-body {\r\n  margin-left:auto;\r\n  margin-right:auto;\r\n}\r\n\r\n\r\n.wv-outcome {\r\n  display:grid;\r\n\r\n  grid-template-columns:.7fr 1.3fr;\r\n\r\n  gap:60px;\r\n\r\n  margin-top:65px;\r\n  padding-top:55px;\r\n\r\n  border-top:1px solid var(--border);\r\n}\r\n\r\n\r\n.wv-outcome-card {\r\n  padding:30px;\r\n\r\n  background:var(--gradient-soft);\r\n\r\n  border:1px solid rgba(83,107,255,.12);\r\n  border-radius:22px;\r\n}\r\n\r\n\r\n.wv-outcome-card p {\r\n  margin:0 0 15px;\r\n\r\n  color:var(--muted);\r\n\r\n  font-size:14px;\r\n\r\n  line-height:1.7;\r\n}\r\n\r\n\r\n.wv-outcome-card p:last-of-type {\r\n  margin-bottom:15px;\r\n}\r\n\r\n\r\n.wv-outcome-note {\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:8px;\r\n\r\n  color:var(--muted);\r\n\r\n  font-size:11px;\r\n  font-weight:650;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DELIVERED VALUE\r\n   ========================================================= *\/\r\n\r\n.wv-value-panel {\r\n  padding:70px;\r\n\r\n  background:#fff;\r\n\r\n  border:1px solid var(--border);\r\n  border-radius:34px;\r\n\r\n  box-shadow:var(--shadow-soft);\r\n}\r\n\r\n\r\n.wv-value-grid {\r\n  display:grid;\r\n\r\n  grid-template-columns:repeat(2,1fr);\r\n\r\n  gap:14px;\r\n\r\n  margin-top:40px;\r\n}\r\n\r\n\r\n.wv-value-card {\r\n  display:flex;\r\n\r\n  gap:16px;\r\n\r\n  padding:23px;\r\n\r\n  background:var(--bg);\r\n\r\n  border:1px solid var(--border);\r\n  border-radius:18px;\r\n}\r\n\r\n\r\n.wv-value-card p {\r\n  margin:0;\r\n\r\n  color:var(--muted);\r\n\r\n  font-size:14px;\r\n\r\n  line-height:1.65;\r\n}\r\n\r\n\r\n.wv-value-bottom {\r\n  margin-top:50px;\r\n  padding-top:40px;\r\n\r\n  text-align:center;\r\n\r\n  border-top:1px solid var(--border);\r\n}\r\n\r\n\r\n.wv-value-bottom .wv-label {\r\n  margin-left:auto;\r\n  margin-right:auto;\r\n}\r\n\r\n\r\n.wv-value-bottom .wv-body {\r\n  margin:0 auto 24px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CASE STUDIES\r\n   ========================================================= *\/\r\n\r\n.wv-case-grid {\r\n  display:grid;\r\n\r\n  grid-template-columns:repeat(3,1fr);\r\n\r\n  gap:20px;\r\n\r\n  margin-top:45px;\r\n}\r\n\r\n\r\n.wv-case {\r\n  position:relative;\r\n\r\n  background:#fff;\r\n\r\n  border:1px solid var(--border);\r\n  border-radius:22px;\r\n\r\n  overflow:hidden;\r\n\r\n  box-shadow:\r\n    0 10px 28px rgba(17,26,51,.04);\r\n\r\n  transition:\r\n    transform var(--transition),\r\n    box-shadow var(--transition);\r\n}\r\n\r\n\r\n.wv-case:hover {\r\n  transform:translateY(-8px);\r\n\r\n  box-shadow:var(--shadow-hover);\r\n}\r\n\r\n\r\n.wv-case-image {\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n}\r\n\r\n\r\n.wv-case-image img {\r\n  width:100%;\r\n  height:235px;\r\n\r\n  object-fit:cover;\r\n\r\n  transition:\r\n    transform 650ms cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n\r\n.wv-case:hover .wv-case-image img {\r\n  transform:scale(1.045);\r\n}\r\n\r\n\r\n.wv-case-arrow {\r\n  position:absolute;\r\n\r\n  top:18px;\r\n  right:18px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  width:42px;\r\n  height:42px;\r\n\r\n  color:var(--navy);\r\n\r\n  background:rgba(255,255,255,.92);\r\n\r\n  border:1px solid rgba(221,229,239,.9);\r\n  border-radius:50%;\r\n\r\n  backdrop-filter:blur(10px);\r\n\r\n  transition:\r\n    transform var(--transition),\r\n    background var(--transition),\r\n    color var(--transition);\r\n}\r\n\r\n\r\n.wv-case:hover .wv-case-arrow {\r\n  color:#fff;\r\n\r\n  background:var(--gradient);\r\n\r\n  transform:rotate(45deg);\r\n}\r\n\r\n\r\n.wv-case-arrow svg {\r\n  width:17px;\r\n  height:17px;\r\n\r\n  fill:none;\r\n\r\n  stroke:currentColor;\r\n  stroke-width:2;\r\n\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n}\r\n\r\n\r\n.wv-case-content {\r\n  padding:25px;\r\n}\r\n\r\n\r\n.wv-case-type {\r\n  display:block;\r\n\r\n  margin-bottom:12px;\r\n\r\n  color:var(--blue);\r\n\r\n  font-size:10px;\r\n  font-weight:800;\r\n\r\n  letter-spacing:.08em;\r\n\r\n  text-transform:uppercase;\r\n}\r\n\r\n\r\n.wv-case-content .wv-h3 {\r\n  font-size:18px;\r\n\r\n  line-height:1.45;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOOTER\r\n   ========================================================= *\/\r\n\r\n.wv-footer-wrap {\r\n  width:min(1400px, calc(100% - 28px));\r\n\r\n  margin:50px auto 18px;\r\n}\r\n\r\n\r\n.wv-footer {\r\n  position:relative;\r\n\r\n  padding:95px 0;\r\n\r\n  overflow:hidden;\r\n\r\n  color:#fff;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 100% 0%,\r\n      rgba(154,91,232,.34),\r\n      transparent 36%\r\n    ),\r\n    radial-gradient(\r\n      circle at 0% 100%,\r\n      rgba(83,107,255,.28),\r\n      transparent 38%\r\n    ),\r\n    #111A33;\r\n\r\n  border-radius:38px;\r\n}\r\n\r\n\r\n.wv-footer-grid {\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,.85fr)\r\n    minmax(0,1.15fr);\r\n\r\n  gap:70px;\r\n\r\n  align-items:center;\r\n}\r\n\r\n\r\n.wv-footer .wv-h2 {\r\n  color:#fff;\r\n}\r\n\r\n\r\n.wv-footer .wv-body {\r\n  color:rgba(255,255,255,.70);\r\n}\r\n\r\n\r\n.wv-contact-detail {\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:12px;\r\n\r\n  margin-top:26px;\r\n\r\n  color:#fff;\r\n\r\n  font-size:14px;\r\n  font-weight:700;\r\n}\r\n\r\n\r\n.wv-contact-detail .wv-icon {\r\n  width:39px;\r\n  height:39px;\r\n\r\n  color:#fff;\r\n\r\n  background:rgba(255,255,255,.08);\r\n\r\n  border-color:rgba(255,255,255,.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORM\r\n   ========================================================= *\/\r\n\r\n.wv-form-card {\r\n  padding:30px;\r\n\r\n  background:rgba(255,255,255,.07);\r\n\r\n  border:1px solid rgba(255,255,255,.12);\r\n  border-radius:25px;\r\n\r\n  backdrop-filter:blur(15px);\r\n}\r\n\r\n\r\n.wv-form-grid {\r\n  display:grid;\r\n\r\n  grid-template-columns:repeat(2,1fr);\r\n\r\n  gap:15px;\r\n}\r\n\r\n\r\n.wv-field {\r\n  margin-bottom:15px;\r\n}\r\n\r\n\r\n.wv-field label {\r\n  display:block;\r\n\r\n  margin-bottom:7px;\r\n\r\n  color:rgba(255,255,255,.82);\r\n\r\n  font-size:11px;\r\n  font-weight:700;\r\n}\r\n\r\n\r\n.wv-field input,\r\n.wv-field select {\r\n  width:100%;\r\n  height:51px;\r\n\r\n  padding:0 15px;\r\n\r\n  color:#fff;\r\n\r\n  background:rgba(255,255,255,.06);\r\n\r\n  border:1px solid rgba(255,255,255,.14);\r\n  border-radius:12px;\r\n\r\n  outline:none;\r\n\r\n  font-family:inherit;\r\n  font-size:13px;\r\n\r\n  transition:\r\n    border-color var(--transition),\r\n    box-shadow var(--transition),\r\n    background var(--transition);\r\n}\r\n\r\n\r\n.wv-field input::placeholder {\r\n  color:rgba(255,255,255,.38);\r\n}\r\n\r\n\r\n.wv-field input:focus,\r\n.wv-field select:focus {\r\n  background:rgba(255,255,255,.09);\r\n\r\n  border-color:#9A5BE8;\r\n\r\n  box-shadow:\r\n    0 0 0 4px rgba(154,91,232,.11);\r\n}\r\n\r\n\r\n.wv-field option {\r\n  color:#111A33;\r\n}\r\n\r\n\r\n.wv-form-note {\r\n  margin:13px 0 0;\r\n\r\n  color:rgba(255,255,255,.42);\r\n\r\n  font-size:10px;\r\n\r\n  text-align:center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n   ========================================================= *\/\r\n\r\n@media(max-width:1024px) {\r\n\r\n  .wv-section {\r\n    padding:95px 0;\r\n  }\r\n\r\n  .wv-hero-layout {\r\n    gap:45px;\r\n  }\r\n\r\n  .wv-meta-row {\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .wv-brand-panel,\r\n  .wv-value-panel {\r\n    padding:50px;\r\n  }\r\n\r\n  .wv-swatches {\r\n    grid-template-columns:repeat(3,1fr);\r\n  }\r\n\r\n  .wv-room-grid {\r\n    grid-template-columns:repeat(2,1fr);\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:767px) {\r\n\r\n  .wv-container {\r\n    width:calc(100% - 34px);\r\n  }\r\n\r\n  .wv-section {\r\n    padding:70px 0;\r\n  }\r\n\r\n  .wv-hero {\r\n    padding-top:55px;\r\n  }\r\n\r\n  .wv-hero-layout,\r\n  .wv-section-intro,\r\n  .wv-route-grid,\r\n  .wv-outcome,\r\n  .wv-footer-grid {\r\n    grid-template-columns:1fr;\r\n\r\n    gap:38px;\r\n  }\r\n\r\n  .wv-sticky {\r\n    position:relative;\r\n\r\n    top:auto;\r\n  }\r\n\r\n  .wv-h1 {\r\n    font-size:clamp(43px,12vw,58px);\r\n  }\r\n\r\n  .wv-h2 {\r\n    font-size:clamp(34px,9vw,45px);\r\n  }\r\n\r\n  .wv-floating-card {\r\n    right:10px;\r\n    bottom:15px;\r\n  }\r\n\r\n  .wv-hero-metrics {\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .wv-hero-metric + .wv-hero-metric {\r\n    border-left:none;\r\n    border-top:1px solid var(--border);\r\n  }\r\n\r\n  .wv-bento,\r\n  .wv-value-grid {\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .wv-swatches {\r\n    grid-template-columns:repeat(2,1fr);\r\n  }\r\n\r\n  .wv-room-grid {\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .wv-case-grid {\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .wv-brand-panel,\r\n  .wv-value-panel {\r\n    padding:30px 23px;\r\n  }\r\n\r\n  .wv-form-grid {\r\n    grid-template-columns:1fr;\r\n\r\n    gap:0;\r\n  }\r\n\r\n  .wv-footer {\r\n    padding:70px 0;\r\n\r\n    border-radius:28px;\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:480px) {\r\n\r\n  .wv-container {\r\n    width:calc(100% - 28px);\r\n  }\r\n\r\n  .wv-section {\r\n    padding:60px 0;\r\n  }\r\n\r\n  .wv-h1 {\r\n    font-size:42px;\r\n  }\r\n\r\n  .wv-h2 {\r\n    font-size:32px;\r\n  }\r\n\r\n  .wv-body {\r\n    font-size:15px;\r\n  }\r\n\r\n  .wv-swatches {\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .wv-device {\r\n    border-radius:21px;\r\n  }\r\n\r\n  .wv-device img {\r\n    border-radius:14px;\r\n  }\r\n\r\n  .wv-floating-card {\r\n    display:none;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"wv-pro\">\r\n\r\n\r\n<!-- ======================================================\r\n     PROFESSIONAL SVG ICON SPRITE\r\n     ====================================================== -->\r\n\r\n<svg width=\"0\" height=\"0\" style=\"position:absolute;visibility:hidden;\">\r\n\r\n  <symbol id=\"wv-icon-building\" viewbox=\"0 0 24 24\">\r\n    <path d=\"M3 21h18\"\/>\r\n    <path d=\"M6 21V4h9v17\"\/>\r\n    <path d=\"M15 9h3v12\"\/>\r\n    <path d=\"M9 8h3\"\/>\r\n    <path d=\"M9 12h3\"\/>\r\n    <path d=\"M9 16h3\"\/>\r\n  <\/symbol>\r\n\r\n  <symbol id=\"wv-icon-code\" viewbox=\"0 0 24 24\">\r\n    <path d=\"m8 9-4 3 4 3\"\/>\r\n    <path d=\"m16 9 4 3-4 3\"\/>\r\n    <path d=\"m14 5-4 14\"\/>\r\n  <\/symbol>\r\n\r\n  <symbol id=\"wv-icon-pin\" viewbox=\"0 0 24 24\">\r\n    <path d=\"M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z\"\/>\r\n    <circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\r\n  <\/symbol>\r\n\r\n  <symbol id=\"wv-icon-arrow\" viewbox=\"0 0 24 24\">\r\n    <path d=\"M7 17 17 7\"\/>\r\n    <path d=\"M7 7h10v10\"\/>\r\n  <\/symbol>\r\n\r\n  <symbol id=\"wv-icon-monitor\" viewbox=\"0 0 24 24\">\r\n    <rect x=\"3\" y=\"4\" width=\"18\" height=\"13\" rx=\"2\"\/>\r\n    <path d=\"M8 21h8\"\/>\r\n    <path d=\"M12 17v4\"\/>\r\n  <\/symbol>\r\n\r\n  <symbol id=\"wv-icon-phone\" viewbox=\"0 0 24 24\">\r\n    <rect x=\"7\" y=\"2\" width=\"10\" height=\"20\" rx=\"2\"\/>\r\n    <path d=\"M11 18h2\"\/>\r\n  <\/symbol>\r\n\r\n  <symbol id=\"wv-icon-image\" viewbox=\"0 0 24 24\">\r\n    <rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/>\r\n    <circle cx=\"9\" cy=\"10\" r=\"2\"\/>\r\n    <path d=\"m21 15-5-5L5 20\"\/>\r\n  <\/symbol>\r\n\r\n  <symbol id=\"wv-icon-layout\" viewbox=\"0 0 24 24\">\r\n    <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/>\r\n    <path d=\"M3 9h18\"\/>\r\n    <path d=\"M9 9v12\"\/>\r\n  <\/symbol>\r\n\r\n  <symbol id=\"wv-icon-shield\" viewbox=\"0 0 24 24\">\r\n    <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z\"\/>\r\n    <path d=\"m9 12 2 2 4-4\"\/>\r\n  <\/symbol>\r\n\r\n  <symbol id=\"wv-icon-users\" viewbox=\"0 0 24 24\">\r\n    <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/>\r\n    <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n    <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/>\r\n    <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\r\n  <\/symbol>\r\n\r\n  <symbol id=\"wv-icon-bed\" viewbox=\"0 0 24 24\">\r\n    <path d=\"M2 18v-7\"\/>\r\n    <path d=\"M22 18v-5a2 2 0 0 0-2-2H9\"\/>\r\n    <path d=\"M2 14h20\"\/>\r\n    <path d=\"M6 11V7h4a2 2 0 0 1 2 2v2\"\/>\r\n  <\/symbol>\r\n\r\n  <symbol id=\"wv-icon-route\" viewbox=\"0 0 24 24\">\r\n    <circle cx=\"6\" cy=\"19\" r=\"2\"\/>\r\n    <circle cx=\"18\" cy=\"5\" r=\"2\"\/>\r\n    <path d=\"M8 19h4a4 4 0 0 0 4-4V9\"\/>\r\n  <\/symbol>\r\n\r\n  <symbol id=\"wv-icon-eye\" viewbox=\"0 0 24 24\">\r\n    <path d=\"M2 12s3.5-6 10-6 10 6 10 6-3.5 6-10 6S2 12 2 12Z\"\/>\r\n    <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\r\n  <\/symbol>\r\n\r\n  <symbol id=\"wv-icon-search\" viewbox=\"0 0 24 24\">\r\n    <circle cx=\"11\" cy=\"11\" r=\"7\"\/>\r\n    <path d=\"m20 20-4-4\"\/>\r\n  <\/symbol>\r\n\r\n  <symbol id=\"wv-icon-check\" viewbox=\"0 0 24 24\">\r\n    <path d=\"m5 12 4 4L19 6\"\/>\r\n  <\/symbol>\r\n\r\n  <symbol id=\"wv-icon-layers\" viewbox=\"0 0 24 24\">\r\n    <path d=\"m12 2 9 5-9 5-9-5 9-5Z\"\/>\r\n    <path d=\"m3 12 9 5 9-5\"\/>\r\n    <path d=\"m3 17 9 5 9-5\"\/>\r\n  <\/symbol>\r\n\r\n  <symbol id=\"wv-icon-calendar\" viewbox=\"0 0 24 24\">\r\n    <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/>\r\n    <path d=\"M16 3v4\"\/>\r\n    <path d=\"M8 3v4\"\/>\r\n    <path d=\"M3 10h18\"\/>\r\n  <\/symbol>\r\n\r\n  <symbol id=\"wv-icon-message\" viewbox=\"0 0 24 24\">\r\n    <path d=\"M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4Z\"\/>\r\n  <\/symbol>\r\n\r\n<\/svg>\r\n\r\n\r\n\r\n<!-- ======================================================\r\n     01 HERO\r\n     ====================================================== -->\r\n\r\n<section class=\"wv-section wv-hero\">\r\n\r\n  <div class=\"wv-container\">\r\n\r\n    <div class=\"wv-hero-layout\">\r\n\r\n\r\n      <div>\r\n\r\n        <span class=\"wv-label\">\r\n          <span class=\"wv-label-dot\"><\/span>\r\n          Hospitality Website Case Study\r\n        <\/span>\r\n\r\n\r\n        <h1 class=\"wv-h1\">\r\n\r\n          A family resort in Sakleshpur,\r\n\r\n          <span class=\"wv-gradient-text\">\r\n            at the pace of water.\r\n          <\/span>\r\n\r\n        <\/h1>\r\n\r\n\r\n        <p class=\"wv-body\">\r\n\r\n          A responsive hospitality experience for a nature-led retreat\r\n          in Bistenahalli, Sakleshpur\u2014connecting six distinct stays,\r\n          authentic property photography, guide prices, shared amenities\r\n          and a secure booking handoff.\r\n\r\n        <\/p>\r\n\r\n\r\n        <div style=\"margin-top:30px;\">\r\n\r\n          <a href=\"#\"\r\n             class=\"wv-btn\"\r\n             target=\"_blank\"\r\n             rel=\"noopener\">\r\n\r\n            View Live Website\r\n\r\n            <svg>\r\n              <use href=\"#wv-icon-arrow\"><\/use>\r\n            <\/svg>\r\n\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"wv-meta-row\">\r\n\r\n\r\n          <div class=\"wv-meta-card\">\r\n\r\n            <div class=\"wv-icon\">\r\n\r\n              <svg>\r\n                <use href=\"#wv-icon-building\"><\/use>\r\n              <\/svg>\r\n\r\n            <\/div>\r\n\r\n            <div>\r\n\r\n              <span class=\"wv-meta-title\">\r\n                Industry\r\n              <\/span>\r\n\r\n              <span class=\"wv-meta-value\">\r\n                Hospitality\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"wv-meta-card\">\r\n\r\n            <div class=\"wv-icon\">\r\n\r\n              <svg>\r\n                <use href=\"#wv-icon-code\"><\/use>\r\n              <\/svg>\r\n\r\n            <\/div>\r\n\r\n            <div>\r\n\r\n              <span class=\"wv-meta-title\">\r\n                Service\r\n              <\/span>\r\n\r\n              <span class=\"wv-meta-value\">\r\n                Web Development\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"wv-meta-card\">\r\n\r\n            <div class=\"wv-icon\">\r\n\r\n              <svg>\r\n                <use href=\"#wv-icon-pin\"><\/use>\r\n              <\/svg>\r\n\r\n            <\/div>\r\n\r\n            <div>\r\n\r\n              <span class=\"wv-meta-title\">\r\n                Location\r\n              <\/span>\r\n\r\n              <span class=\"wv-meta-value\">\r\n                Sakleshpur\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"wv-hero-visual\">\r\n\r\n        <div class=\"wv-hero-glow\"><\/div>\r\n\r\n\r\n        <div class=\"wv-device\">\r\n\r\n          <div class=\"wv-browser-bar\">\r\n\r\n            <div class=\"wv-window-dots\">\r\n\r\n              <span><\/span>\r\n              <span><\/span>\r\n              <span><\/span>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"wv-address\"><\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- REPLACE WITH YOUR REAL SCREENSHOT -->\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/via.placeholder.com\/950x700\"\r\n            alt=\"Waterview Holiday Retreat website design\">\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"wv-floating-card\">\r\n\r\n          <div class=\"wv-icon wv-icon-gradient\">\r\n\r\n            <svg>\r\n              <use href=\"#wv-icon-monitor\"><\/use>\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Fully Responsive\r\n            <\/strong>\r\n\r\n            <small>\r\n              Desktop \u2022 Tablet \u2022 Mobile\r\n            <\/small>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"wv-hero-metrics\">\r\n\r\n\r\n      <div class=\"wv-hero-metric\">\r\n\r\n        <span class=\"wv-hero-metric-value\">\r\n          06\r\n        <\/span>\r\n\r\n        <div class=\"wv-hero-metric-label\">\r\n          Stay categories compared in one unified experience.\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"wv-hero-metric\">\r\n\r\n        <span class=\"wv-hero-metric-value\">\r\n          07\r\n        <\/span>\r\n\r\n        <div class=\"wv-hero-metric-label\">\r\n          Shared amenities explained with greater clarity.\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"wv-hero-metric\">\r\n\r\n        <span class=\"wv-hero-metric-value\">\r\n          390\u20131440\r\n        <\/span>\r\n\r\n        <div class=\"wv-hero-metric-label\">\r\n          Responsive production viewpoints documented.\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- ======================================================\r\n     02 HOSPITALITY DECISION\r\n     ====================================================== -->\r\n\r\n<section class=\"wv-section\">\r\n\r\n  <div class=\"wv-container\">\r\n\r\n    <div class=\"wv-section-intro\">\r\n\r\n\r\n      <div class=\"wv-sticky\">\r\n\r\n        <span class=\"wv-label\">\r\n\r\n          <span class=\"wv-label-dot\"><\/span>\r\n\r\n          The Hospitality Decision\r\n\r\n        <\/span>\r\n\r\n\r\n        <h2 class=\"wv-h2\">\r\n\r\n          Help guests choose with confidence without rushing\r\n\r\n          <span class=\"wv-gradient-text\">\r\n            the feeling of escape.\r\n          <\/span>\r\n\r\n        <\/h2>\r\n\r\n\r\n        <p class=\"wv-body\">\r\n\r\n          Couples, families and groups need to feel the landscape,\r\n          then verify practical details: which room fits, how the beds\r\n          differ, what is shared, what a guide price means and where\r\n          availability is confirmed.\r\n\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"wv-bento\">\r\n\r\n\r\n        <article class=\"wv-bento-card\">\r\n\r\n          <div class=\"wv-icon\">\r\n\r\n            <svg>\r\n              <use href=\"#wv-icon-eye\"><\/use>\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          <h3 class=\"wv-h3\">\r\n            Sell the pace before the inventory\r\n          <\/h3>\r\n\r\n          <p>\r\n\r\n            The opening uses the wooded pool, editorial scale and a\r\n            place-specific promise.\r\n\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <article class=\"wv-bento-card\">\r\n\r\n          <div class=\"wv-icon\">\r\n\r\n            <svg>\r\n              <use href=\"#wv-icon-layers\"><\/use>\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          <h3 class=\"wv-h3\">\r\n            Make six stays genuinely comparable\r\n          <\/h3>\r\n\r\n          <p>\r\n\r\n            Every accommodation card connects a distinct proposition\r\n            with real photography.\r\n\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <article class=\"wv-bento-card\">\r\n\r\n          <div class=\"wv-icon\">\r\n\r\n            <svg>\r\n              <use href=\"#wv-icon-image\"><\/use>\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          <h3 class=\"wv-h3\">\r\n            Let authenticity do the persuasion\r\n          <\/h3>\r\n\r\n          <p>\r\n\r\n            Real rooms, greens and water views replace generic\r\n            destination imagery.\r\n\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <article class=\"wv-bento-card\">\r\n\r\n          <div class=\"wv-icon\">\r\n\r\n            <svg>\r\n              <use href=\"#wv-icon-shield\"><\/use>\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          <h3 class=\"wv-h3\">\r\n            Separate discovery from transaction\r\n          <\/h3>\r\n\r\n          <p>\r\n\r\n            The website owns inspiration and comparison.\r\n            The official booking provider owns the final handoff.\r\n\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- ======================================================\r\n     03 EXPERIENCE ARCHITECTURE\r\n     ====================================================== -->\r\n\r\n<section class=\"wv-section\">\r\n\r\n  <div class=\"wv-container\">\r\n\r\n    <div class=\"wv-section-intro\">\r\n\r\n\r\n      <div class=\"wv-sticky\">\r\n\r\n        <span class=\"wv-label\">\r\n\r\n          <span class=\"wv-label-dot\"><\/span>\r\n\r\n          Experience Architecture\r\n\r\n        <\/span>\r\n\r\n\r\n        <h2 class=\"wv-h2\">\r\n\r\n          From wooded calm to a stay guests can\r\n\r\n          <span class=\"wv-gradient-text\">\r\n            confidently verify.\r\n          <\/span>\r\n\r\n        <\/h2>\r\n\r\n\r\n        <p class=\"wv-body\">\r\n\r\n          The user journey gradually moves from emotional discovery\r\n          toward practical information and ultimately a secure booking\r\n          action.\r\n\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"wv-process\">\r\n\r\n\r\n        <div class=\"wv-process-item\">\r\n\r\n          <div class=\"wv-process-icon\">\r\n\r\n            <svg>\r\n              <use href=\"#wv-icon-eye\"><\/use>\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"wv-process-content\">\r\n\r\n            <span class=\"wv-step\">\r\n              Step 01\r\n            <\/span>\r\n\r\n            <h3 class=\"wv-h3\">\r\n              Immerse\r\n            <\/h3>\r\n\r\n            <p>\r\n\r\n              Open with the pool among the trees and a promise rooted\r\n              specifically in Sakleshpur.\r\n\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"wv-process-item\">\r\n\r\n          <div class=\"wv-process-icon\">\r\n\r\n            <svg>\r\n              <use href=\"#wv-icon-pin\"><\/use>\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"wv-process-content\">\r\n\r\n            <span class=\"wv-step\">\r\n              Step 02\r\n            <\/span>\r\n\r\n            <h3 class=\"wv-h3\">\r\n              Orient\r\n            <\/h3>\r\n\r\n            <p>\r\n\r\n              State who the retreat is for, where it is and what the\r\n              shared experience includes.\r\n\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"wv-process-item\">\r\n\r\n          <div class=\"wv-process-icon\">\r\n\r\n            <svg>\r\n              <use href=\"#wv-icon-layers\"><\/use>\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"wv-process-content\">\r\n\r\n            <span class=\"wv-step\">\r\n              Step 03\r\n            <\/span>\r\n\r\n            <h3 class=\"wv-h3\">\r\n              Compare\r\n            <\/h3>\r\n\r\n            <p>\r\n\r\n              Present six stay types through real imagery, bed layouts,\r\n              capacity notes and guide prices.\r\n\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"wv-process-item\">\r\n\r\n          <div class=\"wv-process-icon\">\r\n\r\n            <svg>\r\n              <use href=\"#wv-icon-image\"><\/use>\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"wv-process-content\">\r\n\r\n            <span class=\"wv-step\">\r\n              Step 04\r\n            <\/span>\r\n\r\n            <h3 class=\"wv-h3\">\r\n              Experience\r\n            <\/h3>\r\n\r\n            <p>\r\n\r\n              Show the pool, recreation, food, bonfire possibility,\r\n              open seating and time by the water.\r\n\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"wv-process-item\">\r\n\r\n          <div class=\"wv-process-icon\">\r\n\r\n            <svg>\r\n              <use href=\"#wv-icon-search\"><\/use>\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"wv-process-content\">\r\n\r\n            <span class=\"wv-step\">\r\n              Step 05\r\n            <\/span>\r\n\r\n            <h3 class=\"wv-h3\">\r\n              Verify\r\n            <\/h3>\r\n\r\n            <p>\r\n\r\n              Name the details guests should confirm rather than turning\r\n              incomplete information into a promise.\r\n\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"wv-process-item\">\r\n\r\n          <div class=\"wv-process-icon\">\r\n\r\n            <svg>\r\n              <use href=\"#wv-icon-calendar\"><\/use>\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"wv-process-content\">\r\n\r\n            <span class=\"wv-step\">\r\n              Step 06\r\n            <\/span>\r\n\r\n            <h3 class=\"wv-h3\">\r\n              Book\r\n            <\/h3>\r\n\r\n            <p>\r\n\r\n              Keep phone access and the official secure booking engine\r\n              visible across desktop and mobile.\r\n\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- ======================================================\r\n     04 RESPONSIVE COMPOSITION\r\n     ====================================================== -->\r\n\r\n<section class=\"wv-section\">\r\n\r\n  <div class=\"wv-container\">\r\n\r\n\r\n    <div class=\"wv-section-intro\">\r\n\r\n      <div>\r\n\r\n        <span class=\"wv-label\">\r\n\r\n          <span class=\"wv-label-dot\"><\/span>\r\n\r\n          Responsive Composition\r\n\r\n        <\/span>\r\n\r\n\r\n        <h2 class=\"wv-h2\">\r\n\r\n          Cinematic on desktop.\r\n\r\n          <span class=\"wv-gradient-text\">\r\n            Focused on mobile.\r\n          <\/span>\r\n\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div>\r\n\r\n        <p class=\"wv-body\">\r\n\r\n          At 1440px, the wooded setting, oversized editorial type and\r\n          generous margin fields create immersion. At 390px, the same\r\n          system becomes a one-handed sequence with legible comparison\r\n          content, compact navigation and persistent booking actions.\r\n\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"wv-showcase-shell\">\r\n\r\n      <!-- REPLACE IMAGE -->\r\n\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/via.placeholder.com\/1500x800\"\r\n        alt=\"Responsive Waterview Holiday Retreat website design\">\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- ======================================================\r\n     05 BRAND SYSTEM\r\n     ====================================================== -->\r\n\r\n<section class=\"wv-section\">\r\n\r\n  <div class=\"wv-container\">\r\n\r\n    <div class=\"wv-brand-panel\">\r\n\r\n\r\n      <span class=\"wv-label\">\r\n\r\n        <span class=\"wv-label-dot\"><\/span>\r\n\r\n        Brand System\r\n\r\n      <\/span>\r\n\r\n\r\n      <h2 class=\"wv-h2\">\r\n\r\n        Controlled colour.\r\n\r\n        <span class=\"wv-gradient-text\">\r\n          Strong visual recognition.\r\n        <\/span>\r\n\r\n      <\/h2>\r\n\r\n\r\n      <p class=\"wv-body\">\r\n\r\n        The interface follows a controlled 60\u201320\u201310 visual hierarchy:\r\n        soft off-white provides breathing room, white surfaces establish\r\n        structure, and the brand gradient appears only where attention\r\n        should be directed.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <div class=\"wv-swatches\">\r\n\r\n\r\n        <div class=\"wv-swatch\"\r\n             style=\"background:#111A33;color:#fff;\">\r\n\r\n          <strong>Deep Navy<\/strong>\r\n\r\n          <small>#111A33<\/small>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"wv-swatch\"\r\n             style=\"background:#536BFF;color:#fff;\">\r\n\r\n          <strong>Electric Blue<\/strong>\r\n\r\n          <small>#536BFF<\/small>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"wv-swatch\"\r\n             style=\"background:#9A5BE8;color:#fff;\">\r\n\r\n          <strong>Purple<\/strong>\r\n\r\n          <small>#9A5BE8<\/small>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"wv-swatch\"\r\n             style=\"background:#FF5B87;color:#fff;\">\r\n\r\n          <strong>Pink<\/strong>\r\n\r\n          <small>#FF5B87<\/small>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"wv-swatch\"\r\n             style=\"             background:#F8F9FC;             color:#111A33;             border:1px solid #DDE5EF;             \">\r\n\r\n          <strong>Soft Off-White<\/strong>\r\n\r\n          <small>#F8F9FC<\/small>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- ======================================================\r\n     06 STAY COMPARISON\r\n     ====================================================== -->\r\n\r\n<section class=\"wv-section\">\r\n\r\n  <div class=\"wv-container\">\r\n\r\n\r\n    <span class=\"wv-label\">\r\n\r\n      <span class=\"wv-label-dot\"><\/span>\r\n\r\n      Stay Comparison Architecture\r\n\r\n    <\/span>\r\n\r\n\r\n    <h2 class=\"wv-h2\">\r\n\r\n      Six ways to stay.\r\n\r\n      <span class=\"wv-gradient-text\">\r\n        One clear decision system.\r\n      <\/span>\r\n\r\n    <\/h2>\r\n\r\n\r\n    <p class=\"wv-body\">\r\n\r\n      Guests can compare accommodation types at a glance before moving\r\n      into room-specific information, authentic galleries and live\r\n      availability.\r\n\r\n    <\/p>\r\n\r\n\r\n\r\n    <div class=\"wv-room-grid\">\r\n\r\n\r\n      <article class=\"wv-room\">\r\n\r\n        <div class=\"wv-room-head\">\r\n\r\n          <span class=\"wv-room-number\">\r\n            01\r\n          <\/span>\r\n\r\n          <span class=\"wv-room-code\">\r\n            CPL\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"wv-icon\">\r\n\r\n          <svg>\r\n            <use href=\"#wv-icon-bed\"><\/use>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n\r\n        <h3 class=\"wv-h3\">\r\n          Couple Room\r\n        <\/h3>\r\n\r\n\r\n        <span class=\"wv-room-arrow\">\r\n\r\n          <svg>\r\n            <use href=\"#wv-icon-arrow\"><\/use>\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <article class=\"wv-room\">\r\n\r\n        <div class=\"wv-room-head\">\r\n\r\n          <span class=\"wv-room-number\">\r\n            02\r\n          <\/span>\r\n\r\n          <span class=\"wv-room-code\">\r\n            PRM\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"wv-icon\">\r\n\r\n          <svg>\r\n            <use href=\"#wv-icon-bed\"><\/use>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n\r\n        <h3 class=\"wv-h3\">\r\n          Premium Room\r\n        <\/h3>\r\n\r\n\r\n        <span class=\"wv-room-arrow\">\r\n\r\n          <svg>\r\n            <use href=\"#wv-icon-arrow\"><\/use>\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <article class=\"wv-room\">\r\n\r\n        <div class=\"wv-room-head\">\r\n\r\n          <span class=\"wv-room-number\">\r\n            03\r\n          <\/span>\r\n\r\n          <span class=\"wv-room-code\">\r\n            STE\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"wv-icon\">\r\n\r\n          <svg>\r\n            <use href=\"#wv-icon-bed\"><\/use>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n\r\n        <h3 class=\"wv-h3\">\r\n          Suite\r\n        <\/h3>\r\n\r\n\r\n        <span class=\"wv-room-arrow\">\r\n\r\n          <svg>\r\n            <use href=\"#wv-icon-arrow\"><\/use>\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <article class=\"wv-room\">\r\n\r\n        <div class=\"wv-room-head\">\r\n\r\n          <span class=\"wv-room-number\">\r\n            04\r\n          <\/span>\r\n\r\n          <span class=\"wv-room-code\">\r\n            QDL\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"wv-icon\">\r\n\r\n          <svg>\r\n            <use href=\"#wv-icon-users\"><\/use>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n\r\n        <h3 class=\"wv-h3\">\r\n          Quadrable Deluxe\r\n        <\/h3>\r\n\r\n\r\n        <span class=\"wv-room-arrow\">\r\n\r\n          <svg>\r\n            <use href=\"#wv-icon-arrow\"><\/use>\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <article class=\"wv-room\">\r\n\r\n        <div class=\"wv-room-head\">\r\n\r\n          <span class=\"wv-room-number\">\r\n            05\r\n          <\/span>\r\n\r\n          <span class=\"wv-room-code\">\r\n            DDR\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"wv-icon\">\r\n\r\n          <svg>\r\n            <use href=\"#wv-icon-users\"><\/use>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n\r\n        <h3 class=\"wv-h3\">\r\n          Dormitory Deluxe\r\n        <\/h3>\r\n\r\n\r\n        <span class=\"wv-room-arrow\">\r\n\r\n          <svg>\r\n            <use href=\"#wv-icon-arrow\"><\/use>\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <article class=\"wv-room\">\r\n\r\n        <div class=\"wv-room-head\">\r\n\r\n          <span class=\"wv-room-number\">\r\n            06\r\n          <\/span>\r\n\r\n          <span class=\"wv-room-code\">\r\n            TNT\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"wv-icon\">\r\n\r\n          <svg>\r\n            <use href=\"#wv-icon-image\"><\/use>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n\r\n        <h3 class=\"wv-h3\">\r\n          Tent Stay\r\n        <\/h3>\r\n\r\n\r\n        <span class=\"wv-room-arrow\">\r\n\r\n          <svg>\r\n            <use href=\"#wv-icon-arrow\"><\/use>\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n      <\/article>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- ======================================================\r\n     07 ACCOMMODATION ROUTE\r\n     ====================================================== -->\r\n\r\n<section class=\"wv-section\">\r\n\r\n  <div class=\"wv-container\">\r\n\r\n    <div class=\"wv-route-grid\">\r\n\r\n\r\n      <div>\r\n\r\n        <div class=\"wv-device\">\r\n\r\n          <div class=\"wv-browser-bar\">\r\n\r\n            <div class=\"wv-window-dots\">\r\n\r\n              <span><\/span>\r\n              <span><\/span>\r\n              <span><\/span>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"wv-address\"><\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- REPLACE SCREENSHOT -->\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/via.placeholder.com\/950x720\"\r\n            alt=\"Accommodation comparison interface\">\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div>\r\n\r\n\r\n        <span class=\"wv-label\">\r\n\r\n          <span class=\"wv-label-dot\"><\/span>\r\n\r\n          Accommodation Route\r\n\r\n        <\/span>\r\n\r\n\r\n        <h2 class=\"wv-h2\">\r\n\r\n          Atmosphere becomes an\r\n\r\n          <span class=\"wv-gradient-text\">\r\n            inspectable choice.\r\n          <\/span>\r\n\r\n        <\/h2>\r\n\r\n\r\n        <p class=\"wv-body\">\r\n\r\n          The route keeps the editorial hospitality language while\r\n          organising photography, guest information, room capacity,\r\n          guide prices, deeper galleries and the secure availability\r\n          check into one understandable journey.\r\n\r\n        <\/p>\r\n\r\n\r\n\r\n        <div class=\"wv-kpis\">\r\n\r\n\r\n          <div class=\"wv-kpi\">\r\n\r\n            <div class=\"wv-icon\">\r\n\r\n              <svg>\r\n                <use href=\"#wv-icon-layers\"><\/use>\r\n              <\/svg>\r\n\r\n            <\/div>\r\n\r\n            <div>\r\n\r\n              <span class=\"wv-kpi-number wv-gradient-text\">\r\n                06\r\n              <\/span>\r\n\r\n              <div class=\"wv-kpi-text\">\r\n                Distinct accommodation categories\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <div class=\"wv-kpi\">\r\n\r\n            <div class=\"wv-icon\">\r\n\r\n              <svg>\r\n                <use href=\"#wv-icon-bed\"><\/use>\r\n              <\/svg>\r\n\r\n            <\/div>\r\n\r\n            <div>\r\n\r\n              <span class=\"wv-kpi-number wv-gradient-text\">\r\n                1\u20136\r\n              <\/span>\r\n\r\n              <div class=\"wv-kpi-text\">\r\n                Beds shown across room information\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <div class=\"wv-kpi\">\r\n\r\n            <div class=\"wv-icon\">\r\n\r\n              <svg>\r\n                <use href=\"#wv-icon-shield\"><\/use>\r\n              <\/svg>\r\n\r\n            <\/div>\r\n\r\n            <div>\r\n\r\n              <span class=\"wv-kpi-number wv-gradient-text\">\r\n                01\r\n              <\/span>\r\n\r\n              <div class=\"wv-kpi-text\">\r\n                Official secure booking handoff\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- ======================================================\r\n     08 VISUAL SYSTEM\r\n     ====================================================== -->\r\n\r\n<section class=\"wv-section\">\r\n\r\n  <div class=\"wv-container\">\r\n\r\n\r\n    <div class=\"wv-centered\">\r\n\r\n      <span class=\"wv-label\">\r\n\r\n        <span class=\"wv-label-dot\"><\/span>\r\n\r\n        Visual System\r\n\r\n      <\/span>\r\n\r\n\r\n      <h2 class=\"wv-h2\">\r\n\r\n        Built from the property guests will\r\n\r\n        <span class=\"wv-gradient-text\">\r\n          actually visit.\r\n        <\/span>\r\n\r\n      <\/h2>\r\n\r\n\r\n      <p class=\"wv-body\">\r\n\r\n        Real photography and authentic property information make the\r\n        interface credible while the layout provides a modern,\r\n        professional digital experience.\r\n\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"wv-showcase-shell\">\r\n\r\n      <!-- REPLACE IMAGE -->\r\n\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/via.placeholder.com\/1500x780\"\r\n        alt=\"Waterview Holiday Retreat website visual system\">\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- OUTCOME -->\r\n\r\n    <div class=\"wv-outcome\">\r\n\r\n\r\n      <div>\r\n\r\n        <span class=\"wv-label\">\r\n\r\n          <span class=\"wv-label-dot\"><\/span>\r\n\r\n          Outcome Note\r\n\r\n        <\/span>\r\n\r\n        <h3 class=\"wv-h3\"\r\n            style=\"font-size:30px;\">\r\n\r\n          A factual case study.\r\n\r\n        <\/h3>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"wv-outcome-card\">\r\n\r\n        <p>\r\n\r\n          Stay names, bed layouts, guide prices, amenities, location\r\n          language and booking provider details are taken from the live\r\n          Waterview Holiday Retreat update captured on 20 August 2024.\r\n\r\n        <\/p>\r\n\r\n        <p>\r\n\r\n          Property and room imagery comes from the site's existing media\r\n          library. No occupancy, booking, conversion, revenue or guest\r\n          satisfaction performance is claimed without client-supplied\r\n          analytics.\r\n\r\n        <\/p>\r\n\r\n\r\n        <div class=\"wv-outcome-note\">\r\n\r\n          <svg\r\n            width=\"15\"\r\n            height=\"15\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\">\r\n\r\n            <use href=\"#wv-icon-calendar\"><\/use>\r\n\r\n          <\/svg>\r\n\r\n          Production interfaces captured on 20 August 2024.\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- ======================================================\r\n     09 DELIVERED VALUE\r\n     ====================================================== -->\r\n\r\n<section class=\"wv-section\">\r\n\r\n  <div class=\"wv-container\">\r\n\r\n    <div class=\"wv-value-panel\">\r\n\r\n\r\n      <span class=\"wv-label\">\r\n\r\n        <span class=\"wv-label-dot\"><\/span>\r\n\r\n        Delivered Value\r\n\r\n      <\/span>\r\n\r\n\r\n      <h2 class=\"wv-h2\">\r\n\r\n        A more focused,\r\n\r\n        <span class=\"wv-gradient-text\">\r\n          confident hospitality journey.\r\n        <\/span>\r\n\r\n      <\/h2>\r\n\r\n\r\n\r\n      <div class=\"wv-value-grid\">\r\n\r\n\r\n        <div class=\"wv-value-card\">\r\n\r\n          <div class=\"wv-icon wv-icon-gradient\">\r\n\r\n            <svg>\r\n              <use href=\"#wv-icon-check\"><\/use>\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          <p>\r\n\r\n            One coherent hospitality story connecting six named stay\r\n            categories and seven shared amenity themes.\r\n\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"wv-value-card\">\r\n\r\n          <div class=\"wv-icon wv-icon-gradient\">\r\n\r\n            <svg>\r\n              <use href=\"#wv-icon-route\"><\/use>\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          <p>\r\n\r\n            A clearer decision path from first impression to room\r\n            comparison, authentic imagery and secure availability.\r\n\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"wv-value-card\">\r\n\r\n          <div class=\"wv-icon wv-icon-gradient\">\r\n\r\n            <svg>\r\n              <use href=\"#wv-icon-monitor\"><\/use>\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          <p>\r\n\r\n            A responsive interface documented at 1440px desktop and\r\n            390px mobile production viewpoints.\r\n\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"wv-value-card\">\r\n\r\n          <div class=\"wv-icon wv-icon-gradient\">\r\n\r\n            <svg>\r\n              <use href=\"#wv-icon-image\"><\/use>\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          <p>\r\n\r\n            A distinctive resort identity built from real property\r\n            photography and a nature-led visual direction.\r\n\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"wv-value-bottom\">\r\n\r\n        <span class=\"wv-label\">\r\n\r\n          <span class=\"wv-label-dot\"><\/span>\r\n\r\n          Build Something Relevant To Your Market\r\n\r\n        <\/span>\r\n\r\n\r\n        <h3 class=\"wv-h3\"\r\n            style=\"font-size:29px;\">\r\n\r\n          Explore our website development service\r\n\r\n        <\/h3>\r\n\r\n\r\n        <p class=\"wv-body\">\r\n\r\n          The same team, process and attention to business intent are\r\n          available for your next website.\r\n\r\n        <\/p>\r\n\r\n\r\n        <a href=\"#\"\r\n           class=\"wv-btn\">\r\n\r\n          Explore Website Development\r\n\r\n          <svg>\r\n            <use href=\"#wv-icon-arrow\"><\/use>\r\n          <\/svg>\r\n\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- ======================================================\r\n     10 RELATED PROJECTS\r\n     ====================================================== -->\r\n\r\n<section class=\"wv-section\">\r\n\r\n  <div class=\"wv-container\">\r\n\r\n\r\n    <span class=\"wv-label\">\r\n\r\n      <span class=\"wv-label-dot\"><\/span>\r\n\r\n      More Projects\r\n\r\n    <\/span>\r\n\r\n\r\n    <h2 class=\"wv-h2\">\r\n\r\n      Related website\r\n\r\n      <span class=\"wv-gradient-text\">\r\n        case studies.\r\n      <\/span>\r\n\r\n    <\/h2>\r\n\r\n\r\n\r\n    <div class=\"wv-case-grid\">\r\n\r\n\r\n      <article class=\"wv-case\">\r\n\r\n        <div class=\"wv-case-image\">\r\n\r\n          <!-- REPLACE IMAGE -->\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/via.placeholder.com\/650x450\"\r\n            alt=\"Nourish With Reima project\">\r\n\r\n\r\n          <span class=\"wv-case-arrow\">\r\n\r\n            <svg>\r\n              <use href=\"#wv-icon-arrow\"><\/use>\r\n            <\/svg>\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"wv-case-content\">\r\n\r\n          <span class=\"wv-case-type\">\r\n            Nutrition & Dietitian Website\r\n          <\/span>\r\n\r\n          <h3 class=\"wv-h3\">\r\n\r\n            Nourish With Reima: expert nutrition guidance made warm,\r\n            personal and practical.\r\n\r\n          <\/h3>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <article class=\"wv-case\">\r\n\r\n        <div class=\"wv-case-image\">\r\n\r\n          <!-- REPLACE IMAGE -->\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/via.placeholder.com\/650x450\"\r\n            alt=\"Qhlz Tax website project\">\r\n\r\n\r\n          <span class=\"wv-case-arrow\">\r\n\r\n            <svg>\r\n              <use href=\"#wv-icon-arrow\"><\/use>\r\n            <\/svg>\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"wv-case-content\">\r\n\r\n          <span class=\"wv-case-type\">\r\n            Accounting & Business Advisory\r\n          <\/span>\r\n\r\n          <h3 class=\"wv-h3\">\r\n\r\n            Qhlz Tax: Australian tax and business advice made clear\r\n            enough to act on.\r\n\r\n          <\/h3>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <article class=\"wv-case\">\r\n\r\n        <div class=\"wv-case-image\">\r\n\r\n          <!-- REPLACE IMAGE -->\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/via.placeholder.com\/650x450\"\r\n            alt=\"Gupta Pharma website project\">\r\n\r\n\r\n          <span class=\"wv-case-arrow\">\r\n\r\n            <svg>\r\n              <use href=\"#wv-icon-arrow\"><\/use>\r\n            <\/svg>\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"wv-case-content\">\r\n\r\n          <span class=\"wv-case-type\">\r\n            Pharmaceutical Distribution\r\n          <\/span>\r\n\r\n          <h3 class=\"wv-h3\">\r\n\r\n            Gupta Pharma: three decades of pharmaceutical distribution\r\n            made clear, current and dependable.\r\n\r\n          <\/h3>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- ======================================================\r\n     11 PREMIUM CONTACT CTA\r\n     ====================================================== -->\r\n\r\n<div class=\"wv-footer-wrap\">\r\n\r\n<section class=\"wv-footer\">\r\n\r\n  <div class=\"wv-container\">\r\n\r\n\r\n    <div class=\"wv-footer-grid\">\r\n\r\n\r\n      <div>\r\n\r\n\r\n        <span class=\"wv-label\">\r\n\r\n          <span class=\"wv-label-dot\"><\/span>\r\n\r\n          Start Your Project\r\n\r\n        <\/span>\r\n\r\n\r\n        <h2 class=\"wv-h2\">\r\n\r\n          Want Waterview Holiday Retreat's clarity\r\n\r\n          <span class=\"wv-gradient-text\">\r\n            for your business?\r\n          <\/span>\r\n\r\n        <\/h2>\r\n\r\n\r\n        <p class=\"wv-body\">\r\n\r\n          Tell us what you want to build or improve. We'll identify the\r\n          strongest content, search and conversion opportunities before\r\n          proposing a plan.\r\n\r\n        <\/p>\r\n\r\n\r\n\r\n        <div class=\"wv-contact-detail\">\r\n\r\n          <div class=\"wv-icon\">\r\n\r\n            <svg>\r\n              <use href=\"#wv-icon-message\"><\/use>\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          WhatsApp us on +91 77608 77426\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"wv-form-card\">\r\n\r\n        <form action=\"\">\r\n\r\n\r\n          <div class=\"wv-form-grid\">\r\n\r\n\r\n            <div class=\"wv-field\">\r\n\r\n              <label>\r\n                Full name *\r\n              <\/label>\r\n\r\n              <input\r\n                type=\"text\"\r\n                placeholder=\"e.g. Jane Doe\"\r\n                required>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"wv-field\">\r\n\r\n              <label>\r\n                Work email *\r\n              <\/label>\r\n\r\n              <input\r\n                type=\"email\"\r\n                placeholder=\"you@company.com\"\r\n                required>\r\n\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <div class=\"wv-form-grid\">\r\n\r\n\r\n            <div class=\"wv-field\">\r\n\r\n              <label>\r\n                WhatsApp number *\r\n              <\/label>\r\n\r\n              <input\r\n                type=\"tel\"\r\n                placeholder=\"+91 98765 43210\"\r\n                required>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"wv-field\">\r\n\r\n              <label>\r\n                Service needed *\r\n              <\/label>\r\n\r\n              <select required>\r\n\r\n                <option value=\"\">\r\n                  Select service\r\n                <\/option>\r\n\r\n                <option>\r\n                  Website Development\r\n                <\/option>\r\n\r\n                <option>\r\n                  SEO\r\n                <\/option>\r\n\r\n                <option>\r\n                  Google Ads\r\n                <\/option>\r\n\r\n                <option>\r\n                  Meta Ads\r\n                <\/option>\r\n\r\n                <option>\r\n                  Social Media Marketing\r\n                <\/option>\r\n\r\n              <\/select>\r\n\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <button\r\n            type=\"submit\"\r\n            class=\"wv-btn\"\r\n            style=\"              width:100%;              border:none;              cursor:pointer;              margin-top:4px;            \">\r\n\r\n            Send My Enquiry\r\n\r\n            <svg>\r\n              <use href=\"#wv-icon-arrow\"><\/use>\r\n            <\/svg>\r\n\r\n          <\/button>\r\n\r\n\r\n          <p class=\"wv-form-note\">\r\n\r\n            We'll use these details only to respond to your enquiry.\r\n\r\n          <\/p>\r\n\r\n\r\n        <input type=\"hidden\" name=\"trp-form-language\" value=\"ar\"\/><\/form>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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":3,"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-21435","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/pages\/21435","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\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/comments?post=21435"}],"version-history":[{"count":121,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/pages\/21435\/revisions"}],"predecessor-version":[{"id":21688,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/pages\/21435\/revisions\/21688"}],"wp:attachment":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/media?parent=21435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}