PageSourceSearch

https://studiova.vercel.app/

html studiova.vercel.app collected 2026-10-03 07:48:37 UTC 141,878 bytes, 1 lines download raw bytes

1<!DOCTYPE html><!--RtMfdYrR4AYyKQ_5UTpvJ--><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/a343f882a40d2cc9-s.p.71e1367e.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="/images/logo/WhiteLogo.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/><link rel="stylesheet" href="/_next/static/chunks/4368acfc140e46b5.css?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/fe81322e39413244.css?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/bde3bef86a49e1f5.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/>
1<script src="/_next/static/chunks/4707697016216262.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC" async=""></script>
1<script src="/_next/static/chunks/9e23e787ccff5041.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC" async=""></script>
1<script src="/_next/static/chunks/c895570761de3141.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC" async=""></script>
1<script src="/_next/static/chunks/turbopack-bc4cdfd18abf78b3.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC" async=""></script>
1<script src="/_next/static/chunks/281874ef11ff9d21.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC" async=""></script>
1<script src="/_next/static/chunks/30de1190989201dc.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC" async=""></script>
1<script src="/_next/static/chunks/c6e54457aaf2fe50.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC" async=""></script>
1<script src="/_next/static/chunks/cf5947eb80af2bd4.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC" async=""></script>
1<script src="/_next/static/chunks/ca380119653ce42b.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC" async=""></script>
1<script src="/_next/static/chunks/ff0803d07efb7a70.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC" async=""></script>
1<script src="/_next/static/chunks/56155c9847f2f714.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC" async=""></script>
1<script src="/_next/static/chunks/88fd0a25b9bddc2b.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC" async=""></script>
1<meta name="next-size-adjust" content=""/><title>Studiova</title>
1<script src="/_next/static/chunks/a6dad97d9634a72d.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC" noModule=""></script>
1</head><body class="manrope_ccd61c10-module__tO2uuW__className"><div hidden=""><!--$--><!--/$--></div>
1<script>((a,b,c,d,e,f,g,h)=>{let i=document.documentElement,j=["light","dark"];function k(b){var c;(Array.isArray(a)?a:[a]).forEach(a=>{let c="class"===a,d=c&&f?e.map(a=>f[a]||a):e;c?(i.classList.remove(...d),i.classList.add(f&&f[b]?f[b]:b)):i.setAttribute(a,b)}),c=b,h&&j.includes(c)&&(i.style.colorScheme=c)}if(d)k(d);else try{let a=localStorage.getItem(b)||c,d=g&&"system"===a?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":a;k(d)}catch(a){}})("class","theme","light",null,["light","dark"],null,false,true)</script>
1<header class="fixed top-0 z-50 w-full border-t-4 border-primary transition-all duration-500 ease-in-out before:content-[&#x27;&#x27;] before:absolute before:top-0 before:left-0 before:w-full before:h-0 before:bg-primary before:transition-all before:duration-500 before:ease-in-out before:h-0"><div class="container"><nav class="relative flex item-center justify-between py-7"><div class="flex items-center"><a href="/"><img alt="logo" width="190" height="34" decoding="async" data-nimg="1" class="hidden xsm:block" style="color:transparent;width:auto;height:auto" src="/images/logo/WhiteLogo.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/><img alt="logo" loading="lazy" width="40" height="40" decoding="async" data-nimg="1" class="block xsm:hidden" style="color:transparent" src="/images/logo/favicon.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></a></div><div class="flex items-center gap-7"><div class="flex item-center gap-3"><button type="button" tabindex="0" data-slot="button" aria-label="theme toggler" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none shrink-0 [&amp;_svg]:shrink-0 outline-none group/button select-none text-primary-foreground gap-1.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 group flex h-10 w-10 items-center cursor-pointer justify-center p-0 bg-transparent hover:bg-transparent"><span><span></span><span></span></span></button></div><div class="relative flex items-center"><button class="outline-none" type="button" tabindex="0" data-base-ui-click-trigger="" id="base-ui-_R_3kdb_" data-slot="popover-trigger"><img alt="icon" loading="lazy" width="45" height="45" decoding="async" data-nimg="1" class="cursor-pointer" style="color:transparent" src="/images/Icon/menu-button.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></button></div></div></nav></div></header><div><section class="relative flex items-end text-white bg-black h-full min-h-screen"><video class="absolute top-0 left-0 w-full h-full object-cover" loop="" autoPlay="" muted="" playsInline=""><source src="/video/banner-video.mp4" type="video/mp4"/></video><div class="absolute inset-0 bg-black/50"></div><div class="relative z-10 container text-left"><div class="flex flex-col gap-6 Xxl:pb-20 pb-10"><div class="flex items-start gap-2 md:gap-6"><div class="w-11 h-11 flex-shrink-0"><img alt="icon" loading="lazy" width="44" height="44" decoding="async" data-nimg="1" class="animate-spin" style="color:transparent" src="/images/Icon/primary-leaf.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div><p class="text-white/70 max-w-md">We create <span class="text-primary">high-performing</span> digital designs that elevate brands and enhance conversions.</p></div><div class="flex flex-col lg:flex-row items-start lg:items-end gap-4"><h1 class="large-heading">Studiova</h1><div><div class="bg-primary rounded-full p-1.5 pl-8"><img alt="icon" loading="lazy" width="52" height="52" decoding="async" data-nimg="1" style="color:transparent" src="/images/Icon/arrow-icon.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div></div></div></div></div></section></div><section class="relative bg-white dark:bg-secondary overflow-hidden"><div class="relative py-20 md:py-40 z-10"><div class="container"><div class="flex flex-col xl:flex xl:flex-row items-start gap-8"><div class="flex items-center py-3 gap-4 md:gap-8 w-full max-w-xl"><span class="bg-primary py-1.5 px-2.5 text-base font-medium rounded-full dark:text-secondary">01</span><div class="h-px w-16 bg-black/12 dark:bg-white/12"></div><span data-slot="badge" data-variant="default" class="gap-1 rounded-4xl border border-transparent text-xs font-medium transition-all has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&amp;&gt;svg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive overflow-hidden group/badge bg-primary text-primary-foreground [a]:hover:bg-primary/80 section-bedge py-1.5 px-4 h-9">Stats &amp; facts</span></div><div class="flex flex-col gap-11"><div class="flex flex-col gap-5 "><h2 class="max-w-3xl">High quality web design solutions you can trust.</h2><p class="max-w-xl text-secondary/70 dark:text-white/70">When selecting a web design agency, it&#x27;s essential to consider its reputation, experience, and the specific needs of your project.</p></div><div class="grid grid-cols-1 md:grid-cols-3 gap-8"><div class="flex flex-col gap-5 pt-4 md:pt-11 border-t border-secondary/12 dark:border-white/12"><h3 class="text-5xl md:text-6xl Xxl:text-7xl font-bold">0<span>K</span><span>+</span></h3><p class="text-base text-secondary/70 dark:text-white/70">People who have launched their websites</p></div><div class="flex flex-col gap-5 pt-4 md:pt-11 border-t border-secondary/12 dark:border-white/12"><h3 class="text-5xl md:text-6xl Xxl:text-7xl font-bold">0<span>+</span></h3><p class="text-base text-secondary/70 dark:text-white/70">Experienced professionals ready to assist</p></div><div class="flex flex-col gap-5 pt-4 md:pt-11 border-t border-secondary/12 dark:border-white/12"><h3 class="text-5xl md:text-6xl Xxl:text-7xl font-bold">0<span>M</span><span>+</span></h3><p class="text-base text-secondary/70 dark:text-white/70">Support through messages and live consultations</p></div></div><div><a role="button" tabindex="0" data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 border border-transparent bg-clip-padding focus-visible:ring-[3px] aria-invalid:ring-[3px] [&amp;_svg:not([class*=&#x27;
1size-&#x27;])]:size-4 inline-flex items-center justify-center whitespace-nowrap disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none shrink-0 [&amp;_svg]:shrink-0 outline-none group/button select-none bg-primary text-primary-foreground gap-1.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 relative text-sm font-medium rounded-full h-14 p-1 ps-6 pe-20 group transition-all duration-500 hover:ps-20 hover:pe-6 w-fit overflow-hidden cursor-pointer hover:bg-secondary hover:border-white" href="/about"><span class="relative z-10 transition-all duration-500 text-lg font-bold text-secondary group-hover:text-white">Who we are</span><div class="absolute right-1.5 w-11 h-11 bg-white text-secondary rounded-full flex items-center justify-center transition-all duration-500 group-hover:right-[calc(100%-50px)] group-hover:rotate-45"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right shrink-0 size-5"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></a></div></div></div></div></div><div class="absolute -bottom-28 -left-20"><img alt="image" loading="lazy" width="590" height="590" decoding="async" data-nimg="1" class="dark:hidden" style="color:transparent" src="/images/home/statsfact/sectionbg.png?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/><img alt="image" loading="lazy" width="590" height="590" decoding="async" data-nimg="1" class="hidden dark:block" style="color:transparent" src="/images/home/statsfact/sectionbgdark.png?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div></section><section class="bg-lightgray dark:bg-darkblack py-20 md:py-40"><div class="flex flex-col gap-24"><div class="container"><div class="flex flex-col gap-24"><div class="flex flex-col xl:flex xl:flex-row items-start gap-8"><div class="flex items-center py-3 gap-4 md:gap-8 w-full max-w-xl"><span class="bg-primary py-1.5 px-2.5 text-base font-medium rounded-full dark:text-secondary">02</span><div class="h-px w-16 bg-black/12 dark:bg-white/12"></div><span data-slot="badge" data-variant="default" class="gap-1 rounded-4xl border border-transparent text-xs font-medium transition-all has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&amp;&gt;svg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive overflow-hidden group/badge bg-primary text-primary-foreground [a]:hover:bg-primary/80 section-bedge py-1.5 px-4 h-9">Portfolio</span></div><div class="flex flex-col gap-11"><div class="flex flex-col gap-5 "><h2 class="max-w-3xl">Featured projects</h2><p class="max-w-2xl text-secondary/70 dark:text-white/70">A glimpse into our creativity—exploring innovative designs, successful collaborations, and transformative digital experiences.</p></div></div></div></div></div><div class="px-3.5"><div class="swiper mySwiper"><div class="swiper-wrapper"><div class="swiper-slide"><div data-slot="card" data-size="default" class="ring-foreground/10 text-card-foreground gap-6 overflow-hidden text-sm has-[&gt;img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col relative group border-none ring-0 bg-transparent shadow-none p-0 rounded-none"><div data-slot="card-content" class="group-data-[size=sm]/card:px-4 flex flex-col gap-3 lg:gap-5 p-0"><div class="relative overflow-hidden"><div class="w-auto h-80"><img alt="Amber Bottle" loading="lazy" width="530" height="350" decoding="async" data-nimg="1" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110" style="color:transparent" src="/images/projects/projectlist/project5-cover.png?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div><a class="absolute inset-0 backdrop-blur-[2px] bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex justify-center items-center" href="/projects/amberbottle"><span class="p-5"><svg width="65" height="64" viewBox="0 0 65 64" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform scale-75 lg:scale-100 transition-transform duration-300 group-hover:scale-110"><rect x="0.333374" width="64" height="64" rx="32" fill="#C1FF72"></rect><path d="M25.6667 25.3333H39M39 25.3333V38.6666M39 25.3333L25.6667 38.6666" stroke="#1F2A2E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></a></div><div class="flex flex-col gap-2 lg:gap-4"><h3>Amber Bottle</h3><div class="flex flex-wrap gap-2"><span data-slot="badge" data-variant="outline" class="gap-1 border has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&amp;&gt;svg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive overflow-hidden group/badge text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground px-3 py-1 h-full text-base font-normal border-border hover:bg-primary hover:text-secondary transition-all duration-300 rounded-full">Photography</span><span data-slot="badge" data-variant="outline" class="gap-1 border has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&amp;&gt;svg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive overflow-hidden group/badge text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground px-3 py-1 h-full text-base font-normal border-border hover:bg-primary hover:text-secondary transition-all duration-300 rounded-full">Studio</span></div></div></div></div></div><div class="swiper-slide"><div data-slot="card" data-size="default" class="ring-foreground
1/10 text-card-foreground gap-6 overflow-hidden text-sm has-[&gt;img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col relative group border-none ring-0 bg-transparent shadow-none p-0 rounded-none"><div data-slot="card-content" class="group-data-[size=sm]/card:px-4 flex flex-col gap-3 lg:gap-5 p-0"><div class="relative overflow-hidden"><div class="w-auto h-80"><img alt="BioTrack LIMS" loading="lazy" width="530" height="350" decoding="async" data-nimg="1" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110" style="color:transparent" src="/images/projects/projectlist/project4-cover.png?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div><a class="absolute inset-0 backdrop-blur-[2px] bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex justify-center items-center" href="/projects/biotrack-lims"><span class="p-5"><svg width="65" height="64" viewBox="0 0 65 64" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform scale-75 lg:scale-100 transition-transform duration-300 group-hover:scale-110"><rect x="0.333374" width="64" height="64" rx="32" fill="#C1FF72"></rect><path d="M25.6667 25.3333H39M39 25.3333V38.6666M39 25.3333L25.6667 38.6666" stroke="#1F2A2E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></a></div><div class="flex flex-col gap-2 lg:gap-4"><h3>BioTrack LIMS</h3><div class="flex flex-wrap gap-2"><span data-slot="badge" data-variant="outline" class="gap-1 border has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&amp;&gt;svg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive overflow-hidden group/badge text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground px-3 py-1 h-full text-base font-normal border-border hover:bg-primary hover:text-secondary transition-all duration-300 rounded-full">Brand identity</span><span data-slot="badge" data-variant="outline" class="gap-1 border has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&amp;&gt;svg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive overflow-hidden group/badge text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground px-3 py-1 h-full text-base font-normal border-border hover:bg-primary hover:text-secondary transition-all duration-300 rounded-full">Digital design</span></div></div></div></div></div><div class="swiper-slide"><div data-slot="card" data-size="default" class="ring-foreground/10 text-card-foreground gap-6 overflow-hidden text-sm has-[&gt;img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col relative group border-none ring-0 bg-transparent shadow-none p-0 rounded-none"><div data-slot="card-content" class="group-data-[size=sm]/card:px-4 flex flex-col gap-3 lg:gap-5 p-0"><div class="relative overflow-hidden"><div class="w-auto h-80"><img alt="Digital Magazine" loading="lazy" width="530" height="350" decoding="async" data-nimg="1" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110" style="color:transparent" src="/images/projects/projectlist/project6-cover.png?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div><a class="absolute inset-0 backdrop-blur-[2px] bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex justify-center items-center" href="/projects/digitalmagazine"><span class="p-5"><svg width="65" height="64" viewBox="0 0 65 64" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform scale-75 lg:scale-100 transition-transform duration-300 group-hover:scale-110"><rect x="0.333374" width="64" height="64" rx="32" fill="#C1FF72"></rect><path d="M25.6667 25.3333H39M39 25.3333V38.6666M39 25.3333L25.6667 38.6666" stroke="#1F2A2E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></a></div><div class="flex flex-col gap-2 lg:gap-4"><h3>Digital Magazine</h3><div class="flex flex-wrap gap-2"><span data-slot="badge" data-variant="outline" class="gap-1 border has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&amp;&gt;svg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive overflow-hidden group/badge text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground px-3 py-1 h-full text-base font-normal border-border hover:bg-primary hover:text-secondary transition-all duration-300 rounded-full">Digital design</span><span data-slot="badge" data-variant="outline" class="gap-1 border has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&amp;&gt;svg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive overflow-hidden group/badge text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground px-3 py-1 h-full text-base font-normal border-border hover:bg-primary hover:text-secondary transition-all duration-300 rounded-full">Web development</span></div></div></div></div></div><div class="swiper-slide"><div data-slot="card" data-size="default" class="ring-foreground
1/10 text-card-foreground gap-6 overflow-hidden text-sm has-[&gt;img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col relative group border-none ring-0 bg-transparent shadow-none p-0 rounded-none"><div data-slot="card-content" class="group-data-[size=sm]/card:px-4 flex flex-col gap-3 lg:gap-5 p-0"><div class="relative overflow-hidden"><div class="w-auto h-80"><img alt="Pixelforge" loading="lazy" width="530" height="350" decoding="async" data-nimg="1" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110" style="color:transparent" src="/images/projects/projectlist/project3-cover.png?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div><a class="absolute inset-0 backdrop-blur-[2px] bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex justify-center items-center" href="/projects/pixelforge"><span class="p-5"><svg width="65" height="64" viewBox="0 0 65 64" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform scale-75 lg:scale-100 transition-transform duration-300 group-hover:scale-110"><rect x="0.333374" width="64" height="64" rx="32" fill="#C1FF72"></rect><path d="M25.6667 25.3333H39M39 25.3333V38.6666M39 25.3333L25.6667 38.6666" stroke="#1F2A2E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></a></div><div class="flex flex-col gap-2 lg:gap-4"><h3>Pixelforge</h3><div class="flex flex-wrap gap-2"><span data-slot="badge" data-variant="outline" class="gap-1 border has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&amp;&gt;svg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive overflow-hidden group/badge text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground px-3 py-1 h-full text-base font-normal border-border hover:bg-primary hover:text-secondary transition-all duration-300 rounded-full">UI/UX design</span><span data-slot="badge" data-variant="outline" class="gap-1 border has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&amp;&gt;svg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive overflow-hidden group/badge text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground px-3 py-1 h-full text-base font-normal border-border hover:bg-primary hover:text-secondary transition-all duration-300 rounded-full">Web development</span></div></div></div></div></div><div class="swiper-slide"><div data-slot="card" data-size="default" class="ring-foreground/10 text-card-foreground gap-6 overflow-hidden text-sm has-[&gt;img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col relative group border-none ring-0 bg-transparent shadow-none p-0 rounded-none"><div data-slot="card-content" class="group-data-[size=sm]/card:px-4 flex flex-col gap-3 lg:gap-5 p-0"><div class="relative overflow-hidden"><div class="w-auto h-80"><img alt="Snapclear" loading="lazy" width="530" height="350" decoding="async" data-nimg="1" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110" style="color:transparent" src="/images/projects/projectlist/project1-cover.png?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div><a class="absolute inset-0 backdrop-blur-[2px] bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex justify-center items-center" href="/projects/snapclear"><span class="p-5"><svg width="65" height="64" viewBox="0 0 65 64" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform scale-75 lg:scale-100 transition-transform duration-300 group-hover:scale-110"><rect x="0.333374" width="64" height="64" rx="32" fill="#C1FF72"></rect><path d="M25.6667 25.3333H39M39 25.3333V38.6666M39 25.3333L25.6667 38.6666" stroke="#1F2A2E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></a></div><div class="flex flex-col gap-2 lg:gap-4"><h3>Snapclear</h3><div class="flex flex-wrap gap-2"><span data-slot="badge" data-variant="outline" class="gap-1 border has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&amp;&gt;svg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive overflow-hidden group/badge text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground px-3 py-1 h-full text-base font-normal border-border hover:bg-primary hover:text-secondary transition-all duration-300 rounded-full">UX Strategy</span><span data-slot="badge" data-variant="outline" class="gap-1 border has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&amp;&gt;svg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive overflow-hidden group/badge text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground px-3 py-1 h-full text-base font-normal border-border hover:bg-primary hover:text-secondary transition-all duration-300 rounded-full">UI Design</span></div></div></div></div></div><div class="swiper-slide"><div data-slot="card" data-size="default" class="ring-foreground
1/10 text-card-foreground gap-6 overflow-hidden text-sm has-[&gt;img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col relative group border-none ring-0 bg-transparent shadow-none p-0 rounded-none"><div data-slot="card-content" class="group-data-[size=sm]/card:px-4 flex flex-col gap-3 lg:gap-5 p-0"><div class="relative overflow-hidden"><div class="w-auto h-80"><img alt="Transfermax" loading="lazy" width="530" height="350" decoding="async" data-nimg="1" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110" style="color:transparent" src="/images/projects/projectlist/project2-cover.png?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div><a class="absolute inset-0 backdrop-blur-[2px] bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex justify-center items-center" href="/projects/transfermax"><span class="p-5"><svg width="65" height="64" viewBox="0 0 65 64" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform scale-75 lg:scale-100 transition-transform duration-300 group-hover:scale-110"><rect x="0.333374" width="64" height="64" rx="32" fill="#C1FF72"></rect><path d="M25.6667 25.3333H39M39 25.3333V38.6666M39 25.3333L25.6667 38.6666" stroke="#1F2A2E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></a></div><div class="flex flex-col gap-2 lg:gap-4"><h3>Transfermax</h3><div class="flex flex-wrap gap-2"><span data-slot="badge" data-variant="outline" class="gap-1 border has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&amp;&gt;svg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive overflow-hidden group/badge text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground px-3 py-1 h-full text-base font-normal border-border hover:bg-primary hover:text-secondary transition-all duration-300 rounded-full">Web development</span><span data-slot="badge" data-variant="outline" class="gap-1 border has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&amp;&gt;svg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive overflow-hidden group/badge text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground px-3 py-1 h-full text-base font-normal border-border hover:bg-primary hover:text-secondary transition-all duration-300 rounded-full">Digital design</span></div></div></div></div></div></div></div></div></div></section><section id="services" class="bg-secondary py-20 md:py-40"><div class="flex flex-col gap-24"><div class="container"><div class="flex flex-col gap-24"><div class="flex flex-col xl:flex xl:flex-row items-start gap-8"><div class="flex items-center py-3 gap-4 md:gap-8 w-full max-w-xl"><span class="bg-primary py-1.5 px-2.5 text-base font-medium rounded-full dark:text-secondary">03</span><div class="h-px w-16 bg-white/12"></div><span data-slot="badge" data-variant="default" class="gap-1 rounded-4xl border border-transparent transition-all has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&amp;&gt;svg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive overflow-hidden group/badge [a]:hover:bg-primary/80 text-base font-medium text-secondary bg-white py-1.5 px-4 h-9">Services</span></div><div class="flex flex-col gap-11"><div class="flex flex-col gap-5"><h2 class="max-w-3xl text-white">What we do</h2><p class="max-w-2xl text-white/70">
1A glimpse into our creativity—exploring innovative designs, successful collaborations, and transformative digital experiences.</p></div></div></div><div class="flex flex-col md:flex-row relative gap-10 2xl:gap-56"><div class="relative w-full md:max-w-sm"><div class="relative md:absolute md:right-0 xl:left-0 transition-all duration-300 z-10 h-80"><img alt="Service Image" loading="lazy" width="400" height="250" decoding="async" data-nimg="1" class="w-full h-full object-cover" style="color:transparent" src="/images/home/services/services_1.png?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div></div><div class="w-full flex flex-col gap-16"><div><div class="group py-6 xl:py-10 border-t border-white/12 cursor-pointer flex xl:flex-row flex-col xl:items-center items-start justify-between xl:gap-10 gap-1 relative"><h3 class="text-white group-hover:text-primary 2xl:w-full 2xl:max-w-sm py-1">Brand identity</h3><p class="text-white/70 text-base transition-all duration-300 flex-1">When selecting a web design agency, it&#x27;s essential to consider its reputation, experience, and the specific needs of your project.</p></div><div class="group py-6 xl:py-10 border-t border-white/12 cursor-pointer flex xl:flex-row flex-col xl:items-center items-start justify-between xl:gap-10 gap-1 relative"><h3 class="text-white group-hover:text-primary 2xl:w-full 2xl:max-w-sm py-1">Web development</h3></div><div class="group py-6 xl:py-10 border-t border-white/12 cursor-pointer flex xl:flex-row flex-col xl:items-center items-start justify-between xl:gap-10 gap-1 relative"><h3 class="text-white group-hover:text-primary 2xl:w-full 2xl:max-w-sm py-1">Content creation</h3></div><div class="group py-6 xl:py-10 border-t border-white/12 cursor-pointer flex xl:flex-row flex-col xl:items-center items-start justify-between xl:gap-10 gap-1 relative"><h3 class="text-white group-hover:text-primary 2xl:w-full 2xl:max-w-sm py-1">Motion &amp; 3d modeling</h3></div></div><div><a role="button" tabindex="0" data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 border border-transparent bg-clip-padding focus-visible:ring-[3px] aria-invalid:ring-[3px] [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 inline-flex items-center justify-center whitespace-nowrap disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none shrink-0 [&amp;_svg]:shrink-0 outline-none group/button select-none bg-primary text-primary-foreground gap-1.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 relative text-sm font-medium rounded-full h-14 p-1 ps-6 pe-20 group transition-all duration-500 hover:ps-20 hover:pe-6 w-fit overflow-hidden cursor-pointer hover:bg-secondary hover:border-white" href="/projects"><span class="relative z-10 transition-all duration-500 text-lg font-bold text-secondary group-hover:text-white">See our Work</span><div class="absolute right-1.5 w-11 h-11 bg-white text-secondary rounded-full flex items-center justify-center transition-all duration-500 group-hover:right-[calc(100%-50px)] group-hover:rotate-45"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right shrink-0 size-5"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></a></div></div></div></div></div></div></section><section class="py-20 md:py-40 dark:bg-darkblack"><div class="container"><div class="flex flex-col 2xl:flex-row gap-10 2xl:gap-28"><div class="flex flex-col gap-5 2xl:gap-7 w-full 2xl:max-w-2xl 2xl:w-full"><div class="flex items-center gap-4 md:gap-8"><span class="bg-primary py-1.5 px-2.5 text-base font-medium rounded-full dark:text-secondary">04</span><div class="h-px w-16 bg-secondary/12 dark:bg-white/12"></div><span data-slot="badge" data-variant="default" class="gap-1 rounded-4xl border border-transparent transition-all has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&amp;&gt;svg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive overflow-hidden group/badge [a]:hover:bg-primary/80 text-base font-medium text-white bg-secondary dark:bg-white/10 py-1.5 px-4 h-9">About us</span></div><div class="flex flex-col gap-5 2xl:gap-7"><h2 class="2xl:max-w-3xl text-secondary dark:text-white">Why choose us</h2><p class="2xl:max-w-sm text-secondary/70 dark:text-white/70">We blend creativity with strategy to craft unique digital experiences that make an impact. With a focus on innovation, attention to details.</p></div></div><div class="grid md:grid-cols-3 gap-5 2xl:gap-7"><div data-slot="card" data-size="default" class="ring-foreground
1/10 text-card-foreground gap-6 overflow-hidden text-sm has-[&gt;img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col relative bg-primary border-none ring-0 rounded-none shadow-none p-0 h-full w-full"><div data-slot="card-content" class="group-data-[size=sm]/card:px-4 p-4 2xl:p-7 flex flex-col justify-between gap-8 md:gap-0 h-full"><div class="relative z-10 flex flex-col gap-2 lg:gap-4"><div><div class="flex gap-1"><span></span><span></span><span></span><span></span><span></span></div></div><p class="dark:text-secondary">The team exceeded our expectations with a stunning brand identity.</p></div><div class="relative z-10"><div class="relative border-b border-secondary/12 pb-5"><h2 class="dark:text-secondary">98.6%</h2><p class="text-base text-secondary/70">Customer satisfaction</p></div><div class="flex items-center gap-2 lg:gap-5 pt-5"><img alt="Image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" src="/images/home/aboutusIndex/avatar.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/><div><p class="font-medium dark:text-secondary">Wade Warren</p><p class="text-base text-secondary/70">Bank of America</p></div></div></div><div class="absolute bottom-0 right-0"><img alt="image" loading="lazy" width="200" height="200" decoding="async" data-nimg="1" style="color:transparent" src="/images/home/aboutusIndex/bg-ellipse.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div></div></div><div class="flex flex-col gap-5 2xl:gap-7"><div data-slot="card" data-size="default" class="ring-foreground/10 text-card-foreground gap-6 overflow-hidden text-sm has-[&gt;img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col p-0 rounded-none border-0 ring-0 shadow-none bg-transparent w-full h-full"><div data-slot="card-content" class="group-data-[size=sm]/card:px-4 p-0 w-full h-full"><img alt="Image" loading="lazy" width="340" height="215" decoding="async" data-nimg="1" style="color:transparent;width:100%;height:100%" src="/images/home/services/services_2.png?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div></div><div data-slot="card" data-size="default" class="ring-foreground/10 text-card-foreground gap-6 overflow-hidden text-sm has-[&gt;img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col bg-secondary dark:bg-lightgray/10 border-none ring-0 rounded-none shadow-none p-0 h-full w-full"><div data-slot="card-content" class="group-data-[size=sm]/card:px-4 p-5 2xl:p-7 flex flex-col justify-between gap-8 h-full"><div><h2 class="text-white">500+</h2><p class="text-base text-white/70">Successful projects completed</p></div><div><ul class="avatar flex flex-row items-center"><li class="-mr-2 z-1 avatar-hover:ml-2"><img alt="Image" loading="lazy" width="44" height="44" decoding="async" data-nimg="1" class="rounded-full border-2 border-secondary" style="color:transparent" src="/images/avatar/avatar_1.jpg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></li><li class="-mr-2 z-1 avatar-hover:ml-2"><img alt="Image" loading="lazy" width="44" height="44" decoding="async" data-nimg="1" class="rounded-full border-2 border-secondary" style="color:transparent" src="/images/avatar/avatar_2.jpg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></li><li class="-mr-2 z-1 avatar-hover:ml-2"><img alt="Image" loading="lazy" width="44" height="44" decoding="async" data-nimg="1" class="rounded-full border-2 border-secondary" style="color:transparent" src="/images/avatar/avatar_3.jpg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></li><li class="-mr-2 z-1 avatar-hover:ml-2"><img alt="Image" loading="lazy" width="44" height="44" decoding="async" data-nimg="1" class="rounded-full border-2 border-secondary" style="color:transparent" src="/images/avatar/avatar_4.jpg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></li></ul></div></div></div></div><div data-slot="card" data-size="default" class="ring-foreground
1/10 text-card-foreground gap-6 text-sm has-[&gt;img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col relative overflow-hidden border border-secondary/12 dark:border-white/30 ring-0 rounded-none shadow-none bg-transparent p-0 h-full w-full"><div data-slot="card-content" class="group-data-[size=sm]/card:px-4 p-5 2xl:p-7 flex flex-col justify-between gap-8 md:gap-0 h-full"><div class="relative z-10"><h2>238+</h2><p>Brands served worldwide</p></div><div class="flex flex-col gap-4 relative z-10"><img alt="Logo Image" loading="lazy" width="160" height="44" decoding="async" data-nimg="1" class="dark:hidden" style="color:transparent" src="/images/logo/logo-black.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/><img alt="Logo Image" loading="lazy" width="160" height="44" decoding="async" data-nimg="1" class="hidden dark:block" style="color:transparent" src="/images/logo/WhiteLogo.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/><p>Our global reach allows us to create unique, culturally relevant designs for businesses across different industries.</p></div><div class="absolute -top-72 right-0 border border-secondary/12 dark:border-white/30 rounded-full w-[489px] h-[489px]"></div><div class="absolute -bottom-36 -right-14 border border-secondary/12 dark:border-white/30 rounded-full w-[489px] h-[489px]"></div></div></div></div></div></div></section><section class="bg-lightgray dark:bg-secondary py-20 md:py-40"><div class="flex flex-col gap-24"><div class="container"><div class="flex flex-col gap-14 xl:gap-24"><div class="flex flex-col xl:flex xl:flex-row items-start gap-8"><div class="flex items-center py-3 gap-4 md:gap-8 w-full max-w-xl"><span class="bg-primary dark:text-secondary py-1.5 px-2.5 text-base font-medium rounded-full">05</span><div class="h-px w-16 bg-black/12 dark:bg-white/12"></div><span data-slot="badge" data-variant="default" class="gap-1 rounded-4xl border border-transparent text-xs font-medium transition-all has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&amp;&gt;svg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive overflow-hidden group/badge bg-primary text-primary-foreground [a]:hover:bg-primary/80 section-bedge py-1.5 px-4 h-9">Testimonial</span></div><div class="flex flex-col gap-11"><div class="flex flex-col gap-5 "><h2 class="max-w-3xl">Stories from clients</h2><p class="max-w-2xl text-secondary/70 dark:text-white/70">Real experiences, genuine feedback—discover how our creative solutions have transformed brands and elevated businesses.</p></div></div></div><div class="grid md:grid-cols-2 xl:grid-cols-4 gap-7"><div data-slot="card" data-size="default" class="ring-foreground/10 text-card-foreground gap-6 overflow-hidden text-sm has-[&gt;img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col bg-primary border-none ring-0 rounded-none shadow-none p-0 h-full w-full"><div data-slot="card-content" class="group-data-[size=sm]/card:px-4 p-4 lg:p-7 flex flex-col gap-32 h-full"><div class="flex flex-col gap-6"><p class="text-base text-secondary/70">Hear from them</p><h4 class="dark:text-secondary">Our website redesign was flawless. They understood our vision perfectly!</h4></div><div class="flex items-center gap-4"><img alt="Image" loading="lazy" width="60" height="60" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" src="/images/testimonial/testimonial_1.png?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/><div><p class="dark:text-secondary">Albert Flores</p><p class="text-secondary/70 text-base font-normal">MasterCard</p></div></div></div></div><div data-slot="card" data-size="default" class="ring-foreground/10 text-card-foreground gap-6 overflow-hidden text-sm has-[&gt;img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col xl:col-span-2 bg-secondary dark:bg-lightgray/10 border-none ring-0 rounded-none shadow-none p-0 h-full w-full">
1<div data-slot="card-content" class="group-data-[size=sm]/card:px-4 p-4 lg:p-7 flex flex-col justify-between gap-14 h-full"><div class="flex flex-col gap-6"><p class="text-base text-white/70">Hear from them</p><h4 class="text-white">From concept to execution, they delivered outstanding results. Highly recommend their expertise!</h4><div class="flex items-center gap-2.5"><div class="flex gap-1"><span></span><span></span><span></span><span></span><span></span></div><span class="text-base text-white">4.5</span></div></div><div class="flex items-center justify-between"><div class="flex items-center gap-4"><img alt="Image" loading="lazy" width="60" height="60" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" src="/images/testimonial/testimonial_2.png?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/><div><p class="text-white">Robert Fox</p><p class="text-white/70 text-base font-normal">Mitsubishi</p></div></div><div><img alt="comma" loading="lazy" width="45" height="45" decoding="async" data-nimg="1" style="color:transparent" src="/images/testimonial/comma_vector.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div></div></div></div><div data-slot="card" data-size="default" class="ring-foreground/10 text-card-foreground gap-6 overflow-hidden text-sm has-[&gt;img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col bg-white dark:bg-black/20 border-none ring-0 rounded-none shadow-none p-0 h-full w-full"><div data-slot="card-content" class="group-data-[size=sm]/card:px-4 p-4 lg:p-7 flex flex-col justify-between gap-32 h-full"><div class="flex flex-col gap-6"><p class="text-base text-secondary/70 dark:text-white/70">Hear from them</p><h4>Super smooth process with incredible results. highly recommend!</h4></div><div class="flex items-center gap-4"><img alt="Image" loading="lazy" width="60" height="60" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" src="/images/testimonial/testimonial_3.png?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/><div><p>Jenny Wilson</p><p class="text-secondary/70 dark:text-white/70 text-base font-normal">Pizza Hut</p></div></div></div></div></div></div></div></div></section><section class="dark:bg-darkblack py-20 md:py-40"><div class="flex flex-col gap-24"><div class="container"><div class="flex flex-col gap-14 xl:gap-24"><div class="flex flex-col xl:flex xl:flex-row items-start gap-8"><div class="flex items-center py-3 gap-4 md:gap-8 w-full max-w-xl"><span class="bg-primary dark:text-secondary py-1.5 px-2.5 text-base font-medium rounded-full">06</span><div class="h-px w-16 bg-black/12 dark:bg-white/12"></div><span data-slot="badge" data-variant="default" class="gap-1 rounded-4xl border border-transparent text-xs font-medium transition-all has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&amp;&gt;svg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive overflow-hidden group/badge bg-primary text-primary-foreground [a]:hover:bg-primary/80 section-bedge py-1.5 px-4 h-9">The team</span></div><div class="flex flex-col gap-11"><div class="flex flex-col gap-5 "><h2 class="max-w-3xl">Meet our team</h2><p class="max-w-2xl text-secondary/70 dark:text-white/70">Our team is committed to redefining digital experiences through innovative web solutions while fostering a diverse and collaborative environment.</p></div></div></div><div class="grid sm:grid-cols-2 xl:grid-cols-4 gap-7"><div data-slot="card" data-size="default" class="ring-foreground/10 text-card-foreground gap-6 overflow-hidden text-sm has-[&gt;img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col group border-none ring-0 rounded-none shadow-none bg-transparent p-0 h-full w-full">
1<div data-slot="card-content" class="group-data-[size=sm]/card:px-4 flex flex-col gap-6 p-0"><div class="relative"><img alt="image" loading="lazy" width="390" height="470" decoding="async" data-nimg="1" style="color:transparent;width:100%" src="/images/home/team/team-img-1.png?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/><div class="absolute hidden bg-secondary/40 bottom-0 left-0 w-full h-full group-hover:flex items-end justify-end p-8"><div class="flex gap-3"><a href="https://twitter.com" class="block w-fit bg-white hover:bg-primary p-3 rounded-full"><img alt="icon" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" style="color:transparent" src="/images/socialIcon/twitter.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></a><a href="https://www.behance.net/" class="block w-fit bg-white hover:bg-primary p-3 rounded-full"><img alt="icon" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" style="color:transparent" src="/images/socialIcon/Be.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></a><a href="https://linkedin.com" class="block w-fit bg-white hover:bg-primary p-3 rounded-full"><img alt="icon" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" style="color:transparent" src="/images/socialIcon/linkedin.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></a></div></div></div><div><h4>Martha Finley</h4><span class="text-secondary/70 dark:text-white/70">Creative Director</span></div></div></div><div data-slot="card" data-size="default" class="ring-foreground/10 text-card-foreground gap-6 overflow-hidden text-sm has-[&gt;img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col group border-none ring-0 rounded-none shadow-none bg-transparent p-0 h-full w-full"><div data-slot="card-content" class="group-data-[size=sm]/card:px-4 flex flex-col gap-6 p-0"><div class="relative"><img alt="image" loading="lazy" width="390" height="470" decoding="async" data-nimg="1" style="color:transparent;width:100%" src="/images/home/team/team-img-2.png?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/><div class="absolute hidden bg-secondary/40 bottom-0 left-0 w-full h-full group-hover:flex items-end justify-end p-8"><div class="flex gap-3"><a href="https://twitter.com" class="block w-fit bg-white hover:bg-primary p-3 rounded-full"><img alt="icon" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" style="color:transparent" src="/images/socialIcon/twitter.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></a><a href="https://www.behance.net/" class="block w-fit bg-white hover:bg-primary p-3 rounded-full"><img alt="icon" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" style="color:transparent" src="/images/socialIcon/Be.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></a><a href="https://linkedin.com" class="block w-fit bg-white hover:bg-primary p-3 rounded-full"><img alt="icon" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" style="color:transparent" src="/images/socialIcon/linkedin.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></a></div></div></div><div><h4>Floyd Miles</h4><span class="text-secondary/70 dark:text-white/70">Marketing Strategist</span></div></div></div><div data-slot="card" data-size="default" class="ring-foreground/10 text-card-foreground gap-6 overflow-hidden text-sm has-[&gt;img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col group border-none ring-0 rounded-none shadow-none bg-transparent p-0 h-full w-full"><div data-slot="card-content" class="group-data-[size=sm]/card:px-4 flex flex-col gap-6 p-0"><div class="relative"><img alt="image" loading="lazy" width="390" height="470" decoding="async" data-nimg="1" style="color:transparent;width:100%" src="/images/home/team/team-img-3.png?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/><div class="absolute hidden bg-secondary/40 bottom-0 left-0 w-full h-full group-hover:flex items-end justify-end p-8"><div class="flex gap-3"><a href="https://twitter.com" class="block w-fit bg-white hover:bg-primary p-3 rounded-full"><img alt="icon" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" style="color:transparent" src="/images/socialIcon/twitter.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></a><a href="https://www.behance.net/" class="block w-fit bg-white hover:bg-primary p-3 rounded-full"><img alt="icon" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" style="color:transparent" src="/images/socialIcon/Be.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></a><a href="https://linkedin.com" class="block w-fit bg-white hover:bg-primary p-3 rounded-full"><img alt="icon" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" style="color:transparent" src="/images/socialIcon/linkedin.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></a></div></div></div><div><h4>Glenna Snyder</h4><span class="text-secondary/70 dark:text-white/70">Lead Designer</span></div></div></div><div data-slot="card" data-size="default" class="ring-foreground
1/10 text-card-foreground gap-6 overflow-hidden text-sm has-[&gt;img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col group border-none ring-0 rounded-none shadow-none bg-transparent p-0 h-full w-full"><div data-slot="card-content" class="group-data-[size=sm]/card:px-4 flex flex-col gap-6 p-0"><div class="relative"><img alt="image" loading="lazy" width="390" height="470" decoding="async" data-nimg="1" style="color:transparent;width:100%" src="/images/home/team/team-img-4.png?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/><div class="absolute hidden bg-secondary/40 bottom-0 left-0 w-full h-full group-hover:flex items-end justify-end p-8"><div class="flex gap-3"><a href="https://twitter.com" class="block w-fit bg-white hover:bg-primary p-3 rounded-full"><img alt="icon" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" style="color:transparent" src="/images/socialIcon/twitter.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></a><a href="https://www.behance.net/" class="block w-fit bg-white hover:bg-primary p-3 rounded-full"><img alt="icon" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" style="color:transparent" src="/images/socialIcon/Be.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></a><a href="https://linkedin.com" class="block w-fit bg-white hover:bg-primary p-3 rounded-full"><img alt="icon" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" style="color:transparent" src="/images/socialIcon/linkedin.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></a></div></div></div><div><h4>Albert Flores</h4><span class="text-secondary/70 dark:text-white/70">UX/UI Developer</span></div></div></div></div></div></div></div></section><section class="bg-lightgray dark:bg-secondary py-20 md:py-40"><div class="flex flex-col gap-24"><div class="container"><div class="flex flex-col gap-20"><div class="flex flex-col gap-14 xl:gap-24"><div class="flex flex-col xl:flex xl:flex-row items-start gap-8"><div class="flex items-center py-3 gap-4 md:gap-8 w-full max-w-xl"><span class="bg-primary dark:text-secondary py-1.5 px-2.5 text-base font-medium rounded-full">07</span><div class="h-px w-16 bg-black/12 dark:bg-white/12"></div><span data-slot="badge" data-variant="default" class="gap-1 rounded-4xl border border-transparent text-xs font-medium transition-all has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&amp;&gt;svg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive overflow-hidden group/badge bg-primary text-primary-foreground [a]:hover:bg-primary/80 section-bedge py-1.5 px-4 h-9">Pricing</span></div><div class="flex flex-col gap-11"><div class="flex flex-col gap-5 "><h2 class="max-w-3xl">Affordable pricing</h2><p class="max-w-2xl text-secondary/70 dark:text-white/70">A glimpse into our creativity—exploring innovative designs, successful collaborations, and transformative digital experiences.</p></div></div></div><div class="grid md:grid-cols-2 xl:grid-cols-3 gap-7"><div data-slot="card" data-size="default" class="ring-foreground/10 text-card-foreground gap-6 overflow-hidden text-sm has-[&gt;img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col bg-white dark:bg-lightgray/10 border-none ring-0 rounded-none shadow-none p-0 h-full w-full"><div data-slot="card-content" class="group-data-[size=sm]/card:px-4 p-3 sm:p-5 xl:p-12 flex flex-col gap-10 h-full"><div class="flex flex-col gap-5"><div class="flex items-center gap-4"><p class="font-medium">Launch</p></div><div><div class="flex items-center gap-3"><h3>$699</h3><span class="text-base text-secondary/70 dark:text-white/70">/month</span></div></div><p class="text-base text-secondary/70 dark:text-white/70">Ideal for startups and small businesses taking their first steps online.</p></div><div class="pt-10 border-t border-secondary/12 dark:border-white/12"><p class="text-base pb-5">What&#x27;s Included:</p><div><ul class="flex flex-col gap-3"><li class="flex items-center gap-1.5 sm:gap-4"><div class="bg-primary w-fit p-1 sm:p-1.5 rounded-full shrink-0"><img alt="right-icon" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" style="color:transparent" src="/images/Icon/right-check.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div><span class="flex-1 text-base">Competitive research &amp; insights</span></li><li class="flex items-center gap-1.5 sm:gap-4"><div class="bg-primary w-fit p-1 sm:p-1.5 rounded-full shrink-0"><img alt="right-icon" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" style="color:transparent" src="/images/Icon/right-check.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div><span class="flex-1 text-base">Wireframing and prototyping</span></li><li class="flex items-center gap-1.5 sm:gap-4"><div class="bg-primary w-fit p-1 sm:p-1.5 rounded-full shrink-0"><img alt="right-icon" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" style="color:transparent" src="/images/Icon/right-check.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div><span class="flex-1 text-base">Basic tracking setup (Google Analytics, etc.)</span></li><li class="flex items-center gap-1.5 sm:gap-4"><div class="bg-primary w-fit p-1 sm:p-1.5 rounded-full shrink-0"><img alt="right-icon" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" style="color:transparent" src="/images/Icon/right-check.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div><span class="flex-1 text-base">Standard contact form integration</span></li></ul></div></div><a role="button" tabindex="0" data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 border border-transparent bg-clip-padding focus-visible:ring-[3px] aria-invalid:ring-[3px] [&amp;_svg:not([class*=&#x27;
1size-&#x27;])]:size-4 inline-flex items-center justify-center whitespace-nowrap disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none shrink-0 [&amp;_svg]:shrink-0 outline-none group/button select-none bg-primary text-primary-foreground gap-1.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 relative text-sm font-medium rounded-full h-14 p-1 w-full group transition-all duration-500 overflow-hidden cursor-pointer hover:bg-secondary" href="/"><span class="relative z-10 w-full text-center transition-all duration-500 text-lg font-bold text-secondary group-hover:text-white">Subscribe now</span><div class="absolute right-1.5 w-11 h-11 bg-white text-secondary rounded-full flex items-center justify-center transition-all duration-500 group-hover:right-[calc(100%-50px)] group-hover:rotate-45"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right shrink-0 size-5"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></a></div></div><div data-slot="card" data-size="default" class="ring-foreground/10 text-card-foreground gap-6 overflow-hidden text-sm has-[&gt;img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col bg-white dark:bg-lightgray/10 border-none ring-0 rounded-none shadow-none p-0 h-full w-full"><div data-slot="card-content" class="group-data-[size=sm]/card:px-4 p-3 sm:p-5 xl:p-12 flex flex-col gap-10 h-full"><div class="flex flex-col gap-5"><div class="flex items-center gap-4"><p class="font-medium">Scale</p><div class="flex items-center gap-2 bg-secondary w-fit py-1 px-3 rounded-full"><span></span><span class="text-white text-base">Most popular</span></div></div><div><div class="flex items-center gap-3"><h3 class="text-secondary/40 dark:text-white/40"><del>$2,199</del></h3><h3>$1,699</h3><span class="text-base text-secondary/70 dark:text-white/70">/month</span></div></div><p class="text-base text-secondary/70 dark:text-white/70">Perfect for growing brands needing more customization and flexibility.</p></div><div class="pt-10 border-t border-secondary/12 dark:border-white/12"><p class="text-base pb-5">What&#x27;s Included:</p><div><ul class="flex flex-col gap-3"><li class="flex items-center gap-1.5 sm:gap-4"><div class="bg-primary w-fit p-1 sm:p-1.5 rounded-full shrink-0"><img alt="right-icon" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" style="color:transparent" src="/images/Icon/right-check.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div><span class="flex-1 text-base">Everything in the Launch Plan</span></li><li class="flex items-center gap-1.5 sm:gap-4"><div class="bg-primary w-fit p-1 sm:p-1.5 rounded-full shrink-0"><img alt="right-icon" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" style="color:transparent" src="/images/Icon/right-check.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div><span class="flex-1 text-base">Custom design for up to 10 pages</span></li><li class="flex items-center gap-1.5 sm:gap-4"><div class="bg-primary w-fit p-1 sm:p-1.5 rounded-full shrink-0"><img alt="right-icon" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" style="color:transparent" src="/images/Icon/right-check.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div><span class="flex-1 text-base">Seamless social media integration</span></li><li class="flex items-center gap-1.5 sm:gap-4"><div class="bg-primary w-fit p-1 sm:p-1.5 rounded-full shrink-0"><img alt="right-icon" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" style="color:transparent" src="/images/Icon/right-check.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div><span class="flex-1 text-base">SEO enhancements for key pages</span></li></ul></div></div><a role="button" tabindex="0" data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 border border-transparent bg-clip-padding focus-visible:ring-[3px] aria-invalid:ring-[3px] [&amp;_svg:not([class*=&#x27;
1size-&#x27;])]:size-4 inline-flex items-center justify-center whitespace-nowrap disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none shrink-0 [&amp;_svg]:shrink-0 outline-none group/button select-none bg-primary text-primary-foreground gap-1.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 relative text-sm font-medium rounded-full h-14 p-1 w-full group transition-all duration-500 overflow-hidden cursor-pointer hover:bg-secondary" href="/"><span class="relative z-10 w-full text-center transition-all duration-500 text-lg font-bold text-secondary group-hover:text-white">Subscribe now</span><div class="absolute right-1.5 w-11 h-11 bg-white text-secondary rounded-full flex items-center justify-center transition-all duration-500 group-hover:right-[calc(100%-50px)] group-hover:rotate-45"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right shrink-0 size-5"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></a></div></div><div data-slot="card" data-size="default" class="ring-foreground/10 text-card-foreground gap-6 overflow-hidden text-sm has-[&gt;img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col bg-white dark:bg-lightgray/10 border-none ring-0 rounded-none shadow-none p-0 h-full w-full"><div data-slot="card-content" class="group-data-[size=sm]/card:px-4 p-3 sm:p-5 xl:p-12 flex flex-col gap-10 h-full"><div class="flex flex-col gap-5"><div class="flex items-center gap-4"><p class="font-medium">Elevate</p></div><div><div class="flex items-center gap-3"><h3>$3,499</h3><span class="text-base text-secondary/70 dark:text-white/70">/month</span></div></div><p class="text-base text-secondary/70 dark:text-white/70">Best suited for established businesses wanting a fully tailored experience.</p></div><div class="pt-10 border-t border-secondary/12 dark:border-white/12"><p class="text-base pb-5">What&#x27;s Included:</p><div><ul class="flex flex-col gap-3"><li class="flex items-center gap-1.5 sm:gap-4"><div class="bg-primary w-fit p-1 sm:p-1.5 rounded-full shrink-0"><img alt="right-icon" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" style="color:transparent" src="/images/Icon/right-check.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div><span class="flex-1 text-base">Everything in the Scale Plan</span></li><li class="flex items-center gap-1.5 sm:gap-4"><div class="bg-primary w-fit p-1 sm:p-1.5 rounded-full shrink-0"><img alt="right-icon" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" style="color:transparent" src="/images/Icon/right-check.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div><span class="flex-1 text-base">E-commerce functionality (if needed)</span></li><li class="flex items-center gap-1.5 sm:gap-4"><div class="bg-primary w-fit p-1 sm:p-1.5 rounded-full shrink-0"><img alt="right-icon" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" style="color:transparent" src="/images/Icon/right-check.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div><span class="flex-1 text-base">Branded email template design</span></li><li class="flex items-center gap-1.5 sm:gap-4"><div class="bg-primary w-fit p-1 sm:p-1.5 rounded-full shrink-0"><img alt="right-icon" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" style="color:transparent" src="/images/Icon/right-check.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div><span class="flex-1 text-base">Priority support for six months after launch</span></li></ul></div></div><a role="button" tabindex="0" data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 border border-transparent bg-clip-padding focus-visible:ring-[3px] aria-invalid:ring-[3px] [&amp;_svg:not([class*=&#x27;
1size-&#x27;])]:size-4 inline-flex items-center justify-center whitespace-nowrap disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none shrink-0 [&amp;_svg]:shrink-0 outline-none group/button select-none bg-primary text-primary-foreground gap-1.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 relative text-sm font-medium rounded-full h-14 p-1 w-full group transition-all duration-500 overflow-hidden cursor-pointer hover:bg-secondary" href="/"><span class="relative z-10 w-full text-center transition-all duration-500 text-lg font-bold text-secondary group-hover:text-white">Subscribe now</span><div class="absolute right-1.5 w-11 h-11 bg-white text-secondary rounded-full flex items-center justify-center transition-all duration-500 group-hover:right-[calc(100%-50px)] group-hover:rotate-45"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right shrink-0 size-5"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></a></div></div></div></div><div class="flex flex-col gap-10"><p class="text-secondary dark:text-white text-center">More than 320 trusted partners &amp; clients</p><div style="position:relative"><div style="width:100%;height:auto;margin:auto;overflow:hidden;position:relative" id="slider_wrapper_"><div style="display:flex;animation:slider_logo_slider_ 20s linear infinite;width:calc(200px * 15)" id="slider_"><div style="width:200px;align-items:center;display:flex"><img alt="partner logo" loading="lazy" width="150" height="50" decoding="async" data-nimg="1" class="block dark:hidden" style="color:transparent" src="/images/home/pricing/partner-1.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/><img alt="partner logo" loading="lazy" width="150" height="50" decoding="async" data-nimg="1" class="hidden dark:block" style="color:transparent" src="/images/home/pricing/partner-dark-1.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div><div style="width:200px;align-items:center;display:flex"><img alt="partner logo" loading="lazy" width="150" height="50" decoding="async" data-nimg="1" class="block dark:hidden" style="color:transparent" src="/images/home/pricing/partner-2.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/><img alt="partner logo" loading="lazy" width="150" height="50" decoding="async" data-nimg="1" class="hidden dark:block" style="color:transparent" src="/images/home/pricing/partner-dark-2.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div><div style="width:200px;align-items:center;display:flex"><img alt="partner logo" loading="lazy" width="150" height="50" decoding="async" data-nimg="1" class="block dark:hidden" style="color:transparent" src="/images/home/pricing/partner-3.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/><img alt="partner logo" loading="lazy" width="150" height="50" decoding="async" data-nimg="1" class="hidden dark:block" style="color:transparent" src="/images/home/pricing/partner-dark-3.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div><div style="width:200px;align-items:center;display:flex"><img alt="partner logo" loading="lazy" width="150" height="50" decoding="async" data-nimg="1" class="block dark:hidden" style="color:transparent" src="/images/home/pricing/partner-4.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/><img alt="partner logo" loading="lazy" width="150" height="50" decoding="async" data-nimg="1" class="hidden dark:block" style="color:transparent" src="/images/home/pricing/partner-dark-4.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div><div style="width:200px;align-items:center;display:flex"><img alt="partner logo" loading="lazy" width="150" height="50" decoding="async" data-nimg="1" class="block dark:hidden" style="color:transparent" src="/images/home/pricing/partner-5.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/><img alt="partner logo" loading="lazy" width="150" height="50" decoding="async" data-nimg="1" class="hidden dark:block" style="color:transparent" src="/images/home/pricing/partner-dark-5.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div>
1<div style="width:200px;align-items:center;display:flex"><img alt="partner logo" loading="lazy" width="150" height="50" decoding="async" data-nimg="1" class="block dark:hidden" style="color:transparent" src="/images/home/pricing/partner-1.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/><img alt="partner logo" loading="lazy" width="150" height="50" decoding="async" data-nimg="1" class="hidden dark:block" style="color:transparent" src="/images/home/pricing/partner-dark-1.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div><div style="width:200px;align-items:center;display:flex"><img alt="partner logo" loading="lazy" width="150" height="50" decoding="async" data-nimg="1" class="block dark:hidden" style="color:transparent" src="/images/home/pricing/partner-2.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/><img alt="partner logo" loading="lazy" width="150" height="50" decoding="async" data-nimg="1" class="hidden dark:block" style="color:transparent" src="/images/home/pricing/partner-dark-2.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div><div style="width:200px;align-items:center;display:flex"><img alt="partner logo" loading="lazy" width="150" height="50" decoding="async" data-nimg="1" class="block dark:hidden" style="color:transparent" src="/images/home/pricing/partner-3.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/><img alt="partner logo" loading="lazy" width="150" height="50" decoding="async" data-nimg="1" class="hidden dark:block" style="color:transparent" src="/images/home/pricing/partner-dark-3.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div><div style="width:200px;align-items:center;display:flex"><img alt="partner logo" loading="lazy" width="150" height="50" decoding="async" data-nimg="1" class="block dark:hidden" style="color:transparent" src="/images/home/pricing/partner-4.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/><img alt="partner logo" loading="lazy" width="150" height="50" decoding="async" data-nimg="1" class="hidden dark:block" style="color:transparent" src="/images/home/pricing/partner-dark-4.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div><div style="width:200px;align-items:center;display:flex"><img alt="partner logo" loading="lazy" width="150" height="50" decoding="async" data-nimg="1" class="block dark:hidden" style="color:transparent" src="/images/home/pricing/partner-5.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/><img alt="partner logo" loading="lazy" width="150" height="50" decoding="async" data-nimg="1" class="hidden dark:block" style="color:transparent" src="/images/home/pricing/partner-dark-5.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div><div style="width:200px;align-items:center;display:flex"><img alt="partner logo" loading="lazy" width="150" height="50" decoding="async" data-nimg="1" class="block dark:hidden" style="color:transparent" src="/images/home/pricing/partner-1.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/><img alt="partner logo" loading="lazy" width="150" height="50" decoding="async" data-nimg="1" class="hidden dark:block" style="color:transparent" src="/images/home/pricing/partner-dark-1.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div><div style="width:200px;align-items:center;display:flex"><img alt="partner logo" loading="lazy" width="150" height="50" decoding="async" data-nimg="1" class="block dark:hidden" style="color:transparent" src="/images/home/pricing/partner-2.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/><img alt="partner logo" loading="lazy" width="150" height="50" decoding="async" data-nimg="1" class="hidden dark:block" style="color:transparent" src="/images/home/pricing/partner-dark-2.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div><div style="width:200px;align-items:center;display:flex"><img alt="partner logo" loading="lazy" width="150" height="50" decoding="async" data-nimg="1" class="block dark:hidden" style="color:transparent" src="/images/home/pricing/partner-3.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/><img alt="partner logo" loading="lazy" width="150" height="50" decoding="async" data-nimg="1" class="hidden dark:block" style="color:transparent" src="/images/home/pricing/partner-dark-3.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div>
1<div style="width:200px;align-items:center;display:flex"><img alt="partner logo" loading="lazy" width="150" height="50" decoding="async" data-nimg="1" class="block dark:hidden" style="color:transparent" src="/images/home/pricing/partner-4.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/><img alt="partner logo" loading="lazy" width="150" height="50" decoding="async" data-nimg="1" class="hidden dark:block" style="color:transparent" src="/images/home/pricing/partner-dark-4.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div><div style="width:200px;align-items:center;display:flex"><img alt="partner logo" loading="lazy" width="150" height="50" decoding="async" data-nimg="1" class="block dark:hidden" style="color:transparent" src="/images/home/pricing/partner-5.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/><img alt="partner logo" loading="lazy" width="150" height="50" decoding="async" data-nimg="1" class="hidden dark:block" style="color:transparent" src="/images/home/pricing/partner-dark-5.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div></div></div></div></div></div></div></div></section><section class="bg-white dark:bg-darkblack py-20 md:py-40"><div class="flex flex-col gap-24"><div class="container"><div class="flex flex-col gap-20"><div class="flex flex-col gap-14 xl:gap-24"><div class="flex flex-col xl:flex xl:flex-row items-start gap-8"><div class="flex items-center py-3 gap-4 md:gap-8 w-full max-w-xl"><span class="bg-primary dark:text-secondary py-1.5 px-2.5 text-base font-medium rounded-full">08</span><div class="h-px w-16 bg-black/12 dark:bg-white/12"></div><span data-slot="badge" data-variant="default" class="gap-1 rounded-4xl border border-transparent text-xs font-medium transition-all has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&amp;&gt;svg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive overflow-hidden group/badge bg-primary text-primary-foreground [a]:hover:bg-primary/80 section-bedge py-1.5 px-4 h-9">FAQs</span></div><div class="flex flex-col gap-11"><div class="flex flex-col gap-5 "><h2 class="max-w-3xl">Frequently asked questions</h2><p class="max-w-2xl text-secondary/70 dark:text-white/70">Discover how we tailor our solutions to meet unique needs, delivering impactful strategies, personalized branding, and exceptional customer experiences.</p></div></div></div><div class="flex flex-col items-end"><div data-orientation="vertical" dir="ltr" role="region" data-slot="accordion" class="flex flex-col 2xl:max-w-5xl w-full"><div data-orientation="vertical" data-index="-1" data-closed="" data-slot="accordion-item" class="not-last:border-b last:border-b"><h3 data-orientation="vertical" data-index="-1" data-closed="" class="flex"><button type="button" data-value="" data-orientation="vertical" data-index="-1" tabindex="0" aria-disabled="false" aria-expanded="false" id="base-ui-_R_39aulbH2_" data-slot="accordion-trigger" class="focus-visible:ring-ring/50 focus-visible:border-ring focus-visible:after:border-ring **:data-[slot=accordion-trigger-icon]:text-muted-foreground rounded-md text-left focus-visible:ring-[3px] **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 group/accordion-trigger relative flex flex-1 items-start justify-between border border-transparent transition-all outline-none disabled:pointer-events-none disabled:opacity-50 py-5 lg:py-7 text-xl font-medium hover:no-underline **:data-[slot=accordion-trigger-icon]:hidden cursor-pointer"><h4>What services does your agency offer?</h4><div id="plusicon" class="bg-secondary/12 dark:bg-white/50 p-2 md:p-3 rounded-full transition-all duration-200 group-aria-expanded/accordion-trigger:bg-primary dark:group-aria-expanded/accordion-trigger:bg-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus w-5 h-5 text-secondary shrink-0 transition-transform duration-200 group-aria-expanded/accordion-trigger:rotate-45"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden" data-slot="accordion-trigger-icon"><path d="m6 9 6 6 6-6"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-up pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline" data-slot="accordion-trigger-icon"><path d="m18 15-6-6-6 6"></path></svg></button></h3></div><div data-orientation="vertical" data-index="-1" data-closed="" data-slot="accordion-item" class="not-last:border-b last:border-b"><h3 data-orientation="vertical" data-index="-1" data-closed="" class="flex"><button type="button" data-value="" data-orientation="vertical" data-index="-1" tabindex="0" aria-disabled="false" aria-expanded="false" id="base-ui-_R_59aulbH2_" data-slot="accordion-trigger" class="focus-visible:ring-ring/50 focus-visible:border-ring focus-visible:after:border-ring **:data-[slot=accordion-trigger-icon]:text-muted-foreground rounded-md text-left focus-visible:ring-[3px] **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 group/accordion-trigger relative flex flex-1 items-start justify-between border border-transparent transition-all outline-none disabled:pointer-events-none disabled:opacity-50 py-5 lg:py-7 text-xl font-medium hover:no-underline **:data-[slot=accordion-trigger-icon]:hidden cursor-pointer"><h4>How long does a typical project take?</h4><div id="plusicon" class="bg-secondary/12 dark:bg-white/50 p-2 md:p-3 rounded-full transition-all duration-200 group-aria-expanded/accordion-trigger:bg-primary dark:group-aria-expanded/accordion-trigger:bg-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus w-5 h-5 text-secondary shrink-0 transition-transform duration-200 group-aria-expanded/accordion-trigger:rotate-45"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden" data-slot="accordion-trigger-icon"><path d="m6 9 6 6 6-6"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-up pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline" data-slot="accordion-trigger-icon"><path d="m18 15-6-6-6 6"></path></svg></button></h3></div><div data-orientation="vertical" data-index="-1" data-closed="" data-slot="accordion-item" class="not-last:border-b last:border-b"><h3 data-orientation="vertical" data-index="-1" data-closed="" class="flex"><button type="button" data-value="" data-orientation="vertical" data-index="-1" tabindex="0" aria-disabled="false" aria-expanded="false" id="base-ui-_R_79aulbH2_" data-slot="accordion-trigger" class="focus-visible:ring-ring/50 focus-visible:border-ring focus-visible:after:border-ring **:data-[slot=accordion-trigger-icon]:text-muted-foreground rounded-md text-left focus-visible:ring-[3px] **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 group/accordion-trigger relative flex flex-1 items-start justify-between border border-transparent transition-all outline-none disabled:pointer-events-none disabled:opacity-50 py-5 lg:py-7 text-xl font-medium hover:no-underline **:data-[slot=accordion-trigger-icon]:hidden cursor-pointer"><h4>Do you offer custom designs, or do you use templates?</h4><div id="plusicon" class="bg-secondary/12 dark:bg-white/50 p-2 md:p-3 rounded-full transition-all duration-200 group-aria-expanded/accordion-trigger:bg-primary dark:group-aria-expanded/accordion-trigger:bg-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus w-5 h-5 text-secondary shrink-0 transition-transform duration-200 group-aria-expanded/accordion-trigger:rotate-45"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden" data-slot="accordion-trigger-icon"><path d="m6 9 6 6 6-6"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-up pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline" data-slot="accordion-trigger-icon"><path d="m18 15-6-6-6 6"></path></svg></button></h3></div><div data-orientation="vertical" data-index="-1" data-closed="" data-slot="accordion-item" class="not-last:border-b last:border-b"><h3 data-orientation="vertical" data-index="-1" data-closed="" class="flex"><button type="button" data-value="" data-orientation="vertical" data-index="-1" tabindex="0" aria-disabled="false" aria-expanded="false" id="base-ui-_R_99aulbH2_" data-slot="accordion-trigger" class="focus-visible:ring-ring/50 focus-visible:border-ring focus-visible:after:border-ring **:data-[slot=accordion-trigger-icon]:text-muted-foreground rounded-md text-left focus-visible:ring-[3px] **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 group/accordion-trigger relative flex flex-1 items-start justify-between border border-transparent transition-all outline-none disabled:pointer-events-none disabled:opacity-50 py-5 lg:py-7 text-xl font-medium hover:no-underline **:data-[slot=accordion-trigger-icon]:hidden cursor-pointer"><h4>What’s the cost of a project?</h4><div id="plusicon" class="bg-secondary/12 dark:bg-white/50 p-2 md:p-3 rounded-full transition-all duration-200 group-aria-expanded/accordion-trigger:bg-primary dark:group-aria-expanded/accordion-trigger:bg-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus w-5 h-5 text-secondary shrink-0 transition-transform duration-200 group-aria-expanded/accordion-trigger:rotate-45"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden" data-slot="accordion-trigger-icon"><path d="m6 9 6 6 6-6"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-up pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline" data-slot="accordion-trigger-icon"><path d="m18 15-6-6-6 6"></path></svg></button></h3></div><div data-orientation="vertical" data-index="-1" data-closed="" data-slot="accordion-item" class="not-last:border-b last:border-b"><h3 data-orientation="vertical" data-index="-1" data-closed="" class="flex"><button type="button" data-value="" data-orientation="vertical" data-index="-1" tabindex="0" aria-disabled="false" aria-expanded="false" id="base-ui-_R_b9aulbH2_" data-slot="accordion-trigger" class="focus-visible:ring-ring/50 focus-visible:border-ring focus-visible:after:border-ring **:data-[slot=accordion-trigger-icon]:text-muted-foreground rounded-md text-left focus-visible:ring-[3px] **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 group/accordion-trigger relative flex flex-1 items-start justify-between border border-transparent transition-all outline-none disabled:pointer-events-none disabled:opacity-50 py-5 lg:py-7 text-xl font-medium hover:no-underline **:data-[slot=accordion-trigger-icon]:hidden cursor-pointer"><h4>Do you provide ongoing support after project completion?</h4><div id="plusicon" class="bg-secondary/12 dark:bg-white/50 p-2 md:p-3 rounded-full transition-all duration-200 group-aria-expanded/accordion-trigger:bg-primary dark:group-aria-expanded/accordion-trigger:bg-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus w-5 h-5 text-secondary shrink-0 transition-transform duration-200 group-aria-expanded/accordion-trigger:rotate-45"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden" data-slot="accordion-trigger-icon"><path d="m6 9 6 6 6-6"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-up pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline" data-slot="accordion-trigger-icon"><path d="m18 15-6-6-6 6"></path></svg></button></h3></div></div></div></div></div></div></div></section><section class="bg-lightgray dark:bg-secondary py-20 md:py-40"><div class="flex flex-col gap-24"><div class="container"><div class="flex flex-col gap-20"><div class="flex flex-col gap-14 xl:gap-24"><div class="flex flex-col xl:flex xl:flex-row items-start gap-8"><div class="flex items-center py-3 gap-4 md:gap-8 w-full max-w-xl"><span class="bg-primary dark:text-secondary py-1.5 px-2.5 text-base font-medium rounded-full">09</span><div class="h-px w-16 bg-black/12 dark:bg-white/12"></div><span data-slot="badge" data-variant="default" class="gap-1 rounded-4xl border border-transparent text-xs font-medium transition-all has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&amp;&gt;svg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive overflow-hidden group/badge bg-primary text-primary-foreground [a]:hover:bg-primary/80 section-bedge py-1.5 px-4 h-9">Resources</span></div><div class="flex flex-col gap-11"><div class="flex flex-col gap-5 "><h2 class="max-w-3xl">Recent news</h2><p class="max-w-2xl text-secondary/70 dark:text-white/70">Explore the latest trends, bold projects, and creative insights from our agency—shaping the future of branding, digital experiences, and storytelling.</p></div></div></div>
1<div class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-4 gap-5 lg:gap-7"><a class="sm:col-span-2" href="/blog/a-campaign-that-connects"><div data-slot="card" data-size="default" class="ring-foreground/10 text-card-foreground gap-6 overflow-hidden text-sm has-[&gt;img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col group border-none ring-0 rounded-none shadow-none bg-transparent p-0 h-full w-full"><div data-slot="card-content" class="group-data-[size=sm]/card:px-4 flex flex-col gap-5 p-0"><div class="w-full h-450px overflow-hidden"><img alt="image" loading="lazy" width="805" height="450" decoding="async" data-nimg="1" class="w-full h-full object-cover transition-transform duration-500 ease-in-out group-hover:scale-110" style="color:transparent" src="/images/home/resources/resources_3.png?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div><div class="flex flex-col gap-1"><span class="text-secondary/70 dark:text-white/70 text-base">Dec 24, 2025</span><h4>A campaign that connects</h4></div></div></div></a><a class="" href="/blog/an-breaking-boundaries-our-latest-brand-redesign"><div data-slot="card" data-size="default" class="ring-foreground/10 text-card-foreground gap-6 overflow-hidden text-sm has-[&gt;img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col group border-none ring-0 rounded-none shadow-none bg-transparent p-0 h-full w-full"><div data-slot="card-content" class="group-data-[size=sm]/card:px-4 flex flex-col gap-5 p-0"><div class="w-full h-450px overflow-hidden"><img alt="image" loading="lazy" width="805" height="450" decoding="async" data-nimg="1" class="w-full h-full object-cover transition-transform duration-500 ease-in-out group-hover:scale-110" style="color:transparent" src="/images/home/resources/resources_1.png?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div><div class="flex flex-col gap-1"><span class="text-secondary/70 dark:text-white/70 text-base">Dec 24, 2025</span><h4>An breaking boundaries our latest brand redesign</h4></div></div></div></a><a class="" href="/blog/recognized-for-design"><div data-slot="card" data-size="default" class="ring-foreground/10 text-card-foreground gap-6 overflow-hidden text-sm has-[&gt;img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col group border-none ring-0 rounded-none shadow-none bg-transparent p-0 h-full w-full"><div data-slot="card-content" class="group-data-[size=sm]/card:px-4 flex flex-col gap-5 p-0"><div class="w-full h-450px overflow-hidden"><img alt="image" loading="lazy" width="805" height="450" decoding="async" data-nimg="1" class="w-full h-full object-cover transition-transform duration-500 ease-in-out group-hover:scale-110" style="color:transparent" src="/images/home/resources/resources_2.png?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div><div class="flex flex-col gap-1"><span class="text-secondary/70 dark:text-white/70 text-base">Dec 24, 2025</span><h4>Recognized for design</h4></div></div></div></a></div></div></div></div></div></section><section class="py-20 md:py-40 dark:bg-darkblack"><div class="container"><div class="flex flex-col gap-8 md:gap-20"><div class="flex flex-col gap-14 xl:gap-24"><div class="flex flex-col xl:flex xl:flex-row items-start gap-8"><div class="flex items-center py-3 gap-4 md:gap-8 w-full max-w-xl"><span class="bg-primary dark:text-secondary py-1.5 px-2.5 text-base font-medium rounded-full">10</span><div class="h-px w-16 bg-black/12 dark:bg-white/12"></div><span data-slot="badge" data-variant="default" class="gap-1 rounded-4xl border border-transparent text-xs font-medium transition-all has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&amp;&gt;svg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive overflow-hidden group/badge bg-primary text-primary-foreground [a]:hover:bg-primary/80 section-bedge py-1.5 px-4 h-9">Contact us</span></div><div class="flex flex-col gap-11"><div class="flex flex-col gap-5 "><h2 class="max-w-3xl">Get in touch</h2></div></div></div></div><div class="flex flex-col xl:flex xl:flex-row gap-15 xl:gap-48"><div class="max-w-md flex flex-col gap-9 md:gap-16"><div class="flex flex-col gap-5 md:gap-8"><p class="max-w-2xl text-secondary/70 dark:text-white/70">Let’s collaborate and create something amazing! Tell me about your project—I’m all ears.</p><div><ul class="flex flex-col gap-3"><li class="flex items-center gap-1.5 sm:gap-4"><div class="bg-primary w-fit p-1 sm:p-1.5 rounded-full shrink-0"><img alt="right-icon" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" style="color:transparent" src="/images/Icon/right-check.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div><span class="flex-1">Always-On Customer Support</span></li><li class="flex items-center gap-1.5 sm:gap-4"><div class="bg-primary w-fit p-1 sm:p-1.5 rounded-full shrink-0"><img alt="right-icon" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" style="color:transparent" src="/images/Icon/right-check.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/></div><span class="flex-1">Service Across the Globe</span></li></ul></div></div><div class="flex items-center gap-5"><img alt="image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" src="/images/avatar/avatar_1.jpg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/><div><p>Courtney Henry</p><span class="text-base text-secondary/70 dark:text-white/70">Onboarding &amp; Success Manager</span></div></div></div><div class="w-full"><form class="flex flex-col gap-5 md:gap-8"><div><input id="name" type="text" data-slot="input" required="" placeholder="Name" class="focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 py-1 text-base shadow-xs transition-[color,box-shadow] file:h-7 file:text-sm file:font-medium aria-invalid:ring-3 md:text-sm file:text-foreground placeholder:text-muted-foreground min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 w-full h-full py-3.5! px-0 placeholder:text-base sm:text-base! bg-transparent dark:bg-transparent border-0 border-b border-secondary dark:border-white/20 focu
1s-visible:border-black dark:focus-visible:border-white rounded-none focus-visible:ring-0 focus-visible:outline-none" name="name" value=""/></div><div><input id="email" type="text" data-slot="input" required="" placeholder="Email" class="focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 py-1 text-base shadow-xs transition-[color,box-shadow] file:h-7 file:text-sm file:font-medium aria-invalid:ring-3 md:text-sm file:text-foreground placeholder:text-muted-foreground min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 w-full h-full py-3.5! px-0 placeholder:text-base sm:text-base! bg-transparent dark:bg-transparent border-0 border-b border-secondary dark:border-white/20 focus-visible:border-black dark:focus-visible:border-white rounded-none focus-visible:ring-0 focus-visible:outline-none" name="email" value=""/></div><div><textarea data-slot="textarea" class="focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 py-2 text-base shadow-xs transition-[color,box-shadow] aria-invalid:ring-3 md:text-sm placeholder:text-muted-foreground flex outline-none disabled:cursor-not-allowed disabled:opacity-50 w-full min-h-20 max-h-32 py-3.5! px-0 placeholder:text-base sm:text-base! bg-transparent dark:bg-transparent border-0 border-b border-secondary dark:border-white/20 focus-visible:border-black dark:focus-visible:border-white rounded-none focus-visible:ring-0 focus-visible:outline-none resize-none overflow-auto field-sizing-fixed" id="message" name="message" placeholder="Tell us about your project"></textarea></div><div><button type="submit" tabindex="0" data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 border border-transparent bg-clip-padding focus-visible:ring-[3px] aria-invalid:ring-[3px] [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 inline-flex items-center justify-center whitespace-nowrap disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none shrink-0 [&amp;_svg]:shrink-0 outline-none group/button select-none bg-primary text-primary-foreground gap-1.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 relative text-sm font-medium rounded-full h-14 p-1 w-full group transition-all duration-500 overflow-hidden cursor-pointer hover:bg-secondary"><span class="relative z-10 w-full text-center transition-all duration-500 text-lg font-bold text-secondary group-hover:text-white">Submit message</span><div class="absolute right-1.5 w-11 h-11 bg-white text-secondary rounded-full flex items-center justify-center transition-all duration-500 group-hover:right-[calc(100%-50px)] group-hover:rotate-45"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right shrink-0 size-5"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></button></div></form></div></div></div></div></section><!--$--><!--/$--><footer><div class="bg-secondary py-10 md:py-20 xl:py-40"><div class="container"><div class="flex flex-col xl:flex-row gap-10 xl:gap-0"><div class="flex flex-col gap-10 xl:max-w-2xl w-full"><h2 class="text-white xl:max-w-xl">Build something together?</h2><div class="flex flex-col gap-2"><div><a href="https://www.wrappixel.com/" class="flex gap-4"><img alt="icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/footer/email-arrow.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/><span class="text-white hover:text-primary text-lg">[email protected]</span></a></div><div><a href="https://maps.app.goo.gl/hpDp81fqzGt5y4bC8" class="flex gap-4"><img alt="icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/footer/Location.svg?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC"/><span class="text-white hover:text-primary text-lg">Zwolle Netherlands</span></a></div></div></div><div class="grid grid-cols-1 md:grid-cols-3 xl:grid-cols-4 w-full gap-10 md:gap-0"><ul class="flex flex-col gap-1.5"><li><a href="/" class="text-lg text-white hover:text-primary">Home</a></li><li><a href="/about" class="text-lg text-white hover:text-primary">About</a></li><li><a href="/#services" class="text-lg text-white hover:text-primary">Services</a></li><li><a href="/projects" class="text-lg text-white hover:text-primary">Work</a></li><li><a href="/terms-and-conditions" class="text-lg text-white hover:text-primary">Terms</a></li><li><a href="/privacy-policy" class="text-lg text-white hover:text-primary">Privacy Policy</a></li><li><a href="/not-found" class="text-lg text-white hover:text-primary">Error 404</a></li></ul><ul class="flex flex-col gap-1.5"><li><a href="https://www.facebook.com/" class="text-lg text-white hover:text-primary">Facebook</a></li><li><a href="https://www.instagram.com/" class="text-lg text-white hover:text-primary">Instagram</a></li><li><a href="https://x.com/" class="text-lg text-white hover:text-primary">Twitter</a></li></ul><div class="flex md:justify-end xl:col-span-2"><p class="text-white/70 text-base max-w-96">© Studiova copyright 2026</p></div></div></div></div></div></footer><div class="fixed bottom-8 right-8 z-[999]"></div>
1<script src="/_next/static/chunks/bde3bef86a49e1f5.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC" id="_R_" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[65979,[\"/_next/static/chunks/281874ef11ff9d21.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/30de1190989201dc.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/c6e54457aaf2fe50.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/cf5947eb80af2bd4.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\"],\"default\"]\n3:I[84409,[\"/_next/static/chunks/ca380119653ce42b.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/ff0803d07efb7a70.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\"],\"default\"]\n4:I[83107,[\"/_next/static/chunks/ca380119653ce42b.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/ff0803d07efb7a70.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\"],\"default\"]\n5:I[52960,[\"/_next/static/chunks/281874ef11ff9d21.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/30de1190989201dc.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/c6e54457aaf2fe50.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/cf5947eb80af2bd4.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/56155c9847f2f714.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/88fd0a25b9bddc2b.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\"],\"Image\"]\n6:I[85398,[\"/_next/static/chunks/281874ef11ff9d21.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/30de1190989201dc.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/c6e54457aaf2fe50.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/cf5947eb80af2bd4.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/56155c9847f2f714.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/88fd0a25b9bddc2b.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\"],\"\"]\n7:I[104,[\"/_next/static/chunks/281874ef11ff9d21.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/30de1190989201dc.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/c6e54457aaf2fe50.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/cf5947eb80af2bd4.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/56155c9847f2f714.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/88fd0a25b9bddc2b.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\"],\"default\"]\n8:I[68147,[\"/_next/static/chunks/281874ef11ff9d21.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/30de1190989201dc.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/c6e54457aaf2fe50.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/cf5947eb80af2bd4.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/56155c9847f2f714.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/88fd0a25b9bddc2b.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\"],\"default\"]\n1a:I[66262,[\"/_next/static/chunks/ca380119653ce42b.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/ff0803d07efb7a70.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\"],\"default\"]\n:HL[\"/_next/static/chunks/4368acfc140e46b5.css?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"style\"]\n:HL[\"/_next/static/media/a343f882a40d2cc9-s.p.71e1367e.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/chunks/fe81322e39413244.css?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"style\"]\n"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"RtMfdYrR4AYyKQ-5UTpvJ\",\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/4368acfc140e46b5.css?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/281874ef11ff9d21.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/30de1190989201dc.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/c6e54457aaf2fe50.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/cf5947eb80af2bd4.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"children\":[\"$\",\"body\",null,{\"className\":\"manrope_ccd61c10-module__tO2uuW__className\",\"children\":[\"$\",\"$L2\",null,{\"children\":[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"section\",null,{\"className\":\"dark:bg-darkblack h-screen flex justify-center items-center border-t-4 border-primary\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-10 justify-center items-center \",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-full h-full flex justify-center items-center\",\"children\":[[\"$\",\"$L5\",null,{\"src\":\"/images/notfound/404.svg\",\"alt\":\"Image\",\"height\":150,\"width\":550,\"className\":\"dark:hidden\"}],[\"$\",\"$L5\",null,{\"src\":\"/images/notfound/404-dark.svg\",\"alt\":\"Image\",\"height\":150,\"width\":550,\"className\":\"hidden dark:block\"}]]}],[\"$\",\"div\",null,{\"className\":\"text-center\",\"children\":[\"$\",\"h2\",null,{\"children\":\"Oops! Page Not Found\"}]}],[\"$\",\"$L6\",null,{\"href\":\"/\",\"className\":\"group flex gap-3 items-center w-fit bg-primary hover:bg-secondary dark:border dark:border-primary dark:hover:border dark:hover:border-white/30 rounded-full transition-all duration-200 ease-in-out\",\"children\":[[\"$\",\"span\",null,{\"className\":\"pl-6 text-lg font-bold text-secondary group-hover:text-white group-hover:translate-x-12 transform transition-transform duration-200 ease-in-out\",\"children\":\"Back to Home\"}],[\"$\",\"svg\",null,{\"className\":\" py-1 group-hover:-translate-x-[150px] group-hover:rotate-45 transition-all duration-200 ease-in-out \",\"width\":\"58\",\"height\":\"58\",\"viewBox\":\"0 0 58 58\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"children\":[[\"$\",\"g\",null,{\"filter\":\"url(#filter0_d_1_873)\",\"children\":[[\"$\",\"rect\",null,{\"x\":\"3\",\"y\":\"2\",\"width\":\"52\",\"height\":\"52\",\"rx\":\"26\",\"fill\":\"white\"}],[\"$\",\"path\",null,{\"d\":\"M24 23H34M34 23V33M34 23L24 33\",\"stroke\":\"#1F2A2E\",\"strokeWidth\":\"1.5\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\"}]]}],[\"$\",\"defs\",null,{\"children\":[\"$\",\"filter\",null,{\"id\":\"filter0_d_1_873\",\"x\":\"0\",\"y\":\"0\",\"width\":\"58\",\"height\":\"58\",\"filterUnits\":\"userSpaceOnUse\",\"colorInterpolationFilters\":\"sRGB\",\"children\":[[\"$\",\"feFlood\",null,{\"floodOpacity\":\"0\",\"result\":\"BackgroundImageFix\"}],[\"$\",\"feColorMatrix\",null,{\"in\":\"SourceAlpha\",\"type\":\"matrix\",\"values\":\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\",\"result\":\"hardAlpha\"}],[\"$\",\"feOffset\",null,{\"dy\":\"1\"}],[\"$\",\"feGaussianBlur\",null,{\"stdDeviation\":\"1.5\"}],[\"$\",\"feComposite\",null,{\"in2\":\"hardAlpha\",\"operator\":\"out\"}],[\"$\",\"feColorMatrix\",null,{\"type\":\"matrix\",\"values\":\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"}],[\"$\",\"feBlend\",null,{\"mode\":\"normal\",\"in2\":\"Backgroun
1dImageFix\",\"result\":\"effect1_dropShadow_1_873\"}],[\"$\",\"feBlend\",null,{\"mode\":\"normal\",\"in\":\"SourceGraphic\",\"in2\":\"effect1_dropShadow_1_873\",\"result\":\"shape\"}]]}]}]]}]]}]]}]}]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"$L7\",null,{}],[\"$\",\"$L8\",null,{}],[\"$\",\"section\",null,{\"className\":\"bg-lightgray dark:bg-darkblack py-20 md:py-40\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-24\",\"children\":[[\"$\",\"div\",null,{\"className\":\"container\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-24\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col xl:flex xl:flex-row items-start gap-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center py-3 gap-4 md:gap-8 w-full max-w-xl\",\"children\":[[\"$\",\"span\",null,{\"className\":\"bg-primary py-1.5 px-2.5 text-base font-medium rounded-full dark:text-secondary\",\"children\":\"02\"}],\"$L9\",\"$La\"]}],\"$Lb\"]}]}]}],\"$Lc\"]}]}],\"$Ld\",\"$Le\",\"$Lf\",\"$L10\",\"$L11\",\"$L12\",\"$L13\",\"$L14\"],[\"$L15\",\"$L16\",\"$L17\"],\"$L18\"]}],{},null,false,false]},null,false,false],\"$L19\",false]],\"m\":\"$undefined\",\"G\":[\"$1a\",[]],\"S\":true}\n"])</script>
1<script>self.__next_f.push([1,"1b:I[29290,[\"/_next/static/chunks/281874ef11ff9d21.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/30de1190989201dc.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/c6e54457aaf2fe50.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/cf5947eb80af2bd4.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/56155c9847f2f714.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/88fd0a25b9bddc2b.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\"],\"default\"]\n1c:I[47814,[\"/_next/static/chunks/281874ef11ff9d21.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/30de1190989201dc.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/c6e54457aaf2fe50.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/cf5947eb80af2bd4.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/56155c9847f2f714.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/88fd0a25b9bddc2b.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\"],\"default\"]\n1d:I[58243,[\"/_next/static/chunks/281874ef11ff9d21.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/30de1190989201dc.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/c6e54457aaf2fe50.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/cf5947eb80af2bd4.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/56155c9847f2f714.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/88fd0a25b9bddc2b.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\"],\"default\"]\n1e:I[31019,[\"/_next/static/chunks/281874ef11ff9d21.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/30de1190989201dc.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/c6e54457aaf2fe50.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/cf5947eb80af2bd4.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/56155c9847f2f714.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/88fd0a25b9bddc2b.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\"],\"default\"]\n1f:I[79896,[\"/_next/static/chunks/281874ef11ff9d21.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/30de1190989201dc.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/c6e54457aaf2fe50.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/cf5947eb80af2bd4.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/56155c9847f2f714.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/88fd0a25b9bddc2b.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\"],\"default\"]\n20:I[34243,[\"/_next/static/chunks/281874ef11ff9d21.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/30de1190989201dc.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/c6e54457aaf2fe50.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/cf5947eb80af2bd4.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/56155c9847f2f714.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/88fd0a25b9bddc2b.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\"],\"default\"]\n21:I[33593,[\"/_next/static/chunks/281874ef11ff9d21.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/30de1190989201dc.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/c6e54457aaf2fe50.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/cf5947eb80af2bd4.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/56155c9847f2f714.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/88fd0a25b9bddc2b.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\"],\"Accordion\"]\n22:I[33593,[\"/_next/static/chunks/281874ef11ff9d21.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/30de1190989201dc.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/c6e54457aaf2fe50.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/cf5947eb80af2bd4.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/56155c9847f2f714.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/88fd0a25b9bddc2b.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\"],\"AccordionItem\"]\n23:I[33593,[\"/_next/static/chunks/281874ef11ff9d21.js?dp"])</script>
1<script>self.__next_f.push([1,"l=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/30de1190989201dc.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/c6e54457aaf2fe50.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/cf5947eb80af2bd4.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/56155c9847f2f714.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/88fd0a25b9bddc2b.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\"],\"AccordionTrigger\"]\n24:I[33593,[\"/_next/static/chunks/281874ef11ff9d21.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/30de1190989201dc.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/c6e54457aaf2fe50.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/cf5947eb80af2bd4.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/56155c9847f2f714.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/88fd0a25b9bddc2b.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\"],\"AccordionContent\"]\n2d:I[22622,[\"/_next/static/chunks/281874ef11ff9d21.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/30de1190989201dc.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/c6e54457aaf2fe50.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/cf5947eb80af2bd4.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/56155c9847f2f714.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/88fd0a25b9bddc2b.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\"],\"default\"]\n2e:I[5773,[\"/_next/static/chunks/ca380119653ce42b.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/ff0803d07efb7a70.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\"],\"OutletBoundary\"]\n2f:\"$Sreact.suspense\"\n31:I[5773,[\"/_next/static/chunks/ca380119653ce42b.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/ff0803d07efb7a70.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\"],\"ViewportBoundary\"]\n33:I[5773,[\"/_next/static/chunks/ca380119653ce42b.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"/_next/static/chunks/ff0803d07efb7a70.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\"],\"MetadataBoundary\"]\n9:[\"$\",\"div\",null,{\"className\":\"h-px w-16 bg-black/12 dark:bg-white/12\"}]\na:[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"data-variant\":\"default\",\"className\":\"gap-1 rounded-4xl border border-transparent text-xs font-medium transition-all has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [\u0026\u003esvg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive overflow-hidden group/badge bg-primary text-primary-foreground [a]:hover:bg-primary/80 section-bedge py-1.5 px-4 h-9\",\"children\":\"Portfolio\"}]\nb:[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-11\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-5 \",\"children\":[[\"$\",\"h2\",null,{\"className\":\"max-w-3xl\",\"children\":\"Featured projects\"}],[\"$\",\"p\",null,{\"className\":\"max-w-2xl text-secondary/70 dark:text-white/70\",\"children\":\"A glimpse into our creativity—exploring innovative designs, successful collaborations, and transformative digital experiences.\"}]]}]}]\nc:[\"$\",\"div\",null,{\"className\":\"px-3.5\",\"children\":[\"$\",\"$L1b\",null,{\"projects\":[{\"title\":\"Amber Bottle\",\"slug\":\"amberbottle\",\"ScopeOfWork\":[\"Photography\",\"Studio\"],\"industry\":\"Photography\",\"coverImage\":\"/images/projects/projectlist/project5-cover.png\"},{\"title\":\"BioTrack LIMS\",\"slug\":\"biotrack-lims\",\"ScopeOfWork\":[\"Brand identity\",\"Digital design\"],\"industry\":\"Bags\",\"coverImage\":\"/images/projects/projectlist/project4-cover.png\"},{\"title\":\"Digital Magazine\",\"slug\":\"digitalmagazine\",\"ScopeOfWork\":[\"Digital design\",\"Web development\"],\"industry\":\"Magazine\",\"coverImage\":\"/images/projects/projectlist/project6-cover.png\"},{\"title\":\"Pixelforge\",\"slug\":\"pixelforge\",\"ScopeOfWork\":[\"UI/UX design\",\"Web development\"],\"industry\":\"Shoes\",\"coverImage\":\"/images/projects/projectlist/project3-cover.png\"},{\"title\":\"Snapclear\",\"slug\":\"snapclear\",\"ScopeOfWork\":[\"UX "])</script>
1<script>self.__next_f.push([1,"Strategy\",\"UI Design\"],\"industry\":\"Technology\",\"coverImage\":\"/images/projects/projectlist/project1-cover.png\"},{\"title\":\"Transfermax\",\"slug\":\"transfermax\",\"ScopeOfWork\":[\"Web development\",\"Digital design\"],\"industry\":\"Technology\",\"coverImage\":\"/images/projects/projectlist/project2-cover.png\"}]}]}]\nd:[\"$\",\"$L1c\",null,{}]\ne:[\"$\",\"$L1d\",null,{}]\nf:[\"$\",\"$L1e\",null,{}]\n10:[\"$\",\"$L1f\",null,{\"teamdataNumber\":\"06\"}]\n11:[\"$\",\"$L20\",null,{}]\n"])</script>
1<script>self.__next_f.push([1,"12:[\"$\",\"section\",null,{\"className\":\"bg-white dark:bg-darkblack py-20 md:py-40\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-24\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-20\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-14 xl:gap-24\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col xl:flex xl:flex-row items-start gap-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center py-3 gap-4 md:gap-8 w-full max-w-xl\",\"children\":[[\"$\",\"span\",null,{\"className\":\"bg-primary dark:text-secondary py-1.5 px-2.5 text-base font-medium rounded-full\",\"children\":\"08\"}],[\"$\",\"div\",null,{\"className\":\"h-px w-16 bg-black/12 dark:bg-white/12\"}],[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"data-variant\":\"default\",\"className\":\"gap-1 rounded-4xl border border-transparent text-xs font-medium transition-all has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [\u0026\u003esvg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive overflow-hidden group/badge bg-primary text-primary-foreground [a]:hover:bg-primary/80 section-bedge py-1.5 px-4 h-9\",\"children\":\"FAQs\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-11\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-5 \",\"children\":[[\"$\",\"h2\",null,{\"className\":\"max-w-3xl\",\"children\":\"Frequently asked questions\"}],[\"$\",\"p\",null,{\"className\":\"max-w-2xl text-secondary/70 dark:text-white/70\",\"children\":\"Discover how we tailor our solutions to meet unique needs, delivering impactful strategies, personalized branding, and exceptional customer experiences.\"}]]}]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col items-end\",\"children\":[\"$\",\"$L21\",null,{\"className\":\"flex flex-col 2xl:max-w-5xl w-full\",\"children\":[[\"$\",\"$L22\",\"0\",{\"value\":\"item-0\",\"className\":\"last:border-b\",\"children\":[[\"$\",\"$L23\",null,{\"className\":\"py-5 lg:py-7 text-xl font-medium hover:no-underline **:data-[slot=accordion-trigger-icon]:hidden cursor-pointer\",\"children\":[[\"$\",\"h4\",null,{\"children\":\"What services does your agency offer?\"}],[\"$\",\"div\",null,{\"id\":\"plusicon\",\"className\":\"bg-secondary/12 dark:bg-white/50 p-2 md:p-3 rounded-full transition-all duration-200 group-aria-expanded/accordion-trigger:bg-primary dark:group-aria-expanded/accordion-trigger:bg-primary\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-plus w-5 h-5 text-secondary shrink-0 transition-transform duration-200 group-aria-expanded/accordion-trigger:rotate-45\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"s699le\",{\"d\":\"M12 5v14\"}],\"$undefined\"]}]}]]}],[\"$\",\"$L24\",null,{\"children\":[\"$\",\"p\",null,{\"children\":\"Yes, we provide post-launch support to ensure smooth implementation and offer ongoing maintenance packages for clients needing regular updates or te
1chnical assistance.\"}]}]]}],[\"$\",\"$L22\",\"1\",{\"value\":\"item-1\",\"className\":\"last:border-b\",\"children\":[[\"$\",\"$L23\",null,{\"className\":\"py-5 lg:py-7 text-xl font-medium hover:no-underline **:data-[slot=accordion-trigger-icon]:hidden cursor-pointer\",\"children\":[[\"$\",\"h4\",null,{\"children\":\"How long does a typical project take?\"}],[\"$\",\"div\",null,{\"id\":\"plusicon\",\"className\":\"bg-secondary/12 dark:bg-white/50 p-2 md:p-3 rounded-full transition-all duration-200 group-aria-expanded/accordion-trigger:bg-primary dark:group-aria-expanded/accordion-trigger:bg-primary\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-plus w-5 h-5 text-secondary shrink-0 transition-transform duration-200 group-aria-expanded/accordion-trigger:rotate-45\",\"children\":[\"$L25\",\"$L26\",\"$undefined\"]}]}]]}],\"$L27\"]}],\"$L28\",\"$L29\",\"$L2a\"]}]}]]}]}]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"13:[\"$\",\"section\",null,{\"className\":\"bg-lightgray dark:bg-secondary py-20 md:py-40\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-24\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-20\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-14 xl:gap-24\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col xl:flex xl:flex-row items-start gap-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center py-3 gap-4 md:gap-8 w-full max-w-xl\",\"children\":[[\"$\",\"span\",null,{\"className\":\"bg-primary dark:text-secondary py-1.5 px-2.5 text-base font-medium rounded-full\",\"children\":\"09\"}],[\"$\",\"div\",null,{\"className\":\"h-px w-16 bg-black/12 dark:bg-white/12\"}],[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"data-variant\":\"default\",\"className\":\"gap-1 rounded-4xl border border-transparent text-xs font-medium transition-all has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [\u0026\u003esvg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive overflow-hidden group/badge bg-primary text-primary-foreground [a]:hover:bg-primary/80 section-bedge py-1.5 px-4 h-9\",\"children\":\"Resources\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-11\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-5 \",\"children\":[[\"$\",\"h2\",null,{\"className\":\"max-w-3xl\",\"children\":\"Recent news\"}],[\"$\",\"p\",null,{\"className\":\"max-w-2xl text-secondary/70 dark:text-white/70\",\"children\":\"Explore the latest trends, bold projects, and creative insights from our agency—shaping the future of branding, digital experiences, and storytelling.\"}]]}]}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-4 gap-
15 lg:gap-7\",\"children\":[[\"$\",\"$L6\",\"0\",{\"href\":\"/blog/a-campaign-that-connects\",\"className\":\"sm:col-span-2\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"data-size\":\"default\",\"className\":\"ring-foreground/10 text-card-foreground gap-6 overflow-hidden text-sm has-[\u003eimg:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col group border-none ring-0 rounded-none shadow-none bg-transparent p-0 h-full w-full\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"group-data-[size=sm]/card:px-4 flex flex-col gap-5 p-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-full h-450px overflow-hidden\",\"children\":[\"$\",\"$L5\",null,{\"src\":\"/images/home/resources/resources_3.png\",\"alt\":\"image\",\"width\":805,\"height\":450,\"className\":\"w-full h-full object-cover transition-transform duration-500 ease-in-out group-hover:scale-110\"}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-1\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-secondary/70 dark:text-white/70 text-base\",\"children\":\"Dec 24, 2025\"}],[\"$\",\"h4\",null,{\"children\":\"A campaign that connects\"}]]}]]}]}]}],[\"$\",\"$L6\",\"1\",{\"href\":\"/blog/an-breaking-boundaries-our-latest-brand-redesign\",\"className\":\"\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"data-size\":\"default\",\"className\":\"ring-foreground/10 text-card-foreground gap-6 overflow-hidden text-sm has-[\u003eimg:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col group border-none ring-0 rounded-none shadow-none bg-transparent p-0 h-full w-full\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"group-data-[size=sm]/card:px-4 flex flex-col gap-5 p-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-full h-450px overflow-hidden\",\"children\":[\"$\",\"$L5\",null,{\"src\":\"/images/home/resources/resources_1.png\",\"alt\":\"image\",\"width\":805,\"height\":450,\"className\":\"w-full h-full object-cover transition-transform duration-500 ease-in-out group-hover:scale-110\"}]}],\"$L2b\"]}]}]}],\"$L2c\"]}]]}]}]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"14:[\"$\",\"$L2d\",null,{\"contactdataNumber\":\"10\"}]\n15:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/fe81322e39413244.css?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n16:[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/56155c9847f2f714.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"async\":true,\"nonce\":\"$undefined\"}]\n17:[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/88fd0a25b9bddc2b.js?dpl=dpl_CQpYX83niyqjar5NTkHKREywUzgC\",\"async\":true,\"nonce\":\"$undefined\"}]\n18:[\"$\",\"$L2e\",null,{\"children\":[\"$\",\"$2f\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@30\"}]}]\n19:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L31\",null,{\"children\":\"$L32\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L33\",null,{\"children\":[\"$\",\"$2f\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L34\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n"])</script>
1<script>self.__next_f.push([1,"25:[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}]\n26:[\"$\",\"path\",\"s699le\",{\"d\":\"M12 5v14\"}]\n27:[\"$\",\"$L24\",null,{\"children\":[\"$\",\"p\",null,{\"children\":\"Yes, we provide post-launch support to ensure smooth implementation and offer ongoing maintenance packages for clients needing regular updates or technical assistance.\"}]}]\n28:[\"$\",\"$L22\",\"2\",{\"value\":\"item-2\",\"className\":\"last:border-b\",\"children\":[[\"$\",\"$L23\",null,{\"className\":\"py-5 lg:py-7 text-xl font-medium hover:no-underline **:data-[slot=accordion-trigger-icon]:hidden cursor-pointer\",\"children\":[[\"$\",\"h4\",null,{\"children\":\"Do you offer custom designs, or do you use templates?\"}],[\"$\",\"div\",null,{\"id\":\"plusicon\",\"className\":\"bg-secondary/12 dark:bg-white/50 p-2 md:p-3 rounded-full transition-all duration-200 group-aria-expanded/accordion-trigger:bg-primary dark:group-aria-expanded/accordion-trigger:bg-primary\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-plus w-5 h-5 text-secondary shrink-0 transition-transform duration-200 group-aria-expanded/accordion-trigger:rotate-45\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"s699le\",{\"d\":\"M12 5v14\"}],\"$undefined\"]}]}]]}],[\"$\",\"$L24\",null,{\"children\":[\"$\",\"p\",null,{\"children\":\"Yes, we provide post-launch support to ensure smooth implementation and offer ongoing maintenance packages for clients needing regular updates or te
1chnical assistance.\"}]}]]}]\n29:[\"$\",\"$L22\",\"3\",{\"value\":\"item-3\",\"className\":\"last:border-b\",\"children\":[[\"$\",\"$L23\",null,{\"className\":\"py-5 lg:py-7 text-xl font-medium hover:no-underline **:data-[slot=accordion-trigger-icon]:hidden cursor-pointer\",\"children\":[[\"$\",\"h4\",null,{\"children\":\"What’s the cost of a project?\"}],[\"$\",\"div\",null,{\"id\":\"plusicon\",\"className\":\"bg-secondary/12 dark:bg-white/50 p-2 md:p-3 rounded-full transition-all duration-200 group-aria-expanded/accordion-trigger:bg-primary dark:group-aria-expanded/accordion-trigger:bg-primary\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-plus w-5 h-5 text-secondary shrink-0 transition-transform duration-200 group-aria-expanded/accordion-trigger:rotate-45\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"s699le\",{\"d\":\"M12 5v14\"}],\"$undefined\"]}]}]]}],[\"$\",\"$L24\",null,{\"children\":[\"$\",\"p\",null,{\"children\":\"Yes, we provide post-launch support to ensure smooth implementation and offer ongoing maintenance packages for clients needing regular updates or te
1chnical assistance.\"}]}]]}]\n2a:[\"$\",\"$L22\",\"4\",{\"value\":\"item-4\",\"className\":\"last:border-b\",\"children\":[[\"$\",\"$L23\",null,{\"className\":\"py-5 lg:py-7 text-xl font-medium hover:no-underline **:data-[slot=accordion-trigger-icon]:hidden cursor-pointer\",\"children\":[[\"$\",\"h4\",null,{\"children\":\"Do you provide ongoing support after project completion?\"}],[\"$\",\"div\",null,{\"id\":\"plusicon\",\"className\":\"bg-secondary/12 dark:bg-white/50 p-2 md:p-3 rounded-full transition-all duration-200 group-aria-expanded/accordion-trigger:bg-primary dark:group-aria-expanded/accordion-trigger:bg-primary\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-plus w-5 h-5 text-secondary shrink-0 transition-transform duration-200 group-aria-expanded/accordion-trigger:rotate-45\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"s699le\",{\"d\":\"M12 5v14\"}],\"$undefined\"]}]}]]}],[\"$\",\"$L24\",null,{\"children\":[\"$\",\"p\",null,{\"children\":\"Yes, we provide post-launch support to ensure smooth implementation and offer ongoing maintenance packages for clients needing regular updates or te
1ch"])</script>
1<script>self.__next_f.push([1,"nical assistance.\"}]}]]}]\n2b:[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-1\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-secondary/70 dark:text-white/70 text-base\",\"children\":\"Dec 24, 2025\"}],[\"$\",\"h4\",null,{\"children\":\"An breaking boundaries our latest brand redesign\"}]]}]\n2c:[\"$\",\"$L6\",\"2\",{\"href\":\"/blog/recognized-for-design\",\"className\":\"\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"data-size\":\"default\",\"className\":\"ring-foreground/10 text-card-foreground gap-6 overflow-hidden text-sm has-[\u003eimg:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col group border-none ring-0 rounded-none shadow-none bg-transparent p-0 h-full w-full\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"group-data-[size=sm]/card:px-4 flex flex-col gap-5 p-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-full h-450px overflow-hidden\",\"children\":[\"$\",\"$L5\",null,{\"src\":\"/images/home/resources/resources_2.png\",\"alt\":\"image\",\"width\":805,\"height\":450,\"className\":\"w-full h-full object-cover transition-transform duration-500 ease-in-out group-hover:scale-110\"}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-1\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-secondary/70 dark:text-white/70 text-base\",\"children\":\"Dec 24, 2025\"}],[\"$\",\"h4\",null,{\"children\":\"Recognized for design\"}]]}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"32:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
1<script>self.__next_f.push([1,"30:null\n34:[[\"$\",\"title\",\"0\",{\"children\":\"Studiova\"}]]\n"])</script>
1</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.