{"id":10825,"date":"2026-01-08T17:42:35","date_gmt":"2026-01-08T17:42:35","guid":{"rendered":"https:\/\/valasys.ae\/valasys-dm-new\/?post_type=case_study&#038;p=10825"},"modified":"2026-01-23T17:09:43","modified_gmt":"2026-01-23T11:39:43","slug":"snack-brand-story","status":"publish","type":"case_study","link":"https:\/\/valasys.ae\/valasys-dm-new\/case-studies\/website-development\/fmcg\/snack-brand-story\/","title":{"rendered":"Website Development &#8211; FMCG &#8211; Snack Brand Story"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10825\" class=\"elementor elementor-10825\">\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>Innovative<\/strong>Healthy Snack Brand<\/div>\r\n        \r\n        <div class=\"pill\"><strong>Better-For-You<\/strong>Positioning<\/div>\r\n        \r\n        <div class=\"pill\"><strong>Retail & Online<\/strong>Distribution<\/div>\r\n        \r\n        <div class=\"pill\"><strong>Unique<\/strong>Flavor Profiles<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hero-label\">Problem Statement<\/div>\r\n    <h1>The Snack Brand Story<\/h1>\r\n    <p class=\"hero-subtitle\">\r\n      An innovative snack brand needed a website as fun and shareable as their products while supporting retail distribution and e-commerce.\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\">Create Engaging Experience<\/div>\r\n                <div class=\"goal-chip\">Brand Fun<\/div>\r\n            <\/div>\r\n            <div class=\"goal-card fade-in\">\r\n                <div class=\"goal-title\">Support Product Trial<\/div>\r\n                <div class=\"goal-chip\">Sampling<\/div>\r\n            <\/div>\r\n            <div class=\"goal-card fade-in\">\r\n                <div class=\"goal-title\">Drive Social Sharing<\/div>\r\n                <div class=\"goal-chip\">Amplification<\/div>\r\n            <\/div>\r\n            <div class=\"goal-card fade-in\">\r\n                <div class=\"goal-title\">Enable Retail Discovery<\/div>\r\n                <div class=\"goal-chip\">Distribution Support<\/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>Innovative<\/b>Healthy Snack Brand<\/span>\r\n      <span><b>Better-For-You<\/b>Positioning<\/span>\r\n      <span><b>Retail & Online<\/b>Distribution<\/span>\r\n      <span><b>Unique<\/b>Flavor Profiles<\/span>\r\n\r\n      <!-- duplicate for seamless loop -->\r\n      <span><b>Innovative<\/b>Healthy Snack Brand<\/span>\r\n      <span><b>Better-For-You<\/b>Positioning<\/span>\r\n      <span><b>Retail & Online<\/b>Distribution<\/span>\r\n      <span><b>Unique<\/b>Flavor Profiles<\/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>Snack Brand Digital Fun<\/h2>\r\n        <p class=\"results-subtext\">From standard site to engaging brand playground<\/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\">E-commerce Sales<\/div>\r\n        <\/div>\r\n        <div class=\"metric-card fade-in\">\r\n            <div class=\"metric-value\">+234%<\/div>\r\n            <div class=\"metric-label\">Social Shares<\/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\">+156%<\/div>\r\n            <div class=\"metric-label\">Email Signups<\/div>\r\n        <\/div>\r\n        <div class=\"metric-card fade-in\">\r\n            <div class=\"metric-value\">+154%<\/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\">2.0s<\/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\">Playful Design Language<\/div>\r\n            <p class=\"approach-desc\">Created fun design reflecting brand personality.<\/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\">Interactive Elements<\/div>\r\n            <p class=\"approach-desc\">Built features encouraging exploration and sharing.<\/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\">Sample Program Integration<\/div>\r\n            <p class=\"approach-desc\">Enabled easy sampling to drive trial.<\/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\">Retail Partner Support<\/div>\r\n            <p class=\"approach-desc\">Built tools supporting retail relationships.<\/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 is as fun as our snacks! It's become a real asset for building brand love.\"\r\n    <\/p>\r\n    <div class=\"quote-author fade-in\">- Brand Manager, Snack Brand<\/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>InnovativeHealthy Snack Brand Better-For-YouPositioning Retail &#038; OnlineDistribution UniqueFlavor Profiles Problem Statement The Snack Brand Story An innovative snack brand needed a website as fun and shareable as their products while supporting retail distribution and e-commerce. Schedule Free Website Audit Campaign Goals Built to perform during and beyond the campaign. 4 Goals guiding the strategy Create Engaging Experience Brand Fun Support Product Trial Sampling Drive Social Sharing Amplification Enable Retail Discovery Distribution Support InnovativeHealthy Snack Brand Better-For-YouPositioning Retail &#038; OnlineDistribution UniqueFlavor Profiles InnovativeHealthy Snack Brand Better-For-YouPositioning Retail &#038; OnlineDistribution UniqueFlavor Profiles Snack Brand Digital Fun From standard site to engaging brand playground +212% Website Traffic +178% E-commerce Sales +234% Social Shares +156% Email Signups +154% Time on Site 2.0s Page Load Speed Our Strategic Approach 01 Playful Design Language Created fun design reflecting brand personality. 02 Interactive Elements Built features encouraging exploration and sharing. 03 Sample Program Integration Enabled easy sampling to drive trial. 04 Retail Partner Support Built tools supporting retail relationships. &#8220;Our website is as fun as our snacks! It&#8217;s become a real asset for building brand love.&#8221; &#8211; Brand Manager, Snack Brand 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":[62],"class_list":["post-10825","case_study","type-case_study","status-publish","hentry","service-website-development","industry-fmcg"],"acf":[],"_links":{"self":[{"href":"https:\/\/valasys.ae\/valasys-dm-new\/wp-json\/wp\/v2\/case_study\/10825","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\/10825\/revisions"}],"predecessor-version":[{"id":15182,"href":"https:\/\/valasys.ae\/valasys-dm-new\/wp-json\/wp\/v2\/case_study\/10825\/revisions\/15182"}],"wp:attachment":[{"href":"https:\/\/valasys.ae\/valasys-dm-new\/wp-json\/wp\/v2\/media?parent=10825"}],"wp:term":[{"taxonomy":"service","embeddable":true,"href":"https:\/\/valasys.ae\/valasys-dm-new\/wp-json\/wp\/v2\/service?post=10825"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/valasys.ae\/valasys-dm-new\/wp-json\/wp\/v2\/industry?post=10825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}