{"id":10694,"date":"2026-01-08T14:40:49","date_gmt":"2026-01-08T14:40:49","guid":{"rendered":"https:\/\/valasys.ae\/valasys-dm-new\/?page_id=10694"},"modified":"2026-01-23T17:12:24","modified_gmt":"2026-01-23T11:42:24","slug":"gandofly-seafood-story","status":"publish","type":"case_study","link":"https:\/\/valasys.ae\/valasys-dm-new\/case-studies\/website-development\/f-b\/gandofly-seafood-story\/","title":{"rendered":"Website Development &#8211; F &#038; B &#8211; Gandofly Seafood Story"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10694\" class=\"elementor elementor-10694\">\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>Seafood Restaurant<\/div>\r\n        <div class=\"pill\"><strong>Fresh<\/strong>Daily Catches<\/div>\r\n        <div class=\"pill\"><strong>Abu Dhabi<\/strong>Location<\/div>\r\n        <div class=\"pill\"><strong>Authentic<\/strong>Arabian Cuisine<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hero-label\">Problem Statement<\/div>\r\n    <h1>The Gandofly Seafood Story<\/h1>\r\n    <p class=\"hero-subtitle\">\r\n        Gandofly Seafood needed a website that could make visitors hungry and get them to visit. Their old site wasn't mobile-friendly and made reservations difficult.\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\">Drive Foot Traffic<\/div>\r\n                <div class=\"goal-chip\">Conversion Focus<\/div>\r\n            <\/div>\r\n            <div class=\"goal-card fade-in\">\r\n                <div class=\"goal-title\">Showcase Food Quality<\/div>\r\n                <div class=\"goal-chip\">Visual Impact<\/div>\r\n            <\/div>\r\n            <div class=\"goal-card fade-in\">\r\n                <div class=\"goal-title\">Enable Easy Reservations<\/div>\r\n                <div class=\"goal-chip\">User Experience<\/div>\r\n            <\/div>\r\n            <div class=\"goal-card fade-in\">\r\n                <div class=\"goal-title\">Support Multiple Locations<\/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>Premium<\/b>Seafood Restaurant<\/span>\r\n      <span><b>Fresh<\/b>Daily Catches<\/span>\r\n      <span><b>Abu Dhabi<\/b>Location<\/span>\r\n      <span><b>Authentic<\/b>Arabian Cuisine<\/span>\r\n\r\n      <!-- duplicate for seamless loop -->\r\n      <span><b>Premium<\/b>Seafood Restaurant<\/span>\r\n      <span><b>Fresh<\/b>Daily Catches<\/span>\r\n      <span><b>Abu Dhabi<\/b>Location<\/span>\r\n      <span><b>Authentic<\/b>Arabian Cuisine<\/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>Appetite-Driving Success<\/h2>\r\n        <p class=\"results-subtext\">From basic site to table-filling platform<\/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\">Online Reservations<\/div>\r\n        <\/div>\r\n        <div class=\"metric-card fade-in\">\r\n            <div class=\"metric-value\">+189%<\/div>\r\n            <div class=\"metric-label\">Direction Requests<\/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\">Mobile Traffic<\/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\">-52%<\/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\">+145%<\/div>\r\n            <div class=\"metric-label\">Menu Views<\/div>\r\n        <\/div>\r\n        <div class=\"metric-card fade-in\">\r\n            <div class=\"metric-value\">1.8s<\/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\">Mouth-Watering Design<\/div>\r\n            <p class=\"approach-desc\">Created visually stunning design with professional food photography.<\/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\">Frictionless Reservations<\/div>\r\n            <p class=\"approach-desc\">Built easy reservation system across all devices.<\/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\">Location Hub Pages<\/div>\r\n            <p class=\"approach-desc\">Created optimized pages for each location.<\/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-First Experience<\/div>\r\n            <p class=\"approach-desc\">Designed primarily for hungry mobile users.<\/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 makes people hungry! We've seen significant increases in both reservations and walk-ins.\"\r\n    <\/p>\r\n    <div class=\"quote-author fade-in\">\u2014 Owner, Gandofly Seafood Restaurant<\/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>PremiumSeafood Restaurant FreshDaily Catches Abu DhabiLocation AuthenticArabian Cuisine Problem Statement The Gandofly Seafood Story Gandofly Seafood needed a website that could make visitors hungry and get them to visit. Their old site wasn&#8217;t mobile-friendly and made reservations difficult. Schedule Free Website Audit Campaign Goals Built to perform during and beyond the campaign. 4 Goals guiding the strategy Drive Foot Traffic Conversion Focus Showcase Food Quality Visual Impact Enable Easy Reservations User Experience Support Multiple Locations Scalability PremiumSeafood Restaurant FreshDaily Catches Abu DhabiLocation AuthenticArabian Cuisine PremiumSeafood Restaurant FreshDaily Catches Abu DhabiLocation AuthenticArabian Cuisine Appetite-Driving Success From basic site to table-filling platform +234% Online Reservations +189% Direction Requests +156% Mobile Traffic -52% Bounce Rate +145% Menu Views 1.8s Page Load Speed Our Strategic Approach 01 Mouth-Watering Design Created visually stunning design with professional food photography. 02 Frictionless Reservations Built easy reservation system across all devices. 03 Location Hub Pages Created optimized pages for each location. 04 Mobile-First Experience Designed primarily for hungry mobile users. &#8220;Our website makes people hungry! We&#8217;ve seen significant increases in both reservations and walk-ins.&#8221; \u2014 Owner, Gandofly Seafood Restaurant 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-10694","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\/10694","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":11,"href":"https:\/\/valasys.ae\/valasys-dm-new\/wp-json\/wp\/v2\/case_study\/10694\/revisions"}],"predecessor-version":[{"id":15200,"href":"https:\/\/valasys.ae\/valasys-dm-new\/wp-json\/wp\/v2\/case_study\/10694\/revisions\/15200"}],"wp:attachment":[{"href":"https:\/\/valasys.ae\/valasys-dm-new\/wp-json\/wp\/v2\/media?parent=10694"}],"wp:term":[{"taxonomy":"service","embeddable":true,"href":"https:\/\/valasys.ae\/valasys-dm-new\/wp-json\/wp\/v2\/service?post=10694"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/valasys.ae\/valasys-dm-new\/wp-json\/wp\/v2\/industry?post=10694"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}