1<!DOCTYPE html><!-- This site was created in Webflow. https://webflow.com --><!-- Last Published: Thu Jul 30 2026 17:24:48 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="webixe.webflow.io" data-wf-page="6a5e49cb656828875266457d" data-wf-site="6a5c64a44b5c347e4b8e5d67" lang="en"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Webixe â Webflow HTML Website Template</title><meta content="Browse selected Webixe projects across branding, UI design, campaign, and Webflow work, with the goals, approach, and results behind each build." name="description"/><meta content="Webixe â Webflow HTML Website Template" property="og:title"/><meta content="Browse selected Webixe projects across branding, UI design, campaign, and Webflow work, with the goals, approach, and results behind each build." property="og:description"/><meta content="https://cdn.prod.website-files.com/6a5c64a44b5c347e4b8e5d67/6a6392c51b8c4a2f489eac24_48885fd1ac1214fa08e1cdd2b4ec82fc_Slider%2014%20%289%29.webp" property="og:image"/><meta content="Webixe â Webflow HTML Website Template" name="twitter:title"/><meta content="Browse selected Webixe projects across branding, UI design, campaign, and Webflow work, with the goals, approach, and results behind each build." name="twitter:description"/><meta content="https://cdn.prod.website-files.com/6a5c64a44b5c347e4b8e5d67/6a6392c51b8c4a2f489eac24_48885fd1ac1214fa08e1cdd2b4ec82fc_Slider%2014%20%289%29.webp" name="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="Webflow" name="generator"/><link href="https://cdn.prod.website-files.com/6a5c64a44b5c347e4b8e5d67/css/webixe.webflow.shared.ca759ebe4.css" rel="stylesheet" type="text/css" integrity="sha384-ynWevkEiv8lIC0E39i5zUfnEuJtEURuCvdvXEAjRZABkbPJzyrJZwA2Ma8ECobEE" crossorigin="anonymous"/><style>html.w-mod-js:not(.w-mod-ix3) :is([data-wf-component-id="05de5daf-754b-ab7c-0841-8d5be2db3522"]:is(.marque-list-wrapper), [data-wf-component-id="05de5daf-754b-ab7c-0841-8d5be2db3522"] :is(.marque-list-wrapper), [data-wf-component-id="42fa8873-e7f7-b413-cd6f-1c012b33b104"]:is(:is([data-wf-component-id="42fa8873-e7f7-b413-cd6f-1c012b33b104"]:is(.faq-card), [data-wf-component-id="42fa8873-e7f7-b413-cd6f-1c012b33b104"] :is(.faq-card)) .faq-bottom), [data-wf-component-id="42fa8873-e7f7-b413-cd6f-1c012b33b104"] :is(:is([data-wf-component-id="42fa8873-e7f7-b413-cd6f-1c012b33b104"]:is(.faq-card), [data-wf-component-id="42fa8873-e7f7-b413-cd6f-1c012b33b104"] :is(.faq-card)) .faq-bottom), [data-wf-component-id="42fa8873-e7f7-b413-cd6f-1c012b33b104"]:is(:is([data-wf-component-id="42fa8873-e7f7-b413-cd6f-1c012b33b104"]:is(.faq-card), [data-wf-component-id="42fa8873-e7f7-b413-cd6f-1c012b33b104"] :is(.faq-card)) .faq-icon), [data-wf-component-id="42fa8873-e7f7-b413-cd6f-1c012b33b104"] :is(:is([data-wf-component-id="42fa8873-e7f7-b413-cd6f-1c012b33b104"]:is(.faq-card), [data-wf-component-id="42fa8873-e7f7-b413-cd6f-1c012b33b104"] :is(.faq-card)) .faq-icon), [data-wf-component-id="0ee38f8e-70a5-805e-b9c0-1c74e0a51699"]:is(:is([data-wf-component-id="0ee38f8e-70a5-805e-b9c0-1c74e0a51699"]:is(:is(.button, .button)), [data-wf-component-id="0ee38f8e-70a5-805e-b9c0-1c74e0a51699"] :is(:is(.button, .button))) .button-text), [data-wf-component-id="0ee38f8e-70a5-805e-b9c0-1c74e0a51699"] :is(:is([data-wf-component-id="0ee38f8e-70a5-805e-b9c0-1c74e0a51699"]:is(:is(.button, .button)), [data-wf-component-id="0ee38f8e-70a5-805e-b9c0-1c74e0a51699"] :is(:is(.button, .button))) .button-text), [data-wf-component-id="0ee38f8e-70a5-805e-b9c0-1c74e0a51699"]:is(:is([data-wf-component-id="0ee38f8e-70a5-805e-b9c0-1c74e0a51699"]:is(:is(.button, .button)), [data-wf-component-id="0ee38f8e-70a5-805e-b9c0-1c74e0a51699"] :is(:is(.button, .button))) .button-icon), [data-wf-component-id="0ee38f8e-70a5-805e-b9c0-1c74e0a51699"] :is(:is([data-wf-component-id="0ee38f8e-70a5-805e-b9c0-1c74e0a51699"]:is(:is(.button, .button)), [data-wf-component-id="0ee38f8e-70a5-805e-b9c0-1c74e0a51699"] :is(:is(.button, .button))) .button-icon), [data-wf-component-id="05de5daf-754b-ab7c-0841-8d5be2db3522"]:is(.section.marque), [data-wf-component-id="05de5daf-754b-ab7c-0841-8d5be2db3522"] :is(.section.marque), .section-top, .section-title-wrapper .section-title, [data-wf-component-id="42fa8873-e7f7-b413-cd6f-1c012b33b104"]:is(.faq-left), [data-wf-component-id="42fa8873-e7f7-b413-cd6f-1c012b33b104"] :is(.faq-left), [data-wf-component-id="42fa8873-e7f7-b413-cd6f-1c012b33b104"]:is(.faq-card), [data-wf-component-id="42fa8873-e7f7-b413-cd6f-1c012b33b104"] :is(.faq-card), [data-wf-component-id="d68aab48-92f3-ea7a-42ae-2fa287418192"]:is(.footer-card), [data-wf-component-id="d68aab48-92f3-ea7a-42ae-2fa287418192"] :is(.footer-card), [data-wf-component-id="d68aab48-92f3-ea7a-42ae-2fa287418192"]:is(.footer-logo-icon), [data-wf-component-id="d68aab48-92f3-ea7a-42ae-2fa287418192"] :is(.footer-logo-icon), [data-wf-component-id="d68aab48-92f3-ea7a-42ae-2fa287418192"]:is(:is([data-wf-component-id="d68aab48-92f3-ea7a-42ae-2fa287418192"]:is(:is(.footer-link, .footer-link)), [data-wf-component-id="d68aab48-92f3-ea7a-42ae-2fa287418192"] :is(:is(.footer-link, .footer-link))) .font-1-small), [data-wf-component-id="d68aab48-92f3-ea7a-42ae-2fa287418192"] :is(:is([data-wf-component-id="d68aab48-92f3-ea7a-42ae-2fa287418192"]:is(:is(.footer-link, .footer-link)), [data-wf-component-id="d68aab48-92f3-ea7a-42ae-2fa287418192"] :is(:is(.footer-link, .footer-link))) .font-1-small), [data-wf-component-id="b7e1617f-acb2-5d03-8911-cba6983548b1"]:is(:is([data-wf-component-id="b7e1617f-acb2-5d03-8911-cba6983548b1"]:is(.dropdown), [data-wf-component-id="b7e1617f-acb2-5d03-8911-cba6983548b1"] :is(.dropdown)) .dropdown-navigation), [data-wf-component-id="b7e1617f-acb2-5d03-8911-cba6983548b1"] :is(:is([data-wf-component-id="b7e1617f-acb2-5d03-8911-cba6983548b1"]:is(.dropdown), [data-wf-component-id="b7e1617f-acb2-5d03-8911-cba6983548b1"] :is(.dropdown)) .dropdown-navigation), [data-wf-component-id="b7e1617f-acb2-5d03-8911-cba6983548b1"]:is(:is([data-wf-component-id="b7e1617f-acb2-5d03-8911-cba6983548b1"]:is(.dropdown), [data-wf-component-id="b7e1617f-acb2-5d03-8911-cba6983548b1"] :is(.dropdown)) .dropdown-icon), [data-wf-component-id="b7e1617f-acb2-5d03-8911-cba6983548b1"] :is(:is([data-wf-component-id="b7e1617f-acb2-5d03-8911-cba6983548b1"]:is(.dropdown), [data-wf-component-id="b7e1617f-acb2-5d03-8911-cba6983548b1"] :is(.dropdown)) .dropdown-icon), :is(.project-card, .project-card) .project-image, :is(.project-card, .project-card) .project-link-wrapper, .project-link-wrapper, .project-card .project-link-wrapper, .link-wrap, .project-hero-summary, .font-4-normal, .project-button-wrapper, .project-tab-menu, .project-tab-content) {visibility: hidden !important;}</style>
1<link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/>
1<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
1<script type="text/javascript">WebFont.load({ google: { families: ["Inter:400,500,600,700","Phudu:400,500,600,700"] }});</script>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/6a5c64a44b5c347e4b8e5d67/6a6453d01039aed5d09224fe_wanchain-(wan).png" rel="icon" type="image/png" sizes="32x32" media="(prefers-color-scheme: light)"/><link href="https://cdn.prod.website-files.com/6a5c64a44b5c347e4b8e5d67/6a64540ccc95dd7bfd942a1b_wanchain-(wan).png" rel="icon" type="image/png" sizes="32x32" media="(prefers-color-scheme: dark)"/><link href="https://cdn.prod.website-files.com/6a5c64a44b5c347e4b8e5d67/6a6453d040a12f6626eb854e_wanchain-(wan).png" rel="icon" type="image/png" sizes="48x48"/><link href="https://cdn.prod.website-files.com/6a5c64a44b5c347e4b8e5d67/6a6453d01039aed5d0922507_wanchain-(wan).png" rel="apple-touch-icon" sizes="180x180"/><link href="https://cdn.prod.website-files.com/6a5c64a44b5c347e4b8e5d67/6a6453d02544ba733eee03be_wanchain-(wan).png" rel="icon" type="image/png" sizes="192x192"/><link href="https://cdn.prod.website-files.com/6a5c64a44b5c347e4b8e5d67/6a6453d0a1b4b84e718a917c_wanchain-(wan).png" rel="icon" type="image/png" sizes="512x512"/>
1<script> 2window.__WF_REVIEW_BRIDGE = { 3 siteId: "6a5c64a44b5c347e4b8e5d67", 4 version: "0.3.0", 5 marker: "__wf_review_snippet_v1", 6 bridgeToken: "wfbt_f3d42d31c794449d80bc63e66c66995e", 7 reviewSurface: "published-review", 8 reviewScriptUrl: "https://validation-worker.createsomething.workers.dev/app-validator/snippet/review.js" 9}; 10</script>
vendor: 1 bytes, line 10
10
11<script src="https://validation-worker.createsomething.workers.dev/app-validator/snippet/review.js"></script>
11</head><body><div class="page-wrapper"><div data-animation="default" class="navbar w-nav" data-easing2="ease" data-wf-component-id="b7e1617f-acb2-5d03-8911-cba6983548b1" data-easing="ease" data-wf-variant-state="base" data-collapse="all" role="banner" data-duration="400"><div class="container w-container"><div class="nav-wrapper"><a href="/" class="navbrand w-nav-brand"><div class="brand-name">Webix</div></a><div class="navigation hide-tab"><a href="/" class="navlink w-nav-link">Home</a><a href="/service" class="navlink w-nav-link">Service</a><div data-delay="0" data-hover="true" class="dropdown w-dropdown"><div class="dropdown-toggle w-dropdown-toggle"><div class="navlink-text">Service</div><div class="dropdown-icon w-icon-dropdown-toggle"></div></div><nav class="dropdown-navigation w-dropdown-list"><div class="dropdown-link-wrap"><a href="/service" class="dropdown-link w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 4 4" fill="none" class="navlink-icon"><circle cx="2" cy="2" r="2" fill="currentColor"></circle></svg><div class="navlink-text">Service</div></a><a href="https://webixe.webflow.io/service/brand-strategy-positioning" class="dropdown-link w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 4 4" fill="none" class="navlink-icon"><circle cx="2" cy="2" r="2" fill="currentColor"></circle></svg><div class="navlink-text">Service Details</div></a></div></nav></div><div data-delay="0" data-hover="true" class="dropdown w-dropdown"><div class="dropdown-toggle w-dropdown-toggle"><div class="navlink-text">Project</div><div class="dropdown-icon w-icon-dropdown-toggle"></div></div><nav class="dropdown-navigation w-dropdown-list"><div class="dropdown-link-wrap"><a href="/project" aria-current="page" class="dropdown-link w-inline-block w--current"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 4 4" fill="none" class="navlink-icon"><circle cx="2" cy="2" r="2" fill="currentColor"></circle></svg><div class="navlink-text">Project</div></a><a href="https://webixe.webflow.io/project/luma-health" class="dropdown-link w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 4 4" fill="none" class="navlink-icon"><circle cx="2" cy="2" r="2" fill="currentColor"></circle></svg><div class="navlink-text">Project Details</div></a></div></nav></div><a href="/contact" class="navlink w-nav-link">Contact</a></div><nav role="navigation" class="navigation w-nav-menu"><div class="nav-link-wrap"><a href="/" class="navlink w-nav-link">Home</a><a href="/service" class="navlink w-nav-link">Service</a><a href="/project" aria-current="page" class="navlink w-nav-link w--current">Project</a><a href="/contact" class="navlink w-nav-link">Contact</a></div></nav><div class="main-button w-nav-button"><div class="w-icon-nav-menu"></div></div></div></div></div><div class="main"><section class="section"><div class="space-5-large"></div><div class="w-layout-blockcontainer container w-container"><div class="project-hero-wrapper"><div class="w-layout-grid project-grid"><div class="project-top"><div class="link-wrap"><a href="/" class="breadcambs-link">Home/</a><a href="/project" aria-current="page" class="breadcambs-link w--current">Service</a></div><div class="max-width-39"><h1 class="font-4-normal">Business Success Starts Here</h1></div></div><div class="project-right"><div class="project-right-content"><div class="max-width-29"><p class="project-hero-summary">Explore brand, website, product, campaign, and Webflow projectsâeach presented with the context, strategic approach, and measurable outcome behind the work.</p></div><div class="project-button-wrapper"><a data-wf--button--variant="base" data-wf-component-id="0ee38f8e-70a5-805e-b9c0-1c74e0a51699" data-wf-variant-state="base" href="/contact" class="button w-inline-block"><div class="button-wrapper"><div class="button-text-wrapper"><div class="button-text">Discuss your project</div><div class="button-text">Discuss your project</div></div><div class="button-arrow-wrap">
11<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 16 16" fill="none" class="button-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.71668 10.5543L10.3745 6.86608L3.35519 11.7602L2.27738 10.2144L9.22855 5.36775L5.53978 4.70994L5.87085 2.85471L12.7907 4.05246L11.5718 10.8852L9.71668 10.5543Z" fill="currentColor"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 16 16" fill="none" class="button-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.71668 10.5543L10.3745 6.86608L3.35519 11.7602L2.27738 10.2144L9.22855 5.36775L5.53978 4.70994L5.87085 2.85471L12.7907 4.05246L11.5718 10.8852L9.71668 10.5543Z" fill="currentColor"></path></svg></div></div></a><a data-wf--button--variant="white-10" data-wf-component-id="0ee38f8e-70a5-805e-b9c0-1c74e0a51699" data-wf-variant-state="877c0290-e3a1-c040-4be3-55634d1d262f" href="/service" class="button w-inline-block"><div class="button-wrapper w-variant-877c0290-e3a1-c040-4be3-55634d1d262f"><div class="button-text-wrapper"><div class="button-text">View Services</div><div class="button-text">View Services</div></div><div class="button-arrow-wrap"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 16 16" fill="none" class="button-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.71668 10.5543L10.3745 6.86608L3.35519 11.7602L2.27738 10.2144L9.22855 5.36775L5.53978 4.70994L5.87085 2.85471L12.7907 4.05246L11.5718 10.8852L9.71668 10.5543Z" fill="currentColor"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 16 16" fill="none" class="button-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.71668 10.5543L10.3745 6.86608L3.35519 11.7602L2.27738 10.2144L9.22855 5.36775L5.53978 4.70994L5.87085 2.85471L12.7907 4.05246L11.5718 10.8852L9.71668 10.5543Z" fill="currentColor"></path></svg></div></div></a></div></div></div></div></div></div></section><section class="section"><div class="space-8-small"></div><div class="w-layout-blockcontainer container w-container"><div class="project-main-wrapper"><div data-current="Tab 1" data-easing="ease" data-duration-in="300" data-duration-out="100" class="project-tab w-tabs"><div class="project-tab-menu w-tab-menu"><a data-w-tab="Tab 1" class="service-tab-link w-inline-block w-tab-link w--current"><div class="font-1-small">All Services</div></a><a data-w-tab="Tab 2" class="service-tab-link w-inline-block w-tab-link"><div class="font-1-small">Brand</div></a><a data-w-tab="Tab 3" class="service-tab-link w-inline-block w-tab-link"><div class="font-1-small">Web & Webflow</div></a><a data-w-tab="Tab 4" class="service-tab-link w-inline-block w-tab-link"><div class="font-1-small">Campaign</div></a><a data-w-tab="Tab 5" class="service-tab-link w-inline-block w-tab-link"><div class="font-1-small">Product</div></a></div><div class="project-tab-content w-tab-content"><div data-w-tab="Tab 1" class="service-tab-pane w-tab-pane w--tab-active"><div class="w-dyn-list"><div role="list" class="project-collection-list w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/project/luma-health" class="project-card w-inline-block"><div class="project-image-wrapper"><img src="https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a611cb7555b952103ebbcfd_02649f469bd36876aadf86a2cb0d4074e2858912.webp" loading="lazy" alt="" sizes="(max-width: 767px) 100vw, (max-width: 991px) 727px, 939px" srcset="https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a611cb7555b952103ebbcfd_02649f469bd36876aadf86a2cb0d4074e2858912-p-500.webp 500w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a611cb7555b952103ebbcfd_02649f469bd36876aadf86a2cb0d4074e2858912-p-800.webp 800w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a611cb7555b952103ebbcfd_02649f469bd36876aadf86a2cb0d4074e2858912-p-1080.webp 1080w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a611cb7555b952103ebbcfd_02649f469bd36876aadf86a2cb0d4074e2858912-p-1600.webp 1600w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a611cb7555b952103ebbcfd_02649f469bd36876aadf86a2cb0d4074e2858912.webp 2000w" class="project-image"/><div class="project-link"><div class="project-link-wrapper"><div class="project-link-text">View Project</div>
11<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 16 16" fill="none" class="project-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.71668 10.5543L10.3745 6.86608L3.35519 11.7602L2.27738 10.2144L9.22855 5.36775L5.53978 4.70994L5.87085 2.85471L12.7907 4.05246L11.5718 10.8852L9.71668 10.5543Z" fill="currentColor"></path></svg></div></div></div><div class="project-collection-contnt"><div class="font-1-medium">Luma Health</div><div class="project-list-wrapper"><div class="project-list"><div class="dot"></div><div class="project-catagory-text">Brand</div></div></div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/project/orion-labs" class="project-card w-inline-block"><div class="project-image-wrapper"><img src="https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c72e2186a3fba4182b588_image%2057380%20(1).webp" loading="lazy" alt="" sizes="(max-width: 767px) 100vw, (max-width: 991px) 727px, 939px" srcset="https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c72e2186a3fba4182b588_image%2057380%20(1)-p-500.webp 500w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c72e2186a3fba4182b588_image%2057380%20(1)-p-800.webp 800w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c72e2186a3fba4182b588_image%2057380%20(1)-p-1080.webp 1080w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c72e2186a3fba4182b588_image%2057380%20(1).webp 1956w" class="project-image"/><div class="project-link"><div class="project-link-wrapper"><div class="project-link-text">View Project</div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 16 16" fill="none" class="project-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.71668 10.5543L10.3745 6.86608L3.35519 11.7602L2.27738 10.2144L9.22855 5.36775L5.53978 4.70994L5.87085 2.85471L12.7907 4.05246L11.5718 10.8852L9.71668 10.5543Z" fill="currentColor"></path></svg></div></div></div><div class="project-collection-contnt"><div class="font-1-medium">Orion Labs</div><div class="project-list-wrapper"><div class="project-list"><div class="dot"></div><div class="project-catagory-text">Web & Webflow</div></div></div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/project/cedar-finance" class="project-card w-inline-block"><div class="project-image-wrapper"><img src="https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c737b19824fd8eea19232_image%2057382%20(1).webp" loading="lazy" alt="" sizes="(max-width: 767px) 100vw, (max-width: 991px) 727px, 939px" srcset="https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c737b19824fd8eea19232_image%2057382%20(1)-p-500.webp 500w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c737b19824fd8eea19232_image%2057382%20(1)-p-800.webp 800w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c737b19824fd8eea19232_image%2057382%20(1)-p-1080.webp 1080w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c737b19824fd8eea19232_image%2057382%20(1).webp 1956w" class="project-image"/><div class="project-link"><div class="project-link-wrapper"><div class="project-link-text">View Project</div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 16 16" fill="none" class="project-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.71668 10.5543L10.3745 6.86608L3.35519 11.7602L2.27738 10.2144L9.22855 5.36775L5.53978 4.70994L5.87085 2.85471L12.7907 4.05246L11.5718 10.8852L9.71668 10.5543Z" fill="currentColor"></path></svg></div></div></div><div class="project-collection-contnt"><div class="font-1-medium">Cedar Finance</div><div class="project-list-wrapper"><div class="project-list"><div class="dot"></div><div class="project-catagory-text">Brand</div></div></div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/project/kanso-living" class="project-card w-inline-block"><div class="project-image-wrapper"><img src="https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c739ed5be78181244894f_image%2057383%20(1).webp" loading="lazy" alt="" sizes="(max-width: 767px) 100v
11w, (max-width: 991px) 727px, 939px" srcset="https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c739ed5be78181244894f_image%2057383%20(1)-p-500.webp 500w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c739ed5be78181244894f_image%2057383%20(1)-p-800.webp 800w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c739ed5be78181244894f_image%2057383%20(1)-p-1080.webp 1080w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c739ed5be78181244894f_image%2057383%20(1)-p-1600.webp 1600w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c739ed5be78181244894f_image%2057383%20(1).webp 1956w" class="project-image"/><div class="project-link"><div class="project-link-wrapper"><div class="project-link-text">View Project</div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 16 16" fill="none" class="project-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.71668 10.5543L10.3745 6.86608L3.35519 11.7602L2.27738 10.2144L9.22855 5.36775L5.53978 4.70994L5.87085 2.85471L12.7907 4.05246L11.5718 10.8852L9.71668 10.5543Z" fill="currentColor"></path></svg></div></div></div><div class="project-collection-contnt"><div class="font-1-medium">Kanso Living</div><div class="project-list-wrapper"><div class="project-list"><div class="dot"></div><div class="project-catagory-text">Web & Webflow</div></div></div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/project/fieldwork-campaign" class="project-card w-inline-block"><div class="project-image-wrapper"><img src="https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c73bdc5b46fa713ef5aee_image%2057397.webp" loading="lazy" alt="" sizes="(max-width: 767px) 100vw, (max-width: 991px) 727px, 939px" srcset="https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c73bdc5b46fa713ef5aee_image%2057397-p-500.webp 500w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c73bdc5b46fa713ef5aee_image%2057397-p-800.webp 800w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c73bdc5b46fa713ef5aee_image%2057397-p-1080.webp 1080w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c73bdc5b46fa713ef5aee_image%2057397-p-1600.webp 1600w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c73bdc5b46fa713ef5aee_image%2057397.webp 1956w" class="project-image"/><div class="project-link"><div class="project-link-wrapper"><div class="project-link-text">View Project</div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 16 16" fill="none" class="project-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.71668 10.5543L10.3745 6.86608L3.35519 11.7602L2.27738 10.2144L9.22855 5.36775L5.53978 4.70994L5.87085 2.85471L12.7907 4.05246L11.5718 10.8852L9.71668 10.5543Z" fill="currentColor"></path></svg></div></div></div><div class="project-collection-contnt"><div class="font-1-medium">Fieldwork Campaign</div><div class="project-list-wrapper"><div class="project-list"><div class="dot"></div><div class="project-catagory-text">Campaign</div></div></div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/project/northline-platform" class="project-card w-inline-block"><div class="project-image-wrapper"><img src="https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a639a9f283ff57310f2a57b_Liquid%20Cooling%20Close-Up.webp" loading="lazy" alt="" sizes="(max-width: 767px) 100vw, (max-width: 991px) 727px, 939px" srcset="https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a639a9f283ff57310f2a57b_Liquid%20Cooling%20Close-Up-p-500.webp 500w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a639a9f283ff57310f2a57b_Liquid%20Cooling%20Close-Up-p-800.webp 800w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a639a9f283ff57310f2a57b_Liquid%20Cooling%20Close-Up-p-1080.webp 1080w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a639a9f283ff57310f2a57b_Liquid%20Cooling%20Close-Up.webp 1200w" class="project-image"/><div class="project-link"><div class="project-link-wrapper"><div class="project-link-text">View Project</div>
11<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 16 16" fill="none" class="project-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.71668 10.5543L10.3745 6.86608L3.35519 11.7602L2.27738 10.2144L9.22855 5.36775L5.53978 4.70994L5.87085 2.85471L12.7907 4.05246L11.5718 10.8852L9.71668 10.5543Z" fill="currentColor"></path></svg></div></div></div><div class="project-collection-contnt"><div class="font-1-medium">Northline Platform</div><div class="project-list-wrapper"><div class="project-list"><div class="dot"></div><div class="project-catagory-text">UI Design</div></div></div></div></a></div></div></div></div><div data-w-tab="Tab 2" class="service-tab-pane _2 w-tab-pane"><div class="w-dyn-list"><div role="list" class="project-collection-list w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/project/luma-health" class="project-card w-inline-block"><div class="project-image-wrapper"><img loading="lazy" src="https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a611cb7555b952103ebbcfd_02649f469bd36876aadf86a2cb0d4074e2858912.webp" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a611cb7555b952103ebbcfd_02649f469bd36876aadf86a2cb0d4074e2858912-p-500.webp 500w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a611cb7555b952103ebbcfd_02649f469bd36876aadf86a2cb0d4074e2858912-p-800.webp 800w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a611cb7555b952103ebbcfd_02649f469bd36876aadf86a2cb0d4074e2858912-p-1080.webp 1080w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a611cb7555b952103ebbcfd_02649f469bd36876aadf86a2cb0d4074e2858912-p-1600.webp 1600w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a611cb7555b952103ebbcfd_02649f469bd36876aadf86a2cb0d4074e2858912.webp 2000w" class="project-image"/><div class="project-link"><div class="project-link-wrapper"><div class="project-link-text">View Project</div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 16 16" fill="none" class="project-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.71668 10.5543L10.3745 6.86608L3.35519 11.7602L2.27738 10.2144L9.22855 5.36775L5.53978 4.70994L5.87085 2.85471L12.7907 4.05246L11.5718 10.8852L9.71668 10.5543Z" fill="currentColor"></path></svg></div></div></div><div class="project-collection-contnt"><div class="font-1-medium">Luma Health</div><div class="project-list-wrapper"><div class="project-list"><div class="dot"></div><div class="project-catagory-text">Brand</div></div></div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/project/cedar-finance" class="project-card w-inline-block"><div class="project-image-wrapper"><img loading="lazy" src="https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c737b19824fd8eea19232_image%2057382%20(1).webp" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c737b19824fd8eea19232_image%2057382%20(1)-p-500.webp 500w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c737b19824fd8eea19232_image%2057382%20(1)-p-800.webp 800w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c737b19824fd8eea19232_image%2057382%20(1)-p-1080.webp 1080w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c737b19824fd8eea19232_image%2057382%20(1).webp 1956w" class="project-image"/><div class="project-link"><div class="project-link-wrapper"><div class="project-link-text">View Project</div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 16 16" fill="none" class="project-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.71668 10.5543L10.3745 6.86608L3.35519 11.7602L2.27738 10.2144L9.22855 5.36775L5.53978 4.70994L5.87085 2.85471L12.7907 4.05246L11.5718 10.8852L9.71668 10.5543Z" fill="currentColor"></path></svg></div></div></div><div class="project-collection-contnt"><div class="font-1-medium">Cedar Finance</div><div class="project-list-wrapper"><div class="project-list"><div class="dot"></div><div class="project-catagory-text">Brand</div></div></div></div></a></div></div></div></div><div data-w-tab="Tab 3" class="service-tab-pane w-tab-pane"><div class="w-dyn-list"><div role="list" class="project-collection-list w-dyn-items"><div role="listitem" class="w-dyn-item">
11<a href="/project/orion-labs" class="project-card w-inline-block"><div class="project-image-wrapper"><img loading="lazy" src="https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c72e2186a3fba4182b588_image%2057380%20(1).webp" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c72e2186a3fba4182b588_image%2057380%20(1)-p-500.webp 500w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c72e2186a3fba4182b588_image%2057380%20(1)-p-800.webp 800w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c72e2186a3fba4182b588_image%2057380%20(1)-p-1080.webp 1080w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c72e2186a3fba4182b588_image%2057380%20(1).webp 1956w" class="project-image"/><div class="project-link"><div class="project-link-wrapper"><div class="project-link-text">View Project</div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 16 16" fill="none" class="project-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.71668 10.5543L10.3745 6.86608L3.35519 11.7602L2.27738 10.2144L9.22855 5.36775L5.53978 4.70994L5.87085 2.85471L12.7907 4.05246L11.5718 10.8852L9.71668 10.5543Z" fill="currentColor"></path></svg></div></div></div><div class="project-collection-contnt"><div class="font-1-medium">Orion Labs</div><div class="project-list-wrapper"><div class="project-list"><div class="dot"></div><div class="project-catagory-text">Web & Webflow</div></div></div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/project/kanso-living" class="project-card w-inline-block"><div class="project-image-wrapper"><img loading="lazy" src="https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c739ed5be78181244894f_image%2057383%20(1).webp" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c739ed5be78181244894f_image%2057383%20(1)-p-500.webp 500w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c739ed5be78181244894f_image%2057383%20(1)-p-800.webp 800w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c739ed5be78181244894f_image%2057383%20(1)-p-1080.webp 1080w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c739ed5be78181244894f_image%2057383%20(1)-p-1600.webp 1600w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c739ed5be78181244894f_image%2057383%20(1).webp 1956w" class="project-image"/><div class="project-link"><div class="project-link-wrapper"><div class="project-link-text">View Project</div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 16 16" fill="none" class="project-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.71668 10.5543L10.3745 6.86608L3.35519 11.7602L2.27738 10.2144L9.22855 5.36775L5.53978 4.70994L5.87085 2.85471L12.7907 4.05246L11.5718 10.8852L9.71668 10.5543Z" fill="currentColor"></path></svg></div></div></div><div class="project-collection-contnt"><div class="font-1-medium">Kanso Living</div><div class="project-list-wrapper"><div class="project-list"><div class="dot"></div><div class="project-catagory-text">Web & Webflow</div></div></div></div></a></div></div></div></div><div data-w-tab="Tab 4" class="service-tab-pane w-tab-pane"><div class="w-dyn-list"><div role="list" class="project-collection-list w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/project/fieldwork-campaign" class="project-card w-inline-block"><div class="project-image-wrapper"><img loading="lazy" src="https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c73bdc5b46fa713ef5aee_image%2057397.webp" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c73bdc5b46fa713ef5aee_image%2057397-p-500.webp 500w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c73bdc5b46fa713ef5aee_image%2057397-p-800.webp 800w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c73bdc5b46fa713ef5aee_image%2057397-p-1080.webp 1080w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c73bdc5b46fa713ef5aee_image%2057397-p-1600.webp 1600w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a5c73bdc5b46fa713ef5aee_image%2057397.webp 1956w" class="project-image"/><div class="project-link"><div class="project-link-wrapper"><div class="project-link-text">View Project</div>
11<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 16 16" fill="none" class="project-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.71668 10.5543L10.3745 6.86608L3.35519 11.7602L2.27738 10.2144L9.22855 5.36775L5.53978 4.70994L5.87085 2.85471L12.7907 4.05246L11.5718 10.8852L9.71668 10.5543Z" fill="currentColor"></path></svg></div></div></div><div class="project-collection-contnt"><div class="font-1-medium">Fieldwork Campaign</div><div class="project-list-wrapper"><div class="project-list"><div class="dot"></div><div class="project-catagory-text">Campaign</div></div></div></div></a></div></div></div></div><div data-w-tab="Tab 5" class="service-tab-pane w-tab-pane"><div class="w-dyn-list"><div role="list" class="project-collection-list w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/project/northline-platform" class="project-card w-inline-block"><div class="project-image-wrapper"><img loading="lazy" src="https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a639a9f283ff57310f2a57b_Liquid%20Cooling%20Close-Up.webp" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a639a9f283ff57310f2a57b_Liquid%20Cooling%20Close-Up-p-500.webp 500w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a639a9f283ff57310f2a57b_Liquid%20Cooling%20Close-Up-p-800.webp 800w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a639a9f283ff57310f2a57b_Liquid%20Cooling%20Close-Up-p-1080.webp 1080w, https://cdn.prod.website-files.com/6a5c728872facf8781a4cac3/6a639a9f283ff57310f2a57b_Liquid%20Cooling%20Close-Up.webp 1200w" class="project-image"/><div class="project-link"><div class="project-link-wrapper"><div class="project-link-text">View Project</div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 16 16" fill="none" class="project-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.71668 10.5543L10.3745 6.86608L3.35519 11.7602L2.27738 10.2144L9.22855 5.36775L5.53978 4.70994L5.87085 2.85471L12.7907 4.05246L11.5718 10.8852L9.71668 10.5543Z" fill="currentColor"></path></svg></div></div></div><div class="project-collection-contnt"><div class="font-1-medium">Northline Platform</div><div class="project-list-wrapper"><div class="project-list"><div class="dot"></div><div class="project-catagory-text">UI Design</div></div></div></div></a></div></div></div></div></div></div></div></div></section><section data-wf-component-id="42fa8873-e7f7-b413-cd6f-1c012b33b104" data-wf-variant-state="base" class="section"><div class="space-8-small"></div><div class="w-layout-blockcontainer container w-container"><div class="faq-wrapper"><div class="section-top-block"><div class="section-top"><div class="font-1-normal">(Common Question)</div><div class="font-1-normal">(13)</div></div><div class="space-3-large"></div><div class="section-title-wrapper"><div class="max-width-42"><h2 class="section-title center">Frequently Asked Questions</h2></div></div></div><div class="space-3-medium"></div><div class="w-layout-grid faq-grid"><div class="faq-left-main"><div class="faq-left"><img loading="lazy" src="https://cdn.prod.website-files.com/6a5c64a44b5c347e4b8e5d67/6a5de212ff21db38946c558d_image%2057289%20(1).webp" alt="Modern Office Lobby" sizes="(max-width: 1644px) 100vw, 1644px" srcset="https://cdn.prod.website-files.com/6a5c64a44b5c347e4b8e5d67/6a5de212ff21db38946c558d_image%2057289%20(1)-p-500.webp 500w, https://cdn.prod.website-files.com/6a5c64a44b5c347e4b8e5d67/6a5de212ff21db38946c558d_image%2057289%20(1)-p-800.webp 800w, https://cdn.prod.website-files.com/6a5c64a44b5c347e4b8e5d67/6a5de212ff21db38946c558d_image%2057289%20(1)-p-1080.webp 1080w, https://cdn.prod.website-files.com/6a5c64a44b5c347e4b8e5d67/6a5de212ff21db38946c558d_image%2057289%20(1)-p-1600.webp 1600w, https://cdn.prod.website-files.com/6a5c64a44b5c347e4b8e5d67/6a5de212ff21db38946c558d_image%2057289%20(1).webp 1644w" class="faq-img"/></div></div><div class="faq-wrap"><div class="faq-card"><div class="faq-top"><div class="faq-title">What types of businesses do you work with?</div><div class="faq-icon-wrapper">
11<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24" fill="none" class="faq-icon"><path d="M18 12.998H13V11.998C13 12.2633 12.8946 12.5176 12.7071 12.7052C12.5196 12.8927 12.2652 12.998 12 12.998C11.7348 12.998 11.4804 12.8927 11.2929 12.7052C11.1054 12.5176 11 12.2633 11 11.998V12.998H6C5.73478 12.998 5.48043 12.8927 5.29289 12.7052C5.10536 12.5176 5 12.2633 5 11.998C5 11.7328 5.10536 11.4785 5.29289 11.2909C5.48043 11.1034 5.73478 10.998 6 10.998H11V11.998C11 11.7328 11.1054 11.4785 11.2929 11.2909C11.4804 11.1034 11.7348 10.998 12 10.998C12.2652 10.998 12.5196 11.1034 12.7071 11.2909C12.8946 11.4785 13 11.7328 13 11.998V10.998H18C18.2652 10.998 18.5196 11.1034 18.7071 11.2909C18.8946 11.4785 19 11.7328 19 11.998C19 12.2633 18.8946 12.5176 18.7071 12.7052C18.5196 12.8927 18.2652 12.998 18 12.998Z" fill="currentColor"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24" fill="none" class="faq-icon"><path d="M12.75 11.25V5C12.75 4.80109 12.671 4.61032 12.5303 4.46967C12.3897 4.32902 12.1989 4.25 12 4.25C11.8011 4.25 11.6103 4.32902 11.4697 4.46967C11.329 4.61032 11.25 4.80109 11.25 5V11.25H5C4.80109 11.25 4.61032 11.329 4.46967 11.4697C4.32902 11.6103 4.25 11.8011 4.25 12C4.25 12.1989 4.32902 12.3897 4.46967 12.5303C4.61032 12.671 4.80109 12.75 5 12.75H11.25V19C11.2526 19.1981 11.3324 19.3874 11.4725 19.5275C11.6126 19.6676 11.8019 19.7474 12 19.75C12.1989 19.75 12.3897 19.671 12.5303 19.5303C12.671 19.3897 12.75 19.1989 12.75 19V12.75H19C19.1989 12.75 19.3897 12.671 19.5303 12.5303C19.671 12.3897 19.75 12.1989 19.75 12C19.7474 11.8019 19.6676 11.6126 19.5275 11.4725C19.3874 11.3324 19.1981 11.2526 19 11.25H12.75Z" fill="currentColor"></path></svg></div></div><div class="faq-bottom"><p class="faq-p">Focused strategy and design sprints generally begin at $4,000. Full brand and website engagements usually begin at $15,000. Ongoing partnerships start from $5,000 per month.</p></div></div><div class="faq-card"><div class="faq-top"><div class="faq-title">What is your minimum project size?</div><div class="faq-icon-wrapper"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24" fill="none" class="faq-icon"><path d="M18 12.998H13V11.998C13 12.2633 12.8946 12.5176 12.7071 12.7052C12.5196 12.8927 12.2652 12.998 12 12.998C11.7348 12.998 11.4804 12.8927 11.2929 12.7052C11.1054 12.5176 11 12.2633 11 11.998V12.998H6C5.73478 12.998 5.48043 12.8927 5.29289 12.7052C5.10536 12.5176 5 12.2633 5 11.998C5 11.7328 5.10536 11.4785 5.29289 11.2909C5.48043 11.1034 5.73478 10.998 6 10.998H11V11.998C11 11.7328 11.1054 11.4785 11.2929 11.2909C11.4804 11.1034 11.7348 10.998 12 10.998C12.2652 10.998 12.5196 11.1034 12.7071 11.2909C12.8946 11.4785 13 11.7328 13 11.998V10.998H18C18.2652 10.998 18.5196 11.1034 18.7071 11.2909C18.8946 11.4785 19 11.7328 19 11.998C19 12.2633 18.8946 12.5176 18.7071 12.7052C18.5196 12.8927 18.2652 12.998 18 12.998Z" fill="currentColor"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24" fill="none" class="faq-icon"><path d="M12.75 11.25V5C12.75 4.80109 12.671 4.61032 12.5303 4.46967C12.3897 4.32902 12.1989 4.25 12 4.25C11.8011 4.25 11.6103 4.32902 11.4697 4.46967C11.329 4.61032 11.25 4.80109 11.25 5V11.25H5C4.80109 11.25 4.61032 11.329 4.46967 11.4697C4.32902 11.6103 4.25 11.8011 4.25 12C4.25 12.1989 4.32902 12.3897 4.46967 12.5303C4.61032 12.671 4.80109 12.75 5 12.75H11.25V19C11.2526 19.1981 11.3324 19.3874 11.4725 19.5275C11.6126 19.6676 11.8019 19.7474 12 19.75C12.1989 19.75 12.3897 19.671 12.5303 19.5303C12.671 19.3897 12.75 19.1989 12.75 19V12.75H19C19.1989 12.75 19.3897 12.671 19.5303 12.5303C19.671 12.3897 19.75 12.1989 19.75 12C19.7474 11.8019 19.6676 11.6126 19.5275 11.4725C19.3874 11.3324 19.1981 11.2526 19 11.25H12.75Z" fill="currentColor"></path></svg></div></div><div class="faq-bottom"><p class="faq-p">Focused strategy and design sprints generally begin at $4,000. Full brand and website engagements usually begin at $15,000. Ongoing partnerships start from $5,000 per month.</p></div></div><div class="faq-card"><div class="faq-top"><div class="faq-title">Can we hire you for website design only?</div><div class="faq-icon-wrapper">
11<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24" fill="none" class="faq-icon"><path d="M18 12.998H13V11.998C13 12.2633 12.8946 12.5176 12.7071 12.7052C12.5196 12.8927 12.2652 12.998 12 12.998C11.7348 12.998 11.4804 12.8927 11.2929 12.7052C11.1054 12.5176 11 12.2633 11 11.998V12.998H6C5.73478 12.998 5.48043 12.8927 5.29289 12.7052C5.10536 12.5176 5 12.2633 5 11.998C5 11.7328 5.10536 11.4785 5.29289 11.2909C5.48043 11.1034 5.73478 10.998 6 10.998H11V11.998C11 11.7328 11.1054 11.4785 11.2929 11.2909C11.4804 11.1034 11.7348 10.998 12 10.998C12.2652 10.998 12.5196 11.1034 12.7071 11.2909C12.8946 11.4785 13 11.7328 13 11.998V10.998H18C18.2652 10.998 18.5196 11.1034 18.7071 11.2909C18.8946 11.4785 19 11.7328 19 11.998C19 12.2633 18.8946 12.5176 18.7071 12.7052C18.5196 12.8927 18.2652 12.998 18 12.998Z" fill="currentColor"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24" fill="none" class="faq-icon"><path d="M12.75 11.25V5C12.75 4.80109 12.671 4.61032 12.5303 4.46967C12.3897 4.32902 12.1989 4.25 12 4.25C11.8011 4.25 11.6103 4.32902 11.4697 4.46967C11.329 4.61032 11.25 4.80109 11.25 5V11.25H5C4.80109 11.25 4.61032 11.329 4.46967 11.4697C4.32902 11.6103 4.25 11.8011 4.25 12C4.25 12.1989 4.32902 12.3897 4.46967 12.5303C4.61032 12.671 4.80109 12.75 5 12.75H11.25V19C11.2526 19.1981 11.3324 19.3874 11.4725 19.5275C11.6126 19.6676 11.8019 19.7474 12 19.75C12.1989 19.75 12.3897 19.671 12.5303 19.5303C12.671 19.3897 12.75 19.1989 12.75 19V12.75H19C19.1989 12.75 19.3897 12.671 19.5303 12.5303C19.671 12.3897 19.75 12.1989 19.75 12C19.7474 11.8019 19.6676 11.6126 19.5275 11.4725C19.3874 11.3324 19.1981 11.2526 19 11.25H12.75Z" fill="currentColor"></path></svg></div></div><div class="faq-bottom"><p class="faq-p">Focused strategy and design sprints generally begin at $4,000. Full brand and website engagements usually begin at $15,000. Ongoing partnerships start from $5,000 per month.</p></div></div><div class="faq-card"><div class="faq-top"><div class="faq-title">Do you provide copywriting?</div><div class="faq-icon-wrapper"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24" fill="none" class="faq-icon"><path d="M18 12.998H13V11.998C13 12.2633 12.8946 12.5176 12.7071 12.7052C12.5196 12.8927 12.2652 12.998 12 12.998C11.7348 12.998 11.4804 12.8927 11.2929 12.7052C11.1054 12.5176 11 12.2633 11 11.998V12.998H6C5.73478 12.998 5.48043 12.8927 5.29289 12.7052C5.10536 12.5176 5 12.2633 5 11.998C5 11.7328 5.10536 11.4785 5.29289 11.2909C5.48043 11.1034 5.73478 10.998 6 10.998H11V11.998C11 11.7328 11.1054 11.4785 11.2929 11.2909C11.4804 11.1034 11.7348 10.998 12 10.998C12.2652 10.998 12.5196 11.1034 12.7071 11.2909C12.8946 11.4785 13 11.7328 13 11.998V10.998H18C18.2652 10.998 18.5196 11.1034 18.7071 11.2909C18.8946 11.4785 19 11.7328 19 11.998C19 12.2633 18.8946 12.5176 18.7071 12.7052C18.5196 12.8927 18.2652 12.998 18 12.998Z" fill="currentColor"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24" fill="none" class="faq-icon"><path d="M12.75 11.25V5C12.75 4.80109 12.671 4.61032 12.5303 4.46967C12.3897 4.32902 12.1989 4.25 12 4.25C11.8011 4.25 11.6103 4.32902 11.4697 4.46967C11.329 4.61032 11.25 4.80109 11.25 5V11.25H5C4.80109 11.25 4.61032 11.329 4.46967 11.4697C4.32902 11.6103 4.25 11.8011 4.25 12C4.25 12.1989 4.32902 12.3897 4.46967 12.5303C4.61032 12.671 4.80109 12.75 5 12.75H11.25V19C11.2526 19.1981 11.3324 19.3874 11.4725 19.5275C11.6126 19.6676 11.8019 19.7474 12 19.75C12.1989 19.75 12.3897 19.671 12.5303 19.5303C12.671 19.3897 12.75 19.1989 12.75 19V12.75H19C19.1989 12.75 19.3897 12.671 19.5303 12.5303C19.671 12.3897 19.75 12.1989 19.75 12C19.7474 11.8019 19.6676 11.6126 19.5275 11.4725C19.3874 11.3324 19.1981 11.2526 19 11.25H12.75Z" fill="currentColor"></path></svg></div></div><div class="faq-bottom"><p class="faq-p">Focused strategy and design sprints generally begin at $4,000. Full brand and website engagements usually begin at $15,000. Ongoing partnerships start from $5,000 per month.</p></div></div><div class="faq-card"><div class="faq-top"><div class="faq-title">How do you use AI in client projects?</div><div class="faq-icon-wrapper">
11<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24" fill="none" class="faq-icon"><path d="M18 12.998H13V11.998C13 12.2633 12.8946 12.5176 12.7071 12.7052C12.5196 12.8927 12.2652 12.998 12 12.998C11.7348 12.998 11.4804 12.8927 11.2929 12.7052C11.1054 12.5176 11 12.2633 11 11.998V12.998H6C5.73478 12.998 5.48043 12.8927 5.29289 12.7052C5.10536 12.5176 5 12.2633 5 11.998C5 11.7328 5.10536 11.4785 5.29289 11.2909C5.48043 11.1034 5.73478 10.998 6 10.998H11V11.998C11 11.7328 11.1054 11.4785 11.2929 11.2909C11.4804 11.1034 11.7348 10.998 12 10.998C12.2652 10.998 12.5196 11.1034 12.7071 11.2909C12.8946 11.4785 13 11.7328 13 11.998V10.998H18C18.2652 10.998 18.5196 11.1034 18.7071 11.2909C18.8946 11.4785 19 11.7328 19 11.998C19 12.2633 18.8946 12.5176 18.7071 12.7052C18.5196 12.8927 18.2652 12.998 18 12.998Z" fill="currentColor"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24" fill="none" class="faq-icon"><path d="M12.75 11.25V5C12.75 4.80109 12.671 4.61032 12.5303 4.46967C12.3897 4.32902 12.1989 4.25 12 4.25C11.8011 4.25 11.6103 4.32902 11.4697 4.46967C11.329 4.61032 11.25 4.80109 11.25 5V11.25H5C4.80109 11.25 4.61032 11.329 4.46967 11.4697C4.32902 11.6103 4.25 11.8011 4.25 12C4.25 12.1989 4.32902 12.3897 4.46967 12.5303C4.61032 12.671 4.80109 12.75 5 12.75H11.25V19C11.2526 19.1981 11.3324 19.3874 11.4725 19.5275C11.6126 19.6676 11.8019 19.7474 12 19.75C12.1989 19.75 12.3897 19.671 12.5303 19.5303C12.671 19.3897 12.75 19.1989 12.75 19V12.75H19C19.1989 12.75 19.3897 12.671 19.5303 12.5303C19.671 12.3897 19.75 12.1989 19.75 12C19.7474 11.8019 19.6676 11.6126 19.5275 11.4725C19.3874 11.3324 19.1981 11.2526 19 11.25H12.75Z" fill="currentColor"></path></svg></div></div><div class="faq-bottom"><p class="faq-p">Focused strategy and design sprints generally begin at $4,000. Full brand and website engagements usually begin at $15,000. Ongoing partnerships start from $5,000 per month.</p></div></div></div></div></div></div></section></div><section data-wf-component-id="d68aab48-92f3-ea7a-42ae-2fa287418192" data-wf-variant-state="base" class="footer"><div class="space-8-small"></div><div class="w-layout-blockcontainer container w-container"><div class="footer-wrapper"><div class="footer-card-wrapper"><div class="footer-card"><div class="font-1-small gray">Company</div><a href="/" class="footer-link w-inline-block"><div class="font-1-small">Home</div><div class="font-1-small">Home</div></a><a href="/service" class="footer-link w-inline-block"><div class="font-1-small">Service</div><div class="font-1-small">Service</div></a><a href="/project" aria-current="page" class="footer-link w-inline-block w--current"><div class="font-1-small">Project</div><div class="font-1-small">Project</div></a><a href="/contact" class="footer-link w-inline-block"><div class="font-1-small">Contact</div><div class="font-1-small">Contact</div></a></div><div class="footer-card"><div class="font-1-small gray">CMS Pages</div><a href="https://webixe.webflow.io/project/luma-health" class="footer-link w-inline-block"><div class="font-1-small">Project Details</div><div class="font-1-small">Project Details</div></a><a href="https://webixe.webflow.io/service/brand-strategy-positioning" class="footer-link w-inline-block"><div class="font-1-small">Service Details</div><div class="font-1-small">Service Details</div></a></div><div class="footer-card"><div class="font-1-small gray">Utility Page</div><a href="/style-guide" class="footer-link w-inline-block"><div class="font-1-small">Style Guide</div><div class="font-1-small">Style Guide</div></a><a href="/license" class="footer-link w-inline-block"><div class="font-1-small">Licenses</div><div class="font-1-small">Licenses</div></a><a href="/changelog" class="footer-link w-inline-block"><div class="font-1-small">Changelog</div><div class="font-1-small">Changelog</div></a><a href="/404" class="footer-link w-inline-block"><div class="font-1-small">404</div><div class="font-1-small">404</div></a></div><div class="footer-card"><div class="font-1-small gray">Social</div><a href="https://www.facebook.com/" target="_blank" class="footer-link w-inline-block"><div class="font-1-small">Facebook</div><div class="font-1-small">Facebook</div></a><a href="https://www.instagram.com/" target="_blank" class="footer-link w-inline-block"><div class="font-1-small">Instagram</div><div class="font-1-small">Instagram</div></a><a href="https://x.com/" target="_blank" class="footer-link w-inline-block"><div class="font-1-small">Twitter (X)</div><div class="font-1-small">Twitter (X)</div></a><a href="https://www.linkedin.com/" target="_blank" class="footer-link w-inline-block"><div class="font-1-small">Linkedin</div><div class="font-1-small">Linkedin</div></a></div></div><div class="footer-bottom-wrapper">
11<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 1320 408" fill="none" class="footer-logo-icon"><path d="M0 0H51.3863L105.108 346.8H115.035L165.838 0H235.326L286.712 346.8H296.639L349.777 0H401.164V10.4914L336.347 408H251.676L204.961 76.9371H196.786L149.488 408H65.4008L0 10.4914V0Z" fill="currentColor"></path><path d="M628.698 0V46.6286H475.707V185.349C488.553 179.909 502.957 175.829 518.918 173.109C535.268 170 551.813 168.057 568.552 167.28C585.292 166.503 600.474 167.28 614.099 169.611V213.909L609.428 217.406C598.917 214.297 585.681 212.743 569.72 212.743C554.149 212.743 537.993 214.103 521.254 216.823C504.514 219.543 489.332 224.011 475.707 230.229V361.371H628.698V408H424.32V0H628.698Z" fill="currentColor"></path><path d="M660.427 408V0H825.68C854.488 0 877.845 8.74286 895.753 26.2286C913.66 43.3257 922.614 67.4172 922.614 98.5029C922.614 117.931 919.499 134.057 913.271 146.88C907.042 159.703 899.451 169.417 890.497 176.023C881.933 182.629 873.563 187.291 865.388 190.011V192.926C876.288 195.646 886.994 200.891 897.504 208.663C908.015 216.434 916.774 227.314 923.781 241.303C931.178 254.903 934.876 272.389 934.876 293.76C934.876 320.183 929.815 341.749 919.694 358.457C909.962 375.166 896.531 387.6 879.402 395.76C862.663 403.92 843.198 408 821.009 408H660.427ZM711.813 361.371H812.25C834.439 361.371 851.373 355.349 863.052 343.303C875.12 331.257 881.154 313.383 881.154 289.68C881.154 267.531 874.342 250.434 860.716 238.389C847.091 226.343 830.546 220.32 811.082 220.32H711.813V361.371ZM711.813 178.354H812.25C830.546 178.354 844.95 172.72 855.461 161.451C865.972 149.794 871.227 133.474 871.227 112.491C871.227 90.7314 865.972 74.0229 855.461 62.3657C844.95 50.7086 830.546 44.88 812.25 44.88H711.813V178.354Z" fill="currentColor"></path><path d="M962.682 0H1014.07V408H962.682V0Z" fill="currentColor"></path><path d="M1035.62 408V398.674L1131.97 198.171L1041.46 9.32573V0H1094.02L1174.02 173.109H1184.53L1261.61 0H1314.16V9.32573L1227.15 198.171L1320 398.674V408H1267.45L1184.53 227.314H1174.02L1088.18 408H1035.62Z" fill="currentColor"></path></svg></div><div class="footer-copyright"><div class="copyright-text">© Copyright - <span class="copyright-highlight">Webix Studio</span> | Designed by <span class="copyright-highlight">"Lioweb" | Licensing -</span> Powered by <a href="https://webflow.com/" target="_blank"><span class="copyright-under">Webflow</span></a></div></div></div></div></section></div>
11<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=6a5c64a44b5c347e4b8e5d67" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
11<script src="https://cdn.prod.website-files.com/6a5c64a44b5c347e4b8e5d67/js/webflow.schunk.019d8aa1b67491f2.js" type="text/javascript" integrity="sha384-N4aEBEL3SnLxShd47/yL9rRxAhyj4Ek1ZAp/I3dVGP70dl07La1KDR6y+RVEtHQD" crossorigin="anonymous"></script>
11<script src="https://cdn.prod.website-files.com/6a5c64a44b5c347e4b8e5d67/js/webflow.schunk.121b0d7ff03e0f4a.js" type="text/javascript" integrity="sha384-xmxYNW5cjPqRkOstIN2AtIcrlQOgIF4k5PmI7WPxkrTXkUGtbSKaezRTaxUTpIEs" crossorigin="anonymous"></script>
11<script src="https://cdn.prod.website-files.com/6a5c64a44b5c347e4b8e5d67/js/webflow.0fdcfa30.197ad4619717fb98.js" type="text/javascript" integrity="sha384-BOV/UeridEGoBXyXSe3/79IGuitg/jTZ0+cVwSOM4Ha/U2A7Ah/OnxIEKcXhB9YG" crossorigin="anonymous"></script>
11<script src="https://cdn.prod.website-files.com/gsap/3.15.0/gsap.min.js" type="text/javascript"></script>
11<script src="https://cdn.prod.website-files.com/gsap/3.15.0/SplitText.min.js" type="text/javascript"></script>
11<script src="https://cdn.prod.website-files.com/gsap/3.15.0/ScrollTrigger.min.js" type="text/javascript"></script>
11<script src="https://cdn.prod.website-files.com/gsap/3.15.0/Observer.min.js" type="text/javascript"></script>
11<!-- Smooth Scrolling -->
12<script src="https://cdn.jsdelivr.net/gh/studio-freight/[email protected]/bundled/lenis.js"></script>
12 13
14<script> 15const lenis = new Lenis({ 16duration: 1.8, 17easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)), // https://www.desmos.com/calculator/brs54l4xou 18direction: 'vertical', // vertical, horizontal 19gestureDirection: 'vertical', // vertical, horizontal, both 20smooth: true, 21mouseMultiplier: 1, 22smoothTouch: false, 23touchMultiplier: 2, 24infinite: false, 25}) 26 27//get scroll value 28lenis.on('scroll', ({ scroll, limit, velocity, direction, progress }) => { console.log({ scroll, limit, velocity, direction, progress }) 29}) 30 31function raf(time) 32 33{ 34lenis.raf(time) 35 36 37requestAnimationFrame(raf) 38} 39 40requestAnimationFrame(raf) 41</script>
41 42<!-- ===================================================== 43 LIOWEB PREMIUM TEMPLATE SUPPORT WIDGET 44 Site-wide | Responsive | Hover + Tap 45====================================================== --> 46 47<div class="lio-support-widget" id="lioSupportWidget"> 48 49 <!-- Main Button --> 50 <button 51 class="lio-main-button" 52 id="lioSupportTrigger" 53 type="button" 54 aria-expanded="false" 55 aria-controls="lioSupportMenu" 56 aria-label="Open template support options" 57 > 58 <span class="lio-main-icon" aria-hidden="true"> 59 <svg viewBox="0 0 24 24"> 60 <path d="M8.5 2a3.5 3.5 0 0 0 0 7H12V2H8.5Zm5.5 0v7h1.5a3.5 3.5 0 1 0 0-7H14Zm0 9v7h1.5a3.5 3.5 0 1 0 0-7H14Zm-5.5 0a3.5 3.5 0 0 0 0 7H12v-7H8.5Zm0 9a3.5 3.5 0 1 0 3.5 3.5V20H8.5Z"/> 61 </svg> 62 </span> 63 64 <span class="lio-main-content"> 65 <span class="lio-main-label">Need Assistance?</span> 66 <span class="lio-main-title">Template Customization</span> 67 </span> 68 69 <span class="lio-main-arrow" aria-hidden="true"> 70 <svg viewBox="0 0 24 24"> 71 <path d="m9 18 6-6-6-6"/> 72 </svg> 73 </span> 74 </button> 75 76 <!-- Expandable Options --> 77 <div 78 class="lio-support-menu" 79 id="lioSupportMenu" 80 role="menu" 81 aria-label="Template support options" 82 > 83 84 <!-- Customize Template --> 85 <a 86 class="lio-support-option lio-option-customize" 87 href="https://wa.me/8801628969714?text=Hello%2C%20I%20need%20professional%20customization%20support%20for%20the%20Mediflux%20Webflow%20template." 88 target="_blank" 89 rel="noopener noreferrer" 90 role="menuitem" 91 > 92 <span class="lio-option-icon" aria-hidden="true"> 93 <svg viewBox="0 0 24 24"> 94 <path d="M12 2a8 8 0 0 0-8 8v1.1A3 3 0 0 0 2 14v2a3 3 0 0 0 3 3h1a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1V10a6 6 0 1 1 12 0v1h-1a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h1c-.7 1.2-2 2-3.5 2H13a1 1 0 1 0 0 2h1.5A5.5 5.5 0 0 0 20 17.5V10a8 8 0 0 0-8-8Z"/> 95 </svg> 96 </span> 97 98 <span class="lio-option-content"> 99 <span class="lio-option-label">Professional Support</span> 100 <span class="lio-option-title">Customize My Template</span> 101 </span> 102 103 <span class="lio-option-arrow" aria-hidden="true"> 104 <svg viewBox="0 0 24 24"> 105 <path d="m9 18 6-6-6-6"/> 106 </svg> 107 </span> 108 </a> 109 110 <!-- Figma File --> 111 <a 112 class="lio-support-option lio-option-figma" 113 href="https://wa.me/8801628969714?text=Hello%2C%20I%20would%20like%20to%20get%20the%20Figma%20source%20file%20for%20the%20Mediflux%20Webflow%20template." 114 target="_blank" 115 rel="noopener noreferrer" 116 role="menuitem" 117 > 118 <span class="lio-option-icon" aria-hidden="true"> 119 <svg viewBox="0 0 24 24"> 120 <path d="M8.5 2a3.5 3.5 0 0 0 0 7H12V2H8.5Zm5.5 0v7h1.5a3.5 3.5 0 1 0 0-7H14Zm0 9v7h1.5a3.5 3.5 0 1 0 0-7H14Zm-5.5 0a3.5 3.5 0 0 0 0 7H12v-7H8.5Zm0 9a3.5 3.5 0 1 0 3.5 3.5V20H8.5Z"/> 121 </svg> 122 </span> 123 124 <span class="lio-option-content"> 125 <span class="lio-option-label">Editable Design File</span> 126 <span class="lio-option-title">Get Figma Source File</span> 127 </span> 128 129 <span class="lio-option-arrow" aria-hidden="true"> 130 <svg viewBox="0 0 24 24"> 131 <path d="m9 18 6-6-6-6"/> 132 </svg> 133 </span> 134 </a> 135 136 <!-- More Templates --> 137 <a 138 class="lio-support-option lio-option-templates" 139 href="https://webflow.com/templates/designers/lioweb" 140 target="_blank" 141 rel="noopener noreferrer" 142 role="menuitem" 143 > 144 <span class="lio-option-icon" aria-hidden="true"> 145 <svg viewBox="0 0 24 24"> 146 <path d="M4 3h6a2 2 0 0 1 2 2v6H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Zm10 0h6a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-6V3ZM2 15a2 2 0 0 1 2-2h8v8H4a2 2 0 0 1-2-2v-4Zm12-2h6a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-6v-8Z"/> 147 </svg> 148 </span> 149 150 <span class="lio-option-content"> 151 <span class="lio-option-label">Premium Webflow Designs</span> 152 <span class="lio-option-title">Explore More Templates</span> 153 </span> 154 155 <span class="lio-option-arrow" aria-hidden="true"> 156 <svg viewBox="0 0 24 24"> 157 <path d="m9 18 6-6-6-6"/> 158 </svg> 159 </span> 160 </a> 161 162 </div> 163</div> 164 165<style> 166/* ===================================================== 167 BASIC SETTINGS 168===================================================== */ 169 170#lioSupportWidget, 171#lioSupportWidget * { 172 box-sizing: border-box; 173} 174 175#lioSupportWidget { 176 --lio-dark-1: rgba(7, 20, 38, 0.98); 177 --lio-dark-2: rgba(12, 37, 62, 0.97); 178 --lio-white: #ffffff; 179 --lio-muted: rgba(255, 255, 255, 0.72); 180 181 position: fixed; 182 top: 50%; 183 left: 12px; 184 z-index: 2147483000; 185 186 font-family: inherit; 187 188 transform: translateY(-50%); 189} 190 191#lioSupportWidget button, 192#lioSupportWidget a { 193 font-family: inherit; 194 -webkit-tap-highlight-color: transparent; 195} 196
197/* ===================================================== 198 MAIN BUTTON 199===================================================== */ 200 201#lioSupportWidget .lio-main-button { 202 position: relative; 203 204 display: flex; 205 width: 177px; 206 min-height: 46px; 207 align-items: center; 208 209 gap: 0; 210 211 margin: 0; 212 padding: 6px 7px; 213 214 overflow: hidden; 215 cursor: pointer; 216 217 color: var(--lio-white); 218 219 background: 220 linear-gradient( 221 135deg, 222 var(--lio-dark-1), 223 var(--lio-dark-2) 224 ) padding-box, 225 linear-gradient( 226 110deg, 227 #00e5ff, 228 #20e3b2, 229 #4277ff, 230 #a855f7, 231 #00e5ff 232 ) border-box; 233 234 background-size: 235 100% 100%, 236 250% 250%; 237 238 border: 1.5px solid transparent; 239 border-radius: 13px; 240 241 box-shadow: 242 0 10px 26px rgba(4, 18, 38, 0.24), 243 0 0 0 rgba(0, 229, 255, 0), 244 inset 0 1px 0 rgba(255, 255, 255, 0.12); 245 246 backdrop-filter: blur(15px); 247 -webkit-backdrop-filter: blur(15px); 248 249 animation: lioGradientBorder 5s linear infinite; 250 251 transition: 252 transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), 253 box-shadow 0.28s ease; 254} 255 256/* Soft background glow */ 257 258#lioSupportWidget .lio-main-button::after { 259 position: absolute; 260 inset: 0; 261 262 content: ""; 263 pointer-events: none; 264 265 background: 266 radial-gradient( 267 circle at 8% 25%, 268 rgba(0, 229, 255, 0.16), 269 transparent 34% 270 ), 271 radial-gradient( 272 circle at 90% 80%, 273 rgba(168, 85, 247, 0.13), 274 transparent 38% 275 ); 276 277 opacity: 0.75; 278} 279 280/* Animated shine */ 281 282#lioSupportWidget .lio-main-button::before { 283 position: absolute; 284 top: -40%; 285 left: -60%; 286 287 width: 34%; 288 height: 180%; 289 290 content: ""; 291 pointer-events: none; 292 293 background: linear-gradient( 294 90deg, 295 transparent, 296 rgba(255, 255, 255, 0.27), 297 transparent 298 ); 299 300 transform: rotate(18deg); 301 transition: left 0.65s ease; 302} 303 304#lioSupportWidget:hover .lio-main-button, 305#lioSupportWidget.is-open .lio-main-button { 306 transform: translateX(4px) translateY(-1px) scale(1.015); 307 308 box-shadow: 309 0 15px 35px rgba(4, 18, 38, 0.32), 310 0 0 22px rgba(0, 229, 255, 0.16), 311 0 0 36px rgba(66, 119, 255, 0.1), 312 inset 0 1px 0 rgba(255, 255, 255, 0.14); 313} 314 315#lioSupportWidget:hover .lio-main-button::before, 316#lioSupportWidget.is-open .lio-main-button::before { 317 left: 130%; 318} 319 320/* ===================================================== 321 MAIN ICON 322===================================================== */ 323 324#lioSupportWidget .lio-main-icon { 325 position: relative; 326 z-index: 2; 327 328 display: grid; 329 width: 31px; 330 height: 31px; 331 flex: 0 0 31px; 332 place-items: center; 333 334 margin-right: 9px; 335 336 color: #ffffff; 337 338 background: linear-gradient( 339 135deg, 340 #12d8c2 0%, 341 #12b4e8 48%, 342 #4277ff 100% 343 ); 344 345 border: 1px solid rgba(255, 255, 255, 0.3); 346 border-radius: 9px; 347 348 box-shadow: 349 0 6px 14px rgba(0, 159, 219, 0.26), 350 inset 0 1px 0 rgba(255, 255, 255, 0.24); 351 352 transition: 353 transform 0.3s ease, 354 box-shadow 0.3s ease; 355} 356 357#lioSupportWidget:hover .lio-main-icon, 358#lioSupportWidget.is-open .lio-main-icon { 359 transform: rotate(-5deg) scale(1.07); 360 361 box-shadow: 362 0 8px 18px rgba(0, 196, 225, 0.32), 363 inset 0 1px 0 rgba(255, 255, 255, 0.27); 364} 365 366#lioSupportWidget .lio-main-icon svg { 367 display: block; 368 width: 14px; 369 height: 14px; 370 fill: currentColor; 371} 372 373/* ===================================================== 374 MAIN TEXT 375===================================================== */ 376 377#lioSupportWidget .lio-main-content { 378 position: relative; 379 z-index: 2; 380 381 display: flex; 382 min-width: 0; 383 flex: 1; 384 flex-direction: column; 385 386 text-align: left; 387 line-height: 1.12; 388} 389 390#lioSupportWidget .lio-main-label { 391 display: block; 392 margin-bottom: 3px; 393 394 color: rgba(255, 255, 255, 0.69); 395 396 font-size: 7px; 397 font-weight: 650; 398 letter-spacing: 0.065em; 399 line-height: 1; 400 text-transform: uppercase; 401 white-space: nowrap; 402} 403 404#lioSupportWidget .lio-main-title { 405 display: block; 406 407 color: #ffffff; 408 409 font-size: 10.6px; 410 font-weight: 750; 411 letter-spacing: -0.012em; 412 line-height: 1.12; 413 white-space: nowrap; 414 415 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28); 416} 417 418/* ===================================================== 419 MAIN ARROW 420===================================================== */ 421 422#lioSupportWidget .lio-main-arrow { 423 position: relative; 424 z-index: 2; 425 426 display: grid; 427 width: 15px; 428 height: 15px; 429 flex: 0 0 15px; 430 place-items: center; 431 432 margin-left: 5px; 433 434 color: rgba(255, 255, 255, 0.78); 435 436 transition: transform 0.3s ease; 437} 438 439#lioSupportWidget.is-open .lio-main-arrow { 440 transform: rotate(180deg); 441} 442 443#lioSupportWidget .lio-main-arrow svg, 444#lioSupportWidget .lio-option-arrow svg { 445 display: block; 446 width: 12px; 447 height: 12px; 448 449 fill: none; 450 stroke: currentColor; 451 stroke-width: 2; 452 stroke-linecap: round; 453 stroke-linejoin: round; 454} 455 456/* ===================================================== 457 EXPANDABLE MENU 458===================================================== */ 459 460#lioSupportWidget .lio-support-menu { 461 position: absolute; 462 top: 50%; 463 left: calc(100% + 8px); 464 465 display: flex; 466 width: 183px; 467 flex-direction: column; 468 gap: 6px; 469 470 opacity: 0; 471 visibility: hidden; 472 pointer-events: none; 473 474 transform: translate(-10px, -50%) scale(0.96); 475 transform-origin: left center; 476 477 transition: 478 opacity 0.23s ease, 479 visibility 0.23s ease, 480 transform 0.32s cubic-bezier(0.22, 1, 0.36, 1); 481} 482 483#lioSupportWidget.is-open .lio-support-menu { 484 opacity: 1; 485 visibility: visible; 486 pointer-events: auto; 487 488 transform: translate(0, -50%) scale(1); 489} 490 491/* Desktop hover opening */ 492 493@media screen and (min-width: 992px) and (hover: hover) and (pointer: fine) { 494 #lioSupportWidget:hover .lio-support-menu { 495 opacity: 1; 496 visibility: visible; 497 pointer-events: auto; 498 499 transform: translate(0, -50%) scale(1); 500 } 501 502 #lioSupportWidget:hover .lio-main-arrow { 503 transform: rotate(180deg); 504 } 505} 506 507/* ===================================================== 508 OPTION BUTTONS 509===================================================== */ 510 511#lioSupportWidget .lio-support-option { 512 --lio-color-1: #16d9b1; 513 --lio-color-2: #12aeea; 514 515 position: relative; 516 517 display: flex; 518 width: 100%; 519 min-height: 45px; 520 align-items: center; 521 522 padding: 5px 7px; 523 overflow: hidden; 524 525 color: #ffffff; 526 text-decoration: none; 527 528 background: 529 linear-gradient( 530 135deg, 531 rgba(7, 20, 38, 0.98), 532 rgba(12, 37, 62, 0.97) 533 ) padding-box, 534 linear-gradient( 535 125deg, 536 var(--lio-color-1), 537 var(--lio-color-2) 538 ) border-box; 539 540 border: 1.25px solid transparent; 541 border-radius: 11px; 542 543 box-shadow: 544 0 9px 24px rgba(4, 18, 38, 0.23), 545 inset 0 1px 0 rgba(255, 255, 255, 0.09); 546 547 backdrop-filter: blur(14px); 548 -webkit-backdrop-filter: blur(14px); 549 550 transition: 551 transform 0.24s cubic-bezier(0.22, 1, 0.36, 1), 552 box-shadow 0.24s ease; 553} 554 555/* Shine animation */ 556 557#lioSupportWidget .lio-support-option::before { 558 position: absolute; 559 top: -45%; 560 left: -55%; 561 562 width: 30%; 563 height: 190%; 564 565 content: ""; 566 pointer-events: none; 567 568 background: linear-gradient( 569 90deg, 570 transparent, 571 rgba(255, 255, 255, 0.22), 572 transparent 573 ); 574 575 transform: rotate(18deg); 576 transition: left 0.58s ease; 577} 578 579#lioSupportWidget .lio-support-option:hover {
580 color: #ffffff; 581 582 transform: translateX(4px) scale(1.012); 583 584 box-shadow: 585 0 13px 30px rgba(4, 18, 38, 0.31), 586 0 0 18px rgba(18, 174, 234, 0.13), 587 inset 0 1px 0 rgba(255, 255, 255, 0.12); 588} 589 590#lioSupportWidget .lio-support-option:hover::before { 591 left: 130%; 592} 593 594#lioSupportWidget .lio-option-customize { 595 --lio-color-1: #16d9a5; 596 --lio-color-2: #08b8da; 597} 598 599#lioSupportWidget .lio-option-figma { 600 --lio-color-1: #b155f6; 601 --lio-color-2: #ff7a45; 602} 603 604#lioSupportWidget .lio-option-templates { 605 --lio-color-1: #3a85ff; 606 --lio-color-2: #875cf4; 607} 608 609/* ===================================================== 610 OPTION ICON 611===================================================== */ 612 613#lioSupportWidget .lio-option-icon { 614 position: relative; 615 z-index: 2; 616 617 display: grid; 618 width: 30px; 619 height: 30px; 620 flex: 0 0 30px; 621 place-items: center; 622 623 margin-right: 8px; 624 625 color: #ffffff; 626 627 background: linear-gradient( 628 135deg, 629 var(--lio-color-1), 630 var(--lio-color-2) 631 ); 632 633 border: 1px solid rgba(255, 255, 255, 0.24); 634 border-radius: 8px; 635 636 box-shadow: 637 0 5px 12px rgba(0, 0, 0, 0.19), 638 inset 0 1px 0 rgba(255, 255, 255, 0.2); 639 640 transition: transform 0.25s ease; 641} 642 643#lioSupportWidget .lio-support-option:hover .lio-option-icon { 644 transform: scale(1.07) rotate(-4deg); 645} 646 647#lioSupportWidget .lio-option-icon svg { 648 display: block; 649 width: 14px; 650 height: 14px; 651 fill: currentColor; 652} 653 654/* ===================================================== 655 OPTION TEXT 656===================================================== */ 657 658#lioSupportWidget .lio-option-content { 659 position: relative; 660 z-index: 2; 661 662 display: flex; 663 min-width: 0; 664 flex: 1; 665 flex-direction: column; 666 667 line-height: 1.12; 668} 669 670#lioSupportWidget .lio-option-label { 671 display: block; 672 margin-bottom: 3px; 673 overflow: hidden; 674 675 color: rgba(255, 255, 255, 0.67); 676 677 font-size: 6.8px; 678 font-weight: 650; 679 letter-spacing: 0.045em; 680 line-height: 1; 681 text-overflow: ellipsis; 682 text-transform: uppercase; 683 white-space: nowrap; 684} 685 686#lioSupportWidget .lio-option-title { 687 display: block; 688 overflow: hidden; 689 690 color: #ffffff; 691 692 font-size: 10px; 693 font-weight: 720; 694 letter-spacing: -0.01em; 695 line-height: 1.12; 696 text-overflow: ellipsis; 697 white-space: nowrap; 698} 699 700/* ===================================================== 701 OPTION ARROW 702===================================================== */ 703 704#lioSupportWidget .lio-option-arrow { 705 position: relative; 706 z-index: 2; 707 708 display: grid; 709 width: 14px; 710 height: 14px; 711 flex: 0 0 14px; 712 place-items: center; 713 714 margin-left: 4px; 715 716 color: rgba(255, 255, 255, 0.68); 717 718 transition: transform 0.24s ease; 719} 720 721#lioSupportWidget .lio-support-option:hover .lio-option-arrow { 722 transform: translateX(2px); 723} 724 725/* ===================================================== 726 ACCESSIBILITY 727===================================================== */ 728 729#lioSupportWidget .lio-main-button:focus-visible, 730#lioSupportWidget .lio-support-option:focus-visible { 731 outline: 3px solid rgba(0, 229, 255, 0.38); 732 outline-offset: 3px; 733} 734 735/* ===================================================== 736 TABLET 737===================================================== */ 738 739@media screen and (min-width: 768px) and (max-width: 991px) { 740 #lioSupportWidget { 741 left: 9px; 742 } 743 744 #lioSupportWidget .lio-main-button { 745 width: 172px; 746 } 747 748 #lioSupportWidget .lio-support-menu { 749 width: 179px; 750 } 751} 752 753/* Tablet devices with mouse/trackpad */ 754 755@media screen and (min-width: 768px) and (max-width: 991px) and (hover: hover) and (pointer: fine) { 756 #lioSupportWidget:hover .lio-support-menu { 757 opacity: 1; 758 visibility: visible; 759 pointer-events: auto; 760 761 transform: translate(0, -50%) scale(1); 762 } 763} 764 765/* ===================================================== 766 MOBILE 767===================================================== */ 768 769@media screen and (max-width: 767px) { 770 #lioSupportWidget { 771 top: auto; 772 right: auto; 773 bottom: 13px; 774 left: 10px; 775 776 transform: none; 777 } 778 779 #lioSupportWidget .lio-main-button { 780 width: 169px; 781 min-height: 43px; 782 783 padding: 5px 6px; 784 border-radius: 12px; 785 } 786 787 #lioSupportWidget:hover .lio-main-button, 788 #lioSupportWidget.is-open .lio-main-button { 789 transform: translateY(-2px) scale(1.01); 790 } 791 792 #lioSupportWidget .lio-main-icon { 793 width: 29px; 794 height: 29px; 795 flex-basis: 29px; 796 797 margin-right: 8px; 798 } 799 800 #lioSupportWidget .lio-main-label { 801 font-size: 6.7px; 802 } 803 804 #lioSupportWidget .lio-main-title { 805 font-size: 10.1px; 806 } 807 808 #lioSupportWidget .lio-main-arrow { 809 transform: rotate(-90deg); 810 } 811 812 #lioSupportWidget.is-open .lio-main-arrow { 813 transform: rotate(90deg); 814 } 815 816 #lioSupportWidget .lio-support-menu { 817 top: auto; 818 bottom: calc(100% + 7px); 819 left: 0; 820 821 width: min(188px, calc(100vw - 20px)); 822 823 transform: translateY(10px) scale(0.96); 824 transform-origin: left bottom; 825 } 826 827 #lioSupportWidget.is-open .lio-support-menu { 828 transform: translateY(0) scale(1); 829 } 830 831 #lioSupportWidget .lio-support-option { 832 min-height: 44px; 833 padding: 5px 6px; 834 } 835 836 #lioSupportWidget .lio-option-icon { 837 width: 29px; 838 height: 29px; 839 flex-basis: 29px; 840 } 841 842 #lioSupportWidget .lio-option-title { 843 font-size: 9.8px; 844 } 845 846 #lioSupportWidget .lio-option-label { 847 font-size: 6.6px; 848 } 849} 850 851/* ===================================================== 852 SMALL MOBILE 853===================================================== */ 854 855@media screen and (max-width: 479px) { 856 #lioSupportWidget { 857 bottom: 9px; 858 left: 8px; 859 } 860 861 #lioSupportWidget .lio-main-button { 862 width: 165px; 863 min-height: 42px; 864 } 865 866 #lioSupportWidget .lio-main-icon { 867 width: 28px; 868 height: 28px; 869 flex-basis: 28px; 870 } 871 872 #lioSupportWidget .lio-main-label { 873 font-size: 6.5px; 874 } 875 876 #lioSupportWidget .lio-main-title { 877 font-size: 9.8px; 878 } 879 880 #lioSupportWidget .lio-support-menu { 881 width: min(184px, calc(100vw - 16px)); 882 gap: 5px; 883 } 884 885 #lioSupportWidget .lio-option-label { 886 display: none; 887 } 888 889 #lioSupportWidget .lio-option-title { 890 font-size: 10px; 891 white-space: normal; 892 } 893} 894 895/* iPhone safe-area */ 896 897@supports (padding: env(safe-area-inset-bottom)) { 898 @media screen and (max-width: 767px) { 899 #lioSupportWidget { 900 bottom: calc(9px + env(safe-area-inset-bottom)); 901 } 902 } 903} 904 905/* ===================================================== 906 GRADIENT BORDER ANIMATION 907===================================================== */ 908 909@keyframes lioGradientBorder { 910 0% { 911 background-position: 912 0 0, 913 0% 50%; 914 } 915 916 50% { 917 background-position: 918 0 0, 919 100% 50%; 920 } 921 922 100% { 923 background-position: 924 0 0, 925 0% 50%; 926 } 927} 928 929/* Reduced motion */ 930 931@media (prefers-reduced-motion: reduce) { 932 #lioSupportWidget .lio-main-button, 933 #lioSupportWidget .lio-main-button::before, 934 #lioSupportWidget .lio-main-icon, 935 #lioSupportWidget .lio-main-arrow, 936 #lioSupportWidget .lio-support-menu, 937 #lioSupportWidget .lio-support-option, 938 #lioSupportWidget .lio-support-option::before, 939 #lioSupportWidget .lio-option-icon, 940 #lioSupportWidget .lio-option-arrow { 941 animation: none !important; 942 transition: none !important; 943 } 944} 945</style> 946
947<script> 948(function () { 949 "use strict"; 950 951 function initializeLioSupportWidget() { 952 const widget = document.getElementById("lioSupportWidget"); 953 const trigger = document.getElementById("lioSupportTrigger"); 954 const menu = document.getElementById("lioSupportMenu"); 955 956 if (!widget || !trigger || !menu) return; 957 if (widget.dataset.initialized === "true") return; 958 959 widget.dataset.initialized = "true"; 960 961 const hoverDevice = window.matchMedia( 962 "(hover: hover) and (pointer: fine)" 963 ); 964 965 let closeTimer = null; 966 967 function openMenu() { 968 window.clearTimeout(closeTimer); 969 970 widget.classList.add("is-open"); 971 trigger.setAttribute("aria-expanded", "true"); 972 trigger.setAttribute( 973 "aria-label", 974 "Close template support options" 975 ); 976 } 977 978 function closeMenu(removeFocus) { 979 window.clearTimeout(closeTimer); 980 981 widget.classList.remove("is-open"); 982 trigger.setAttribute("aria-expanded", "false"); 983 trigger.setAttribute( 984 "aria-label", 985 "Open template support options" 986 ); 987 988 if (removeFocus) { 989 trigger.blur(); 990 } 991 } 992 993 function toggleMenu(event) { 994 event.preventDefault(); 995 event.stopPropagation(); 996 997 if (widget.classList.contains("is-open")) { 998 closeMenu(true); 999 } else { 1000 openMenu(); 1001 } 1002 } 1003 1004 function delayedClose() { 1005 window.clearTimeout(closeTimer); 1006 1007 closeTimer = window.setTimeout(function () { 1008 closeMenu(false); 1009 }, 180); 1010 } 1011 1012 /* Click and tap */ 1013 trigger.addEventListener("click", toggleMenu); 1014 1015 /* Desktop hover */ 1016 widget.addEventListener("mouseenter", function () { 1017 if (hoverDevice.matches) { 1018 openMenu(); 1019 } 1020 }); 1021 1022 widget.addEventListener("mouseleave", function () { 1023 if (hoverDevice.matches) { 1024 delayedClose(); 1025 } 1026 }); 1027 1028 menu.addEventListener("mouseenter", function () { 1029 window.clearTimeout(closeTimer); 1030 }); 1031 1032 /* Outside click */ 1033 document.addEventListener("pointerdown", function (event) { 1034 if ( 1035 widget.classList.contains("is-open") && 1036 !widget.contains(event.target) 1037 ) { 1038 closeMenu(true); 1039 } 1040 }); 1041 1042 /* Escape key */ 1043 document.addEventListener("keydown", function (event) { 1044 if (event.key === "Escape") { 1045 closeMenu(true); 1046 } 1047 }); 1048 1049 /* Close after selecting */ 1050 menu.querySelectorAll("a").forEach(function (link) { 1051 link.addEventListener("click", function () { 1052 closeMenu(false); 1053 }); 1054 }); 1055 } 1056 1057 if (document.readyState === "loading") { 1058 document.addEventListener( 1059 "DOMContentLoaded", 1060 initializeLioSupportWidget 1061 ); 1062 } else { 1063 initializeLioSupportWidget(); 1064 } 1065})(); 1066</script>
1066</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.