{"id":10764,"date":"2026-01-08T15:10:56","date_gmt":"2026-01-08T15:10:56","guid":{"rendered":"https:\/\/valasys.ae\/valasys-dm-new\/?post_type=case_study&#038;p=10764"},"modified":"2026-01-23T17:11:19","modified_gmt":"2026-01-23T11:41:19","slug":"cafe-chain-story","status":"publish","type":"case_study","link":"https:\/\/valasys.ae\/valasys-dm-new\/case-studies\/website-development\/f-b\/cafe-chain-story\/","title":{"rendered":"Website Development &#8211; F &#038; B &#8211; Cafe Chain Story"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10764\" class=\"elementor elementor-10764\">\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>Specialty<\/strong>Coffee Chain<\/div>\r\n        <div class=\"pill\"><strong>Artisan<\/strong>Roasted Beans<\/div>\r\n        <div class=\"pill\"><strong>8+<\/strong>City Locations<\/div>\r\n        <div class=\"pill\"><strong>Community-Focused<\/strong>Cafes<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hero-label\">Problem Statement<\/div>\r\n    <h1>The Cafe Chain Story<\/h1>\r\n    <p class=\"hero-subtitle\">\r\n        A specialty coffee chain needed a website to build community, showcase coffee culture, and drive visits to expanding locations.\r\n    <\/p>\r\n    \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\">Build Coffee Community Online<\/div>\r\n                <div class=\"goal-chip\">Community Focus<\/div>\r\n            <\/div>\r\n            <div class=\"goal-card fade-in\">\r\n                <div class=\"goal-title\">Drive Location Visits<\/div>\r\n                <div class=\"goal-chip\">Foot Traffic<\/div>\r\n            <\/div>\r\n            <div class=\"goal-card fade-in\">\r\n                <div class=\"goal-title\">Showcase Coffee Expertise<\/div>\r\n                <div class=\"goal-chip\">Brand Story<\/div>\r\n            <\/div>\r\n            <div class=\"goal-card fade-in\">\r\n                <div class=\"goal-title\">Support Chain Expansion<\/div>\r\n                <div class=\"goal-chip\">Scalability<\/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>Specialty<\/b>Coffee Chain<\/span>\r\n      <span><b>Artisan<\/b>Roasted Beans<\/span>\r\n      <span><b>8+<\/b>City Locations<\/span>\r\n      <span><b>Community-Focused<\/b>Cafes<\/span>\r\n\r\n      <!-- duplicate for seamless loop -->\r\n      <span><b>Specialty<\/b>Coffee Chain<\/span>\r\n      <span><b>Artisan<\/b>Roasted Beans<\/span>\r\n      <span><b>8+<\/b>City Locations<\/span>\r\n      <span><b>Community-Focused<\/b>Cafes<\/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>Coffee Community Connected<\/h2>\r\n        <p class=\"results-subtext\">From basic site to coffee culture hub<\/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\">+212%<\/div>\r\n            <div class=\"metric-label\">Website Traffic<\/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\">Location Page Views<\/div>\r\n        <\/div>\r\n        <div class=\"metric-card fade-in\">\r\n            <div class=\"metric-value\">+156%<\/div>\r\n            <div class=\"metric-label\">Email Subscribers<\/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\">+134%<\/div>\r\n            <div class=\"metric-label\">Loyalty Signups<\/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\">1.7s<\/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\">Coffee Culture Showcase<\/div>\r\n            <p class=\"approach-desc\">Built content-rich experience highlighting sourcing and expertise.<\/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\">Location Finder Experience<\/div>\r\n            <p class=\"approach-desc\">Created intuitive store locator with detailed information.<\/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\">Community Integration<\/div>\r\n            <p class=\"approach-desc\">Built features for events, workshops, and loyalty.<\/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\">Menu Excellence<\/div>\r\n            <p class=\"approach-desc\">Designed beautiful menu with seasonal features.<\/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 has become a destination for coffee lovers. It's built real community around our brand.\"\r\n    <\/p>\r\n    <div class=\"quote-author fade-in\">- Brand Director, Cafe Chain<\/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>SpecialtyCoffee Chain ArtisanRoasted Beans 8+City Locations Community-FocusedCafes Problem Statement The Cafe Chain Story A specialty coffee chain needed a website to build community, showcase coffee culture, and drive visits to expanding locations. Schedule Free Website Audit Campaign Goals Built to perform during and beyond the campaign. 4 Goals guiding the strategy Build Coffee Community Online Community Focus Drive Location Visits Foot Traffic Showcase Coffee Expertise Brand Story Support Chain Expansion Scalability SpecialtyCoffee Chain ArtisanRoasted Beans 8+City Locations Community-FocusedCafes SpecialtyCoffee Chain ArtisanRoasted Beans 8+City Locations Community-FocusedCafes Coffee Community Connected From basic site to coffee culture hub +212% Website Traffic +178% Location Page Views +156% Email Subscribers +134% Loyalty Signups -38% Bounce Rate 1.7s Page Load Speed Our Strategic Approach 01 Coffee Culture Showcase Built content-rich experience highlighting sourcing and expertise. 02 Location Finder Experience Created intuitive store locator with detailed information. 03 Community Integration Built features for events, workshops, and loyalty. 04 Menu Excellence Designed beautiful menu with seasonal features. &#8220;Our website has become a destination for coffee lovers. It&#8217;s built real community around our brand.&#8221; &#8211; Brand Director, Cafe Chain 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":[63],"class_list":["post-10764","case_study","type-case_study","status-publish","hentry","service-website-development","industry-f-b"],"acf":[],"_links":{"self":[{"href":"https:\/\/valasys.ae\/valasys-dm-new\/wp-json\/wp\/v2\/case_study\/10764","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":10,"href":"https:\/\/valasys.ae\/valasys-dm-new\/wp-json\/wp\/v2\/case_study\/10764\/revisions"}],"predecessor-version":[{"id":15190,"href":"https:\/\/valasys.ae\/valasys-dm-new\/wp-json\/wp\/v2\/case_study\/10764\/revisions\/15190"}],"wp:attachment":[{"href":"https:\/\/valasys.ae\/valasys-dm-new\/wp-json\/wp\/v2\/media?parent=10764"}],"wp:term":[{"taxonomy":"service","embeddable":true,"href":"https:\/\/valasys.ae\/valasys-dm-new\/wp-json\/wp\/v2\/service?post=10764"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/valasys.ae\/valasys-dm-new\/wp-json\/wp\/v2\/industry?post=10764"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}