{"id":10647,"date":"2026-01-08T11:24:13","date_gmt":"2026-01-08T11:24:13","guid":{"rendered":"https:\/\/valasys.ae\/valasys-dm-new\/?page_id=10647"},"modified":"2026-01-23T17:16:58","modified_gmt":"2026-01-23T11:46:58","slug":"luxury-resort-story","status":"publish","type":"case_study","link":"https:\/\/valasys.ae\/valasys-dm-new\/case-studies\/website-development\/tourism-hospitality\/luxury-resort-story\/","title":{"rendered":"Website Development &#8211; Tourism &#038; Hospitality &#8211; Luxury Resort Story"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10647\" class=\"elementor elementor-10647\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a719b44 e-con-full e-flex e-con e-parent\" data-id=\"a719b44\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62b5e6f elementor-widget elementor-widget-html\" data-id=\"62b5e6f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n* {\r\nmargin: 0;\r\npadding: 0;\r\nbox-sizing: border-box;\r\n}\r\n\r\nbody {\r\nfont-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;\r\nbackground: #000;\r\ncolor: #fff;\r\noverflow-x: hidden;\r\nline-height: 1.6;\r\n}\r\n\r\n\/* Hero Section *\/\r\n.hero {\r\nmin-height: 70vh;\r\nbackground: #000;\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: center;\r\nposition: relative;\r\noverflow: hidden;\r\n}\r\n\r\n.hero::before {\r\ncontent: '';\r\nposition: absolute;\r\nwidth: 800px;\r\nheight: 800px;\r\nbackground: radial-gradient(circle, rgba(212, 175, 55, 0.15) 0%, transparent 70%);\r\nborder-radius: 50%;\r\ntop: 50%;\r\nleft: 50%;\r\ntransform: translate(-50%, -50%);\r\nanimation: float 6s ease-in-out infinite;\r\n}\r\n\r\n@keyframes float {\r\n0%, 100% { transform: translate(-50%, -50%) scale(1); }\r\n50% { transform: translate(-50%, -55%) scale(1.1); }\r\n}\r\n\r\n.hero-content {\r\nmax-width: 1200px;\r\npadding:10px 40px;\r\nposition: relative;\r\ntext-align: center;\r\n}\r\n\r\n\/* Stat Pills *\/\r\n\/* Desktop default *\/\r\n.stat-pills {\r\ndisplay: flex;\r\njustify-content: center;\r\nalign-items: center;\r\ngap: 20px;\r\nmargin-bottom: 50px;\r\nflex-wrap: nowrap; \/* force single row *\/\r\n}\r\n\r\n\r\n.pill {\r\nbackground: rgba(212, 175, 55, 0.15);\r\nbackdrop-filter: blur(10px);\r\nborder: 1px solid rgba(212, 175, 55, 0.3);\r\npadding: 12px 28px;\r\nborder-radius: 50px;\r\nfont-size:1rem;\r\nfont-weight: 600;\r\ncolor: #EEE3D2;\r\ntransition: all 0.3s ease;\r\n}\r\n\r\n.pill:hover {\r\nbackground: rgba(212, 175, 55, 0.25);\r\nborder-color: #D29A0C;\r\ntransform: translateY(-2px);\r\n}\r\n\r\n.pill strong {\r\nfont-size: 1.1rem;\r\nmargin-right: 6px;\r\n}\r\n\r\n\/* Hero Typography *\/\r\n.hero-label {\r\ndisplay: inline-block;\r\ncolor: #fff;\r\npadding: 10px 20px;\r\nborder-radius: 50px;\r\nfont-size: 1.5rem;\r\nfont-weight: 700;\r\ntext-transform: uppercase;\r\nletter-spacing: 1px;\r\nmargin-bottom: 10px;\r\nopacity: 0;\r\nanimation: fadeInUp 0.8s ease-out 0.4s forwards;\r\n}\r\n\r\nh1 {\r\nfont-weight: 900;\r\nmargin-bottom: 15px;\r\nline-height: 1.1;\r\nbackground: linear-gradient(135deg, #f4d03f, #D29A0C);\r\n-webkit-background-clip: text;\r\n-webkit-text-fill-color: transparent;\r\nbackground-clip: text;\r\nopacity: 0;\r\nanimation: fadeInUp 0.8s ease-out 0.6s forwards;\r\n}\r\n\r\n.hero-subtitle {\r\ncolor: #aaa;\r\nline-height: 1.7;\r\nmax-width: 900px;\r\nmargin: 0 auto 20px;\r\nopacity: 0;\r\nanimation: fadeInUp 0.8s ease-out 0.8s forwards;\r\n}\r\n\r\n\/* Floating Tags *\/\r\n.floating-tags {\r\ndisplay: flex;\r\njustify-content: center;\r\nflex-wrap: wrap;\r\ngap: 12px;\r\nopacity: 0;\r\nanimation: fadeInUp 0.8s ease-out 1s forwards;\r\n}\r\n\r\n.tag {\r\nbackground: rgba(255, 255, 255, 0.05);\r\nborder: 1px solid rgba(255, 255, 255, 0.1);\r\npadding: 10px 20px;\r\nborder-radius: 8px;\r\nfont-size: 0.9rem;\r\nfont-weight: 500;\r\ncolor: #fff;\r\ncursor: pointer;\r\ntransition: all 0.3s ease;\r\nposition: relative;\r\noverflow: hidden;\r\n}\r\n\r\n.tag::before {\r\ncontent: '';\r\nposition: absolute;\r\ntop: 0;\r\nleft: -100%;\r\nwidth: 100%;\r\nheight: 100%;\r\nbackground: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.3), transparent);\r\ntransition: left 0.5s ease;\r\n}\r\n\r\n.tag:hover::before {\r\nleft: 100%;\r\n}\r\n\r\n.tag:hover {\r\nborder-color: #D29A0C;\r\nbackground: rgba(212, 175, 55, 0.1);\r\n}\r\n\r\n@keyframes fadeInUp {\r\nfrom {\r\nopacity: 0;\r\ntransform: translateY(30px);\r\n}\r\nto {\r\nopacity: 1;\r\ntransform: translateY(0);\r\n}\r\n}\r\n\r\n\/* Goals Section *\/\r\n.goals-section {\r\nbackground: #0a0a0a;\r\npadding: 120px 40px;\r\n}\r\n\r\n.section-container {\r\nmax-width: 1200px;\r\nmargin: 0 auto;\r\n}\r\n\r\n.goals-grid {\r\ndisplay: grid;\r\ngrid-template-columns: 400px auto;\r\ngap: 100px;\r\nalign-items: start;\r\n}\r\n\r\n.goals-header h2 {\r\nfont-size: 2.8rem;\r\nfont-weight: 900;\r\nmargin-bottom: 20px;\r\nline-height: 1.2;\r\nbackground: linear-gradient(135deg, #f4d03f, #D29A0C);\r\n-webkit-background-clip: text;\r\n-webkit-text-fill-color: transparent;\r\n}\r\n\r\n.goals-header .highlight {\r\ncolor: #D29A0C;\r\n}\r\n\r\n.goals-meta {\r\nfont-size: 1.1rem;\r\ncolor: #888;\r\nmargin-bottom: 30px;\r\n}\r\n\r\n.goals-badge {\r\ndisplay: inline-flex;\r\nalign-items: center;\r\ngap: 10px;\r\nbackground: rgba(212, 175, 55, 0.15);\r\nborder: 1px solid rgba(212, 175, 55, 0.3);\r\npadding: 15px 25px;\r\nborder-radius: 50px;\r\nfont-weight: 700;\r\ncolor: #D29A0C;\r\n}\r\n\r\n.goals-badge span {\r\ndisplay: inline-block;\r\nwidth: 35px;\r\nheight: 35px;\r\nbackground: #D29A0C;\r\ncolor: #000;\r\nborder-radius: 50%;\r\ntext-align: center;\r\nline-height: 35px;\r\nfont-size: 1.02rem;\r\n}\r\n\r\n.goals-list {\r\ndisplay: flex;\r\nflex-direction: column;\r\ngap: 20px;\r\n}\r\n\r\n.goal-card {\r\nbackground: rgba(212, 175, 55, 0.05);\r\nborder:0.2px solid rgba(212, 175, 55, 0.3);\r\npadding: 30px;\r\nborder-radius: 12px;\r\ndisplay: flex;\r\njustify-content: space-between;\r\nalign-items: center;\r\nposition: relative;\r\npadding-top: 44px; \/* space for the angled tab *\/\r\n\r\n}\r\n\r\n.goal-card:hover {\r\nbackground: rgba(212, 175, 55, 0.05);\r\nborder-color: rgba(212, 175, 55, 0.3);\r\ntransform: translateX(10px);\r\nborder-left: 4px solid #D29A0C;\r\nborder-radius: 12px;\r\ntransition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n.goal-title {\r\ntext-align: left;\r\nfont-size: 1.02rem;\r\nfont-weight: 600;\r\ncolor: #fff;\r\n}\r\n\r\n.goal-chip {\r\nposition: absolute;\r\ntop: 0;\r\nright: 0;\r\n\r\nbackground: linear-gradient(150deg, #D29A0C 0%, #fff 100%);\r\ncolor: #000;\r\n\r\npadding: 10px 22px 12px 26px;\r\nfont-size: 0.72rem;\r\nfont-weight: 800;\r\nletter-spacing: 0.6px;\r\ntext-transform: uppercase;\r\n\r\n\/* Angled cut shape *\/\r\nclip-path: polygon(\r\n-12% 0,\r\n100% 0,\r\n100% 100%,\r\n0 100%,\r\n0 35%\r\n);\r\n\r\nborder-top-right-radius: 12px;\r\nborder-bottom-left-radius: 10px;\r\nwhite-space: nowrap;\r\n}\r\n\r\n\/* Results Section *\/\r\n.results-section {\r\nbackground: #fff;\r\ncolor: #000;\r\npadding: 120px 40px;\r\n}\r\n\r\n.results-header {\r\ntext-align: center;\r\nmargin-bottom: 80px;\r\n}\r\n\r\n.results-header h2 {\r\nfont-size: 4rem;\r\nfont-weight: 900;\r\nmargin-bottom: 20px;\r\nbackground: linear-gradient(135deg, #000 0%, #D29A0C 100%);\r\n-webkit-background-clip: text;\r\n-webkit-text-fill-color: transparent;\r\nbackground-clip: text;\r\n}\r\n\r\n.results-subtext {\r\nfont-size: 1.3rem;\r\ncolor: #666;\r\n}\r\n\r\n.metrics-grid {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(3, 1fr);\r\ngap: 30px;\r\nmargin-bottom: 50px;\r\n}\r\n\r\n.metric-card {\r\nbackground: #000;\r\npadding: 60px 40px;\r\nborder-radius: 20px;\r\ntext-align: center;\r\nposition: relative;\r\noverflow: hidden;\r\ntransition: all 0.4s ease;\r\n}\r\n\r\n.metric-card::before {\r\ncontent: '';\r\nposition: absolute;\r\ninset: 0;\r\nbackground: linear-gradient(135deg, rgba(212, 175, 55, 0.1) 0%, transparent 100%);\r\nopacity: 0;\r\ntransition: opacity 0.4s ease;\r\n}\r\n\r\n.metric-card:hover::before {\r\nopacity: 1;\r\n}\r\n\r\n.metric-card:hover {\r\ntransform: translateY(-10px);\r\nbox-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.metric-value {\r\nfont-size: 4.5rem;\r\nfont-weight: 900;\r\nbackground: linear-gradient(135deg, #D29A0C 0%, #fff 100%);\r\n-webkit-background-clip: text;\r\n-webkit-text-fill-color: transparent;\r\nbackground-clip: text;\r\nmargin-bottom: 15px;\r\nline-height: 1;\r\n}\r\n\r\n.metric-label {\r\nfont-size: 1.2rem;\r\ncolor: #fff;\r\nfont-weight: 600;\r\ntext-transform: uppercase;\r\nletter-spacing: 1px;\r\n}\r\n\r\n\/* Approach Section *\/\r\n.approach-section {\r\nbackground: #0a0a0a;\r\npadding: 120px 40px;\r\n}\r\n\r\n.approach-header {\r\ntext-align: center;\r\nmargin-bottom: 80px;\r\n}\r\n\r\n.approach-header h2 {\r\nfont-size: 3.5rem;\r\nfont-weight: 900;\r\nbackground: linear-gradient(135deg, #f4d03f, #D29A0C);\r\n-webkit-background-clip: text;\r\n-webkit-text-fill-color: transparent;\r\nmargin-bottom: 20px;\r\n}\r\n\r\n.approach-grid {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(2, 1fr);\r\ngap: 40px;\r\n}\r\n\r\n.approach-card {\r\nbackground: rgba(255, 255, 255, 0.02);\r\nborder: 1px solid rgba(255, 255, 255, 0.08);\r\npadding: 50px;\r\nborder-radius: 20px;\r\ntransition: all 0.4s ease;\r\nposition: relative;\r\n}\r\n\r\n.approach-card::after {\r\ncontent: '';\r\nposition: absolute;\r\ninset: 0;\r\nborder-radius: 20px;\r\npadding: 2px;\r\nbackground: linear-gradient(135deg, #D29A0C, transparent);\r\n-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n-webkit-mask-composite: xor;\r\nmask-composite: exclude;\r\nopacity: 0;\r\ntransition: opacity 0.4s ease;\r\n}\r\n\r\n.approach-card:hover::after {\r\nopacity: 1;\r\n}\r\n\r\n.approach-card:hover {\r\nbackground: rgba(255, 255, 255, 0.05);\r\ntransform: translateY(-5px);\r\n}\r\n\r\n.approach-number {\r\ndisplay: inline-flex;\r\nalign-items: center;\r\njustify-content: center;\r\nwidth: 60px;\r\nheight: 60px;\r\nbackground: linear-gradient(135deg, #fff 0%, #D29A0C 100%);\r\ncolor:#000000;\r\nborder-radius: 50%;\r\nfont-weight: 900;\r\nfont-size: 1.5rem;\r\nmargin-bottom: 25px;\r\n}\r\n\r\n.approach-title {\r\nfont-size: 1.8rem;\r\nfont-weight: 700;\r\nbackground: linear-gradient(135deg, #fff 0%, #D29A0C 100%);\r\n-webkit-background-clip: text;\r\n-webkit-text-fill-color: transparent;\r\nmargin-bottom: 15px;\r\n}\r\n\r\n.approach-desc {\r\nfont-size: 1.1rem;\r\ncolor: #aaa;\r\nline-height: 1.7;\r\n}\r\n\r\n\/* Quote Section *\/\r\n.quote-section {\r\nbackground: linear-gradient(135deg, #D29A0C 0%, #f4d03f 100%);\r\npadding: 100px 40px;\r\ntext-align: center;\r\nposition: relative;\r\noverflow: hidden;\r\n}\r\n\r\n.quote-section::before {\r\ncontent: '\"';\r\nposition: absolute;\r\nfont-size: 20rem;\r\nfont-weight: 900;\r\ncolor: rgba(0, 0, 0, 0.05);\r\ntop: -50px;\r\nleft: 50%;\r\ntransform: translateX(-50%);\r\nline-height: 1;\r\n}\r\n\r\n.quote-content {\r\nmax-width: 1000px;\r\nmargin: 0 auto;\r\nposition: relative;\r\nz-index: 1;\r\n}\r\n\r\n.quote-text {\r\nfont-size: 2rem;\r\nfont-weight: 600;\r\ncolor: #000;\r\nline-height: 1.6;\r\nmargin-bottom: 30px;\r\nfont-style: italic;\r\n}\r\n\r\n.quote-author {\r\nfont-size: 1.2rem;\r\nfont-weight: 700;\r\ncolor: #000;\r\n}\r\n\r\n\/* CTA Section *\/\r\n.cta-section {\r\nbackground: #000;\r\npadding: 120px 40px;\r\ntext-align: center;\r\n}\r\n\r\n.cta-section h2 {\r\nfont-size: 3.5rem;\r\nfont-weight: 900;\r\nmargin-bottom: 20px;\r\nbackground: linear-gradient(135deg, #f4d03f, #D29A0C);\r\n-webkit-background-clip: text;\r\n-webkit-text-fill-color: transparent;\r\nbackground-clip: text;\r\n}\r\n\r\n.cta-subtitle {\r\nfont-size: 1.3rem;\r\ncolor: #888;\r\nmargin-bottom: 50px;\r\n}\r\n\r\n.cta-button {\r\ndisplay: inline-block;\r\nbackground: #D29A0C;\r\ncolor: #000;\r\npadding: 15px 30px;\r\nborder-radius: 50px;\r\nfont-size: 1rem;\r\nfont-weight: 700;\r\ntext-decoration: none;\r\ntransition: all 0.3s ease;\r\ntext-transform: uppercase;\r\nletter-spacing: 1px;\r\nbox-shadow: 0 10px 30px rgba(212, 175, 55, 0.3);\r\n}\r\n\r\n.cta-button:hover {\r\ntransform: translateY(-5px);\r\nbox-shadow: 0 15px 40px rgba(212, 175, 55, 0.5);\r\n}\r\n\r\n\/* Hide by default *\/\r\n.mobile-marquee-section {\r\ndisplay: none;\r\n}\r\n\r\n\r\n\/* ============================= *\/\r\n\/* GLOBAL RESPONSIVE IMPROVEMENTS *\/\r\n\/* ============================= *\/\r\n\r\n\/* Desktop *\/\r\n @media (min-width: 1200px) and (max-width: 1439px) {\r\n.stat-pills{\r\nmargin-top:2%;\r\n}\r\n.hero-content,\r\n.section-container {\r\npadding-left: 24px;\r\npadding-right: 24px;\r\n}\r\n}\r\n\r\n\r\n\/* Laptop (768px \u2013 1024px) *\/\r\n\r\n\r\n@media (max-width: 1024px) {\r\n\/* HERO *\/\r\nh1 {\r\nfont-size: 3rem;\r\n}\r\n\r\n.hero-subtitle {\r\nfont-size: 1rem;\r\nmax-width: 700px;\r\n}\r\n\r\n.stat-pills {\r\nmargin-bottom: 50px;\r\n}\r\n\r\n\r\n\/* GOALS *\/\r\n.goals-grid {\r\ngrid-template-columns: 1fr;\r\n}\r\n\r\n.goal-card {\r\nflex-direction: column;\r\nalign-items: flex-start;\r\ngap: 15px;\r\n}\r\n\r\n\/* METRICS *\/\r\n.metrics-grid {\r\ngrid-template-columns: repeat(2, 1fr);\r\n}\r\n\r\n.metric-value {\r\nfont-size: 3.2rem;\r\n}\r\n\r\n\/* APPROACH *\/\r\n.approach-grid {\r\ngrid-template-columns: 1fr;\r\n}\r\n\r\n\/* QUOTE *\/\r\n.quote-text {\r\nfont-size: 1.6rem;\r\n}\r\n.cta-button:hover {\r\ntransform: translateY(-5px);\r\nbox-shadow: 0 15px 40px rgba(212, 175, 55, 0.5);\r\n}\r\n.hero .cta-button {\r\npadding: 16px 36px;\r\nfont-size: 0.9rem;\r\nborder-radius: 50px;\r\n}\r\n}\r\n\r\n\r\n\/* Large MOBILE (\u2264768px) *\/\r\n@media (max-width: 768px) {\r\n\r\n\r\n\/* HERO CONTAINER *\/\r\n.hero {\r\npadding: 80px 16px 70px;\r\nbackground: radial-gradient(\r\ncircle at top,\r\nrgba(212, 175, 55, 0.18),\r\n#000 65%\r\n);\r\n}\r\n\r\n.hero-content {\r\ndisplay: flex;\r\nflex-direction: column;\r\nalign-items: center;\r\ntext-align: center;\r\n}\r\n\r\n\r\n\/* HERO LABEL *\/\r\n.hero-label {\r\nfont-size: 0.7rem;\r\nfont-weight: 700;\r\nletter-spacing: 1px;\r\ntext-transform: uppercase;\r\nmargin-bottom: 12px;\r\n}\r\n\r\n\/* TITLE *\/\r\n.hero h1 {\r\nfont-size: 1.9rem;\r\nline-height: 1.25;\r\nmargin-bottom: 16px;\r\n}\r\n\r\n\/* SUBTITLE *\/\r\n.hero-subtitle {\r\nfont-size: 0.95rem;\r\nline-height: 1.6;\r\nmax-width: 420px;\r\nmargin-bottom: 32px;\r\ncolor: #c7c7c7;\r\n}\r\n\r\n\/* CTA *\/\r\n.hero .section-container {\r\nwidth: 100%;\r\ndisplay: flex;\r\njustify-content: center;\r\n}\r\n\r\n.hero .cta-button {\r\npadding: 16px 36px;\r\nfont-size: 0.9rem;\r\nborder-radius: 50px;\r\n}\r\n\r\n.stat-pills {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(2, 1fr); \/* 2 columns *\/\r\ngap: 14px 18px; \/* row-gap | column-gap *\/\r\njustify-items: center; \/* center pills inside cells *\/\r\n}\r\n\r\n.stat-pills .pill {\r\npadding: 10px 20px;\r\nwidth: 100%;\r\ntext-align: center;\r\nfont-size: 0.9rem;\r\n}\r\n\r\n\r\n.pill strong {\r\nfont-size: 1rem;\r\nmargin-right: 4px;\r\n}\r\n\r\n\/* Goal section *\/\r\n.goals-section {\r\npadding: 50px 20px;\r\n}\r\n\r\n.section-container {\r\nmargin: 0 auto;\r\n}\r\n\r\n.goals-grid {\r\n\r\n}\r\n\r\n.goals-header{\r\ndisplay: flex;\r\nflex-direction: column;\r\nalign-items: center;  \r\n}\r\n\r\n.goals-header h2 {\r\ntext-align: center;\r\nline-height: 1.2;\r\nmargin-bottom: 10px;\r\n}\r\n\r\n.goals-header .highlight {\r\nfont-size: 1.9rem;\r\n}\r\n\r\n.goals-meta {\r\nfont-size: 1rem;\r\ntext-align: center;\r\nmargin-bottom: 25px;\r\n}\r\n\r\n.goals-badge {\r\ntext-align: center;\r\nfont-size: 1rem;\r\npadding: 12px 30px;\r\nmargin: 0 auto;        \/* \ud83d\udc48 safety fallback *\/\r\n\r\n\r\n}\r\n\r\n.goals-badge span {\r\n\r\nwidth: 30px;\r\nheight: 30px;\r\nline-height: 30px;\r\nfont-size: 1rem;\r\n}\r\n\r\n.goals-list {\r\nmargin-top:-5%;\r\n}\r\n\r\n\r\n\r\n.goal-title {\r\nfont-size: 0.9rem;\r\nfont-weight: 600;\r\n}\r\n\r\n.goal-chip {\r\npadding: 8px 15px;\r\nfont-size: 0.8rem;\r\nfont-weight: 700;\r\nletter-spacing: 0.5px;\r\nwhite-space: nowrap;\r\n}\r\n\r\n.highlight{\r\nfont-size: 1.9rem;\r\n}\r\n\r\n.results-section {\r\npadding: 60px 15px 20px 15px;\r\n}\r\n\r\n.results-header {\r\ntext-align: center;\r\nmargin-bottom: 50px;\r\n}\r\n\r\n.results-header h2 {\r\nfont-size: 1.9rem;\r\nfont-weight: 900;\r\nmargin-bottom: 12px;\r\n}\r\n\r\n.results-subtext {\r\nfont-size: 1.1rem;\r\npadding: 0 25px;\r\n}\r\n\r\n.metrics-grid {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(1, 1fr);\r\ngap: 20px;\r\nmargin-bottom: 40px;\r\n}\r\n\r\n.metric-card {\r\nmargin:0 10%;\r\npadding: 35px 15px;\r\nborder-radius: 20px;\r\n}\r\n\r\n\r\n.metric-value {\r\nfont-size: 2.2rem;\r\nfont-weight: 900;\r\nmargin-bottom: 15px;\r\nline-height: 1;\r\n}\r\n\r\n.metric-label {\r\nfont-size: 1.2rem;\r\nfont-weight: 600;\r\nletter-spacing: 1px;\r\n}\r\n\r\n\r\n\r\n\/* APPROACH *\/\r\n.approach-section {\r\npadding: 60px 20px 40px 20px;\r\n}\r\n\r\n.approach-header h2 {\r\nfont-size: 1.9rem;\r\nmargin-bottom:-8%;\r\n}\r\n\r\n.approach-grid {\r\ngap: 25px;\r\n}\r\n\r\n.approach-card {\r\nmargin:0 8%;\r\npadding: 35px 15px;\r\nborder-radius: 20px;\r\ntext-align: center;\r\n}\r\n\r\n.approach-number {\r\nwidth:50px;\r\nheight: 50px;\r\nfont-size: 18px;\r\nmargin-bottom: 18px;\r\n}\r\n\r\n.approach-title {\r\nfont-size: 1rem;\r\nfont-weight: 700;\r\nmargin-bottom: 15px;\r\n}\r\n\r\n.approach-desc {\r\nfont-size: 0.9rem;\r\nline-height: 1.5;\r\n}\r\n\r\n\/* QUOTE *\/\r\n.quote-section {\r\npadding: 70px 20px;\r\n}\r\n\r\n.quote-text {\r\nfont-size: 1.1rem;\r\n}\r\n\r\n\/* CTA *\/\r\n.cta-section {\r\npadding: 80px 20px;\r\n}\r\n\r\n.cta-section h2 {\r\nfont-size: 1.9rem;\r\n}\r\n\r\n.cta-subtitle{\r\nfont-size: 1.1rem;\r\n}\r\n\r\n.cta-button {\r\npadding: 15px 35px;\r\nfont-size: 1rem;\r\n}\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\/* SMALL MOBILE (\u2264480px) *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n\/* Hero Section *\/\r\n.hero {\r\npadding: 0;\r\nheight: 85vh;\r\n}\r\n\r\n\/* HERO LABEL *\/\r\n.hero-label {\r\nfont-size: 0.7rem;\r\n}\r\n\r\n\/* TITLE *\/\r\n.hero h1 {\r\nfont-size: 1.3rem;\r\nline-height: 1.25;\r\nmargin-bottom: 20px;\r\n}\r\n\r\n\/* SUBTITLE *\/\r\n.hero-subtitle {\r\nfont-size: 0.95rem;\r\nline-height: 1.8;\r\nmargin-bottom: 35px;\r\ncolor: #c7c7c7;\r\n}\r\n\r\n\r\n.hero .cta-button {\r\npadding: 15px 30px;\r\nfont-size: 0.8rem;\r\n}\r\n\r\n\r\n.stat-pills{\r\ndisplay: none;\r\n}\r\n\r\n\/* Goals Section *\/\r\n\r\n.goals-section {\r\npadding: 50px 20px;\r\n}\r\n\r\n.section-container {\r\nmargin: 0 auto;\r\n}\r\n\r\n.goals-grid {\r\n\r\n}\r\n\r\n.goals-header{\r\ndisplay: flex;\r\nflex-direction: column;\r\nalign-items: center;  \r\n}\r\n\r\n.goals-header h2 {\r\ntext-align: center;\r\nline-height: 1.2;\r\nmargin-bottom: 20px;\r\n}\r\n\r\n.goals-header .highlight {\r\nfont-size: 1.5rem;\r\n}\r\n\r\n.goals-meta {\r\nfont-size: 1rem;\r\ntext-align: center;\r\nmargin-bottom: 20px;\r\n}\r\n\r\n.goals-badge {\r\ntext-align: center;\r\nfont-size: 1rem;\r\npadding: 12px 25px;\r\nmargin: 0 auto;        \/* \ud83d\udc48 safety fallback *\/\r\n\r\n\r\n}\r\n\r\n.goals-badge span {\r\n\r\nwidth: 30px;\r\nheight: 30px;\r\nline-height: 30px;\r\nfont-size: 1rem;\r\n}\r\n\r\n.goals-list {\r\nmargin-top:-15%;\r\n}\r\n\r\n\r\n\r\n.goal-title {\r\nfont-size: 0.9rem;\r\nfont-weight: 600;\r\n}\r\n\r\n.goal-chip {\r\npadding: 5px 12px;\r\nfont-size: 0.7rem;\r\nfont-weight: 700;\r\nletter-spacing: 0.5px;\r\nwhite-space: nowrap;\r\n}\r\n\r\n.highlight{\r\nfont-size: 1.9rem;\r\n}\r\n\r\n\r\n\/* Result Section *\/\r\n\r\n.results-section {\r\npadding: 50px 15px 40px 15px;\r\n}\r\n\r\n.results-header {\r\ntext-align: center;\r\nmargin-bottom: 80px;\r\n}\r\n\r\n.results-header h2 {\r\nfont-size: 1.3rem;\r\nfont-weight: 900;\r\nmargin-bottom: 12px;\r\n}\r\n\r\n.results-subtext {\r\nfont-size: 1rem;\r\npadding: 0 10px;\r\n}\r\n\r\n\r\n\r\n\r\n.results-section .metrics-grid {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(3, 1fr); \/* \ud83d\udc48 3 columns *\/\r\ngap: 5px;\r\nmargin-bottom: 12px;\r\n}\r\n\r\n.results-section .metric-card {\r\npadding: 18px 10px;\r\nborder-radius: 12px;\r\nmin-height: 90px;\r\ndisplay: flex;\r\nflex-direction: column;\r\njustify-content: center;\r\nbackground: #000;\r\nbox-shadow: 0 6px 16px rgba(0,0,0,0.35);\r\n}\r\n\r\n.results-section .metric-value {\r\nfont-size: 1.3rem;\r\nfont-weight: 900;\r\nline-height: 1;\r\nmargin-bottom: 6px;\r\nbackground: linear-gradient(135deg, #D29A0C 0%, #fff 100%);\r\n-webkit-background-clip: text;\r\n-webkit-text-fill-color: transparent;\r\n}\r\n\r\n.results-section .metric-label {\r\nfont-size: 0.65rem;\r\nfont-weight: 700;\r\nletter-spacing: 0.6px;\r\ntext-transform: uppercase;\r\ncolor: #fff;\r\nline-height: 1.3;\r\n}\r\n\r\n\/* Reduce header spacing so grid feels tight & premium *\/\r\n.results-header {\r\nmargin-bottom: 30px;\r\n}\r\n\r\n\r\n\r\n\/* Approach Section *\/\r\n.approach-section {\r\npadding: 80px 20px;\r\n}\r\n\r\n.approach-header {\r\ntext-align: center;\r\nmargin-bottom: 10px;\r\n}\r\n\r\n.approach-header h2 {\r\nfont-size: 1.3rem;\r\nfont-weight: 900;\r\nmargin-bottom: 20px;\r\n}\r\n\r\n.approach-grid {\r\ngap: 15px;\r\n}\r\n\r\n.approach-card {\r\nmargin:0 8%;\r\npadding: 25px 10px;\r\nborder-radius: 20px;\r\n}\r\n\r\n.approach-number {\r\nwidth:50px;\r\nheight: 50px;\r\nfont-size: 18px;\r\nmargin-bottom: 18px;\r\n}\r\n\r\n.approach-title {\r\nfont-size: 1rem;\r\nfont-weight: 700;\r\nmargin-bottom: 15px;\r\n}\r\n\r\n.approach-desc {\r\nfont-size: 0.9rem;\r\nline-height: 1.5;\r\n}\r\n\r\n\r\n\/* Quote Section *\/\r\n.quote-section {\r\npadding: 80px 20px;\r\n\r\n}\r\n\r\n.quote-text {\r\nfont-size: 2rem;\r\nfont-weight: 600;\r\nline-height: 1.6;\r\nmargin-bottom: 30px;\r\n\r\n}\r\n\r\n.quote-author {\r\nfont-size: 1.2rem;\r\nfont-weight: 700;\r\ncolor: #000;\r\n}\r\n\r\n.quote-text {\r\nfont-size: 0.9rem;\r\n}\r\n\r\n.quote-author{\r\nfont-size: 0.9rem;    \r\n}\r\n\r\n.cta-subtitle{\r\nfont-size:0.9rem;\r\n}\r\n.cta-section h2{\r\nfont-size: 1.3rem;\r\n}\r\n\r\n.cta-button{\r\npadding:10px 20px;\r\nfont-size:0.7rem;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\/* Show only on mobile *\/\r\n@media (max-width: 480px) {\r\n.mobile-marquee-section {\r\ndisplay: flex;              \/* \ud83d\udc48 important *\/\r\nalign-items: center;        \/* \ud83d\udc48 vertical centering *\/\r\njustify-content: center;    \/* \ud83d\udc48 horizontal safety *\/\r\nheight: 100px;              \/* your fixed height *\/\r\npadding: 20px 14px;\r\n}\r\n\r\n.mobile-marquee {\r\nwidth: 100%;\r\nmax-width: 100%;\r\npadding: 14px 0;\r\nborder-radius: 14px;\r\nbackground: rgba(255, 255, 255, 0.08);\r\nbackdrop-filter: blur(12px);\r\n-webkit-backdrop-filter: blur(12px);\r\nbox-shadow: 0 6px 22px rgba(0,0,0,0.45);\r\noverflow: hidden;\r\nposition: relative;\r\ndisplay: flex;\r\nalign-items: center;  \r\n}\r\n\r\n\/* Fade edges *\/\r\n.mobile-marquee::before,\r\n.mobile-marquee::after {\r\ncontent: \"\";\r\nposition: absolute;\r\ntop: 10%;\r\nwidth: 50px;\r\nheight: 100%;\r\nz-index: 2;\r\n}\r\n\r\n.mobile-marquee::before {\r\nleft: 0;\r\nbackground: linear-gradient(to right, #0f0f0f, transparent);\r\n}\r\n\r\n.mobile-marquee::after {\r\nright: 0;\r\nbackground: linear-gradient(to left, #0f0f0f, transparent);\r\n}\r\n\r\n.mobile-track {\r\ndisplay: flex;\r\nwidth: max-content;\r\nanimation: mobileMarquee 18s linear infinite;\r\n}\r\n\r\n.mobile-track span {\r\ndisplay: flex;\r\nalign-items: center;\r\nmargin-right: 36px;\r\nfont-size: 15px;\r\nletter-spacing: 0.3px;\r\ncolor: #f1f1f1;\r\nwhite-space: nowrap;\r\nposition: relative;\r\npadding-right: 25px; \r\n}\r\n\r\n.mobile-track span b {\r\ncolor: #d4af37;\r\nfont-weight: 600;\r\nmargin-right: 6px;  \r\n}\r\n\r\n.mobile-track span::after {\r\ncontent: \"\u2022\";\r\nposition: absolute;\r\nright: -15px;\r\ntop: 50%;\r\ntransform: translateY(-55%);\r\nfont-size: 45px;\r\ncolor: #d4af37; \/* premium gold *\/\r\nopacity: 0.9;\r\ntext-shadow: 0 0 6px rgba(212,175,55,0.6);\r\n\r\n}\r\n\r\n\/* Remove dot after last visible item in loop *\/\r\n.mobile-track span:last-child::after {\r\ndisplay: none;\r\n}\r\n\r\n\r\n\r\n@keyframes mobileMarquee {\r\nfrom {\r\ntransform: translateX(0);\r\n}\r\nto {\r\ntransform: translateX(-50%);\r\n}\r\n}\r\n\r\n\/* Pause on touch *\/\r\n.mobile-marquee:active .mobile-track {\r\nanimation-play-state: paused;\r\n}\r\n}\r\n\r\n\/* Scroll Animations *\/\r\n.fade-in {\r\nopacity: 0;\r\ntransform: translateY(40px);\r\ntransition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.fade-in.visible {\r\nopacity: 1;\r\ntransform: translateY(0);\r\n}\r\n\r\n\/* Delayed fade specifically for CTA *\/\r\n.fade-in-delay {\r\nopacity: 0;\r\ntransform: translateY(40px);\r\ntransition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\ntransition-delay: 0.3s; \/* AFTER paragraph *\/\r\n}\r\n\r\n.fade-in-delay.visible {\r\nopacity: 1;\r\ntransform: translateY(0);\r\n}\r\n\r\n<\/style>\r\n\r\n<!-- Hero Section -->\r\n<section class=\"hero\">\r\n<div class=\"hero-content\">\r\n    <div class=\"stat-pills\">\r\n        <div class=\"pill\"><strong>Premium<\/strong>Beachfront Resort<\/div>\r\n        <div class=\"pill\"><strong>World-Class<\/strong>Spa & Dining<\/div>\r\n        <div class=\"pill\"><strong>Private<\/strong>Beach Access<\/div>\r\n        <div class=\"pill\"><strong>5-Star<\/strong>Luxury Experience<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hero-label\">Problem Statement<\/div>\r\n    <h1>The Luxury Resort Story<\/h1>\r\n    <p class=\"hero-subtitle\">\r\n        A premium resort with an outdated website that didn't capture the magic of the destination. They were losing direct bookings to OTAs.\r\n    <\/p>\r\n    <div class=\"section-container fade-in-delay\">\r\n       <a href=\"\" class=\"cta-button fade-in hs-cta-trigger-button hs-cta-trigger-button-201038088286\">Schedule Free Website Audit<\/a>\r\n   <\/div> \r\n\r\n    <!-- <div class=\"floating-tags\">\r\n        <div class=\"tag\">The Market<\/div>\r\n        <div class=\"tag\">The Behavior<\/div>\r\n        <div class=\"tag\">The Gap<\/div>\r\n        <div class=\"tag\">The Mission<\/div>\r\n        <div class=\"tag\">The Challenge<\/div>\r\n        <div class=\"tag\">The Solution<\/div>\r\n    <\/div> -->\r\n    \r\n<\/div>\r\n<\/section>\r\n\r\n<!-- Goals Section -->\r\n<section class=\"goals-section\">\r\n<div class=\"section-container\">\r\n    <div class=\"goals-grid\">\r\n        <div class=\"goals-header\">\r\n            <h2><span class=\"highlight\">Campaign Goals<\/span><\/h2>\r\n            <p class=\"goals-meta\">Built to perform during and beyond the campaign.<\/p>\r\n            <div class=\"goals-badge\">\r\n                <span>4<\/span>\r\n                Goals guiding the strategy\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"goals-list\">\r\n            <div class=\"goal-card fade-in\">\r\n                <div class=\"goal-title\">Create Immersive Digital Experience<\/div>\r\n                <div class=\"goal-chip\">Brand Experience<\/div>\r\n            <\/div>\r\n            <div class=\"goal-card fade-in\">\r\n                <div class=\"goal-title\">Drive Direct Bookings<\/div>\r\n                <div class=\"goal-chip\">Revenue Focus<\/div>\r\n            <\/div>\r\n            <div class=\"goal-card fade-in\">\r\n                <div class=\"goal-title\">Reduce OTA Dependency<\/div>\r\n                <div class=\"goal-chip\">Margin Protection<\/div>\r\n            <\/div>\r\n            <div class=\"goal-card fade-in\">\r\n                <div class=\"goal-title\">Showcase Full Experience<\/div>\r\n                <div class=\"goal-chip\">Content Strategy<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<section class=\"mobile-marquee-section\">\r\n  <div class=\"mobile-marquee\">\r\n    <div class=\"mobile-track\">\r\n      <span><b>Premium <\/b>Beachfront Resort<\/span>\r\n      <span><b>World-Class <\/b>Spa & Dining<\/span>\r\n      <span><b>Private <\/b>Beach Access<\/span>\r\n      <span><b>5-Star <\/b>Luxury Experience<\/span>\r\n\r\n      <!-- duplicate for seamless loop -->\r\n      <span><b>Premium <\/b>Beachfront Resort<\/span>\r\n      <span><b>World-Class <\/b>Spa & Dining<\/span>\r\n      <span><b>Private <\/b>Beach Access<\/span>\r\n      <span><b>5-Star <\/b>Luxury Experience<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Results Section -->\r\n<section class=\"results-section\">\r\n<div class=\"section-container\">\r\n    <div class=\"results-header\">\r\n        <h2>Direct Booking Transformation<\/h2>\r\n        <p class=\"results-subtext\">From OTA-dependent to direct booking leader<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"metrics-grid\">\r\n        <div class=\"metric-card fade-in\">\r\n            <div class=\"metric-value\">+234%<\/div>\r\n            <div class=\"metric-label\">Direct Bookings<\/div>\r\n        <\/div>\r\n        <div class=\"metric-card fade-in\">\r\n            <div class=\"metric-value\">-45%<\/div>\r\n            <div class=\"metric-label\">OTA Dependency<\/div>\r\n        <\/div>\r\n        <div class=\"metric-card fade-in\">\r\n            <div class=\"metric-value\">+178%<\/div>\r\n            <div class=\"metric-label\">Average Booking Value<\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"metrics-grid\">\r\n        <div class=\"metric-card fade-in\">\r\n            <div class=\"metric-value\">312%<\/div>\r\n            <div class=\"metric-label\">Time on Site<\/div>\r\n        <\/div>\r\n        <div class=\"metric-card fade-in\">\r\n            <div class=\"metric-value\">38%<\/div>\r\n            <div class=\"metric-label\">Bounce Rate<\/div>\r\n        <\/div>\r\n        <div class=\"metric-card fade-in\">\r\n            <div class=\"metric-value\">2.4s<\/div>\r\n            <div class=\"metric-label\">Page Load Speed<\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- Approach Section -->\r\n<section class=\"approach-section\">\r\n<div class=\"section-container\">\r\n    <div class=\"approach-header\">\r\n        <h2>Our Strategic Approach<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"approach-grid\">\r\n        <div class=\"approach-card fade-in\">\r\n            <div class=\"approach-number\">01<\/div>\r\n            <div class=\"approach-title\">Immersive Visual Design<\/div>\r\n            <p class=\"approach-desc\">Created stunning visual experiences with video and virtual tours.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"approach-card fade-in\">\r\n            <div class=\"approach-number\">02<\/div>\r\n            <div class=\"approach-title\">Seamless Booking Integration<\/div>\r\n            <p class=\"approach-desc\">Built frictionless booking flow competing with OTA convenience.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"approach-card fade-in\">\r\n            <div class=\"approach-number\">03<\/div>\r\n            <div class=\"approach-title\">Experience Showcase Pages<\/div>\r\n            <p class=\"approach-desc\">Developed pages for dining, spa, and activities.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"approach-card fade-in\">\r\n            <div class=\"approach-number\">04<\/div>\r\n            <div class=\"approach-title\">Mobile Excellence<\/div>\r\n            <p class=\"approach-desc\">Ensured flawless mobile experience.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- Quote Section -->\r\n<section class=\"quote-section\">\r\n<div class=\"quote-content fade-in\">\r\n    <p class=\"quote-text\">\r\n        \"Our website now transports guests to our resort before they book. Direct bookings have more than doubled.\"\r\n    <\/p>\r\n    <div class=\"quote-author fade-in\">\u2014 General Manager, Luxury Resort<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- CTA Section -->\r\n<section class=\"cta-section\">\r\n<div class=\"section-container fade-in\">\r\n    <h2 class=\"fade-in\">Ready for Similar Results?<\/h2>\r\n    <p class=\"cta-subtitle fade-in\">We specialize in website development that converts visitors into customers.<\/p>\r\n    <a href=\"\" class=\"cta-button fade-in hs-cta-trigger-button hs-cta-trigger-button-201038088286\">Schedule Free Website Audit<\/a>\r\n<\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/\/ Intersection Observer for scroll animations\r\nconst observerOptions = {\r\n    threshold: 0.15,\r\n    rootMargin: '0px 0px -50px 0px'\r\n};\r\n\r\nconst observer = new IntersectionObserver((entries) => {\r\n    entries.forEach((entry, index) => {\r\n        if (entry.isIntersecting) {\r\n            setTimeout(() => {\r\n                entry.target.classList.add('visible');\r\n            }, index * 100);\r\n        }\r\n    });\r\n}, observerOptions);\r\n\r\ndocument.querySelectorAll('.fade-in, .fade-in-delay').forEach(el => {\r\n    observer.observe(el);\r\n});\r\n\r\n\/\/ Interactive tag clicks\r\ndocument.querySelectorAll('.tag').forEach(tag => {\r\n    tag.addEventListener('click', function() {\r\n        this.style.transform = 'scale(0.95)';\r\n        setTimeout(() => {\r\n            this.style.transform = 'scale(1)';\r\n        }, 150);\r\n    });\r\n});\r\n\r\n\/\/ Goal card hover effect\r\ndocument.querySelectorAll('.goal-card').forEach(card => {\r\n    card.addEventListener('mouseenter', function() {\r\n        this.style.borderLeftWidth = '6px';\r\n    });\r\n    card.addEventListener('mouseleave', function() {\r\n        this.style.borderLeftWidth = '4px';\r\n    });\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PremiumBeachfront Resort World-ClassSpa &#038; Dining PrivateBeach Access 5-StarLuxury Experience Problem Statement The Luxury Resort Story A premium resort with an outdated website that didn&#8217;t capture the magic of the destination. They were losing direct bookings to OTAs. Schedule Free Website Audit Campaign Goals Built to perform during and beyond the campaign. 4 Goals guiding the strategy Create Immersive Digital Experience Brand Experience Drive Direct Bookings Revenue Focus Reduce OTA Dependency Margin Protection Showcase Full Experience Content Strategy Premium Beachfront Resort World-Class Spa &#038; Dining Private Beach Access 5-Star Luxury Experience Premium Beachfront Resort World-Class Spa &#038; Dining Private Beach Access 5-Star Luxury Experience Direct Booking Transformation From OTA-dependent to direct booking leader +234% Direct Bookings -45% OTA Dependency +178% Average Booking Value 312% Time on Site 38% Bounce Rate 2.4s Page Load Speed Our Strategic Approach 01 Immersive Visual Design Created stunning visual experiences with video and virtual tours. 02 Seamless Booking Integration Built frictionless booking flow competing with OTA convenience. 03 Experience Showcase Pages Developed pages for dining, spa, and activities. 04 Mobile Excellence Ensured flawless mobile experience. &#8220;Our website now transports guests to our resort before they book. Direct bookings have more than doubled.&#8221; \u2014 General Manager, Luxury Resort Ready for Similar Results? We specialize in website development that converts visitors into customers. Schedule Free Website Audit<\/p>\n","protected":false},"featured_media":0,"template":"elementor_header_footer","meta":{"content-type":""},"service":[59],"industry":[60],"class_list":["post-10647","case_study","type-case_study","status-publish","hentry","service-website-development","industry-tourism-hospitality"],"acf":[],"_links":{"self":[{"href":"https:\/\/valasys.ae\/valasys-dm-new\/wp-json\/wp\/v2\/case_study\/10647","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/valasys.ae\/valasys-dm-new\/wp-json\/wp\/v2\/case_study"}],"about":[{"href":"https:\/\/valasys.ae\/valasys-dm-new\/wp-json\/wp\/v2\/types\/case_study"}],"version-history":[{"count":13,"href":"https:\/\/valasys.ae\/valasys-dm-new\/wp-json\/wp\/v2\/case_study\/10647\/revisions"}],"predecessor-version":[{"id":15216,"href":"https:\/\/valasys.ae\/valasys-dm-new\/wp-json\/wp\/v2\/case_study\/10647\/revisions\/15216"}],"wp:attachment":[{"href":"https:\/\/valasys.ae\/valasys-dm-new\/wp-json\/wp\/v2\/media?parent=10647"}],"wp:term":[{"taxonomy":"service","embeddable":true,"href":"https:\/\/valasys.ae\/valasys-dm-new\/wp-json\/wp\/v2\/service?post=10647"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/valasys.ae\/valasys-dm-new\/wp-json\/wp\/v2\/industry?post=10647"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}