edit case studies

This commit is contained in:
sasha-astiadi 2025-06-17 15:08:37 +02:00
parent 144927ed82
commit 00c64f201b
10 changed files with 115 additions and 22 deletions

View File

@ -14,6 +14,7 @@ import logoFamilyFund from '@/images/clients/family-fund/logo-light.svg'
import logoGreenLife from '@/images/clients/green-life/logo-light.svg'
import logoHomeWork from '@/images/clients/home-work/logo-light.svg'
import logoMailSmirk from '@/images/clients/mail-smirk/logo-light.svg'
import logoMontessori from '@/images/montessori/logo-light.svg'
import logoNorthAdventures from '@/images/clients/north-adventures/logo-light.svg'
import logoPhobiaDark from '@/images/clients/phobia/logo-dark.svg'
import logoPhobiaLight from '@/images/clients/phobia/logo-light.svg'
@ -21,11 +22,13 @@ import logoUnseal from '@/images/clients/unseal/logo-light.svg'
import imageLaptop from '@/images/laptop.jpg'
import { type CaseStudy, type MDXEntry, loadCaseStudies } from '@/lib/mdx'
import { RootLayout } from '@/components/RootLayout'
import Problem from '@/components/Problem'
const clients = [
['Montessori Global', logoMontessori],
['Phobia', logoPhobiaLight],
['Family Fund', logoFamilyFund],
['Unseal', logoUnseal],
['Family Fund', logoFamilyFund],
['Mail Smirk', logoMailSmirk],
['Home Work', logoHomeWork],
['Green Life', logoGreenLife],
@ -35,11 +38,12 @@ const clients = [
function Clients() {
return (
<div className="mt-24 rounded-4xl bg-neutral-950 py-20 sm:mt-32 sm:py-32 lg:mt-56">
<div className="mt-24 rounded-4xl bg-neutral-950 py-20 lg:mt-32 lg:py-32">
<Container>
<FadeIn className="flex items-center gap-x-8">
<h2 className="text-center font-display text-sm font-semibold tracking-wider text-white sm:text-left">
Weve worked with hundreds of amazing people
The chosen engagement platform of some of the most trusted world-changing
organizations
</h2>
<div className="h-px flex-auto bg-neutral-800" />
</FadeIn>
@ -70,17 +74,16 @@ function CaseStudies({
return (
<>
<SectionIntro
title="Harnessing technology for a brighter future"
className="mt-24 sm:mt-32 lg:mt-40"
title="The Platform Built for Purpose-Driven Organizations"
eyebrow="Case studies"
className="mt-24"
>
<p>
We believe technology is the answer to the worlds greatest
challenges. Its also the cause, so we find ourselves in bit of a
catch 22 situation.
<span className='font-semibold'>Engage OS</span> is the first plug-and-play engagement infrastructure built for civil society. From Red Cross OS to Montessori OS, any org can launch their own digital headquartersno tech team needed.
</p>
</SectionIntro>
<Container className="mt-16">
<FadeInStagger className="grid grid-cols-1 gap-8 lg:grid-cols-3">
<FadeInStagger className="grid grid-cols-1 gap-4 lg:grid-cols-4">
{caseStudies.map((caseStudy) => (
<FadeIn key={caseStudy.href} className="flex">
<article className="relative flex w-full flex-col rounded-3xl p-6 ring-1 ring-neutral-950/5 transition hover:bg-neutral-50 sm:p-8">
@ -107,7 +110,7 @@ function CaseStudies({
</span>
<span>Case study</span>
</p>
<p className="mt-6 font-display text-2xl font-semibold text-neutral-950">
<p className="mt-6 font-display text-xl font-semibold text-neutral-950">
{caseStudy.title}
</p>
<p className="mt-4 text-base text-neutral-600">
@ -131,8 +134,7 @@ function Services() {
className="mt-24 sm:mt-32 lg:mt-40"
>
<p>
As long as those opportunities involve giving us money to re-purpose
old projects we can come up with an endless number of those.
<span className='font-semibold'>Engage OS</span> is the first plug-and-play engagement infrastructure built for civil society. From Red Cross OS to Montessori OS, any org can launch their own digital headquartersno tech team needed.
</p>
</SectionIntro>
<Container className="mt-16">
@ -179,25 +181,28 @@ export const metadata: Metadata = {
}
export default async function Home() {
let caseStudies = (await loadCaseStudies()).slice(0, 3)
let caseStudies = (await loadCaseStudies()).slice(0, 4)
return (
<RootLayout>
<Container className="mt-24 sm:mt-32 md:mt-56">
<FadeIn className="max-w-3xl">
<Container className="mt-24">
<FadeIn className="max-w-2xl">
<h1 className="font-display text-5xl font-medium tracking-tight text-balance text-neutral-950 sm:text-7xl">
Award-winning development studio based in Denmark.
Empowering Purpose-Driven Organizations
</h1>
<p className="mt-6 text-xl text-neutral-600">
We are a development studio working at the intersection of design
and technology. Its a really busy intersection though a lot of
our staff have been involved in hit and runs.
Welcome to <span className='font-semibold'>Engage OS</span>: the first all-in-one, white-label engagement platform to mobilize communities, engage supporters, scale impact, and fundraiseat a fraction of the cost.
</p>
<div className="mt-8 flex items-center gap-x-4">
<button className="inline-flex items-center gap-x-2 rounded-full bg-neutral-950 px-4 py-2 text-sm font-semibold text-white hover:bg-neutral-800 focus:outline-none focus:ring-2 focus:ring-neutral-950 focus:ring-offset-2"> <Link href="/contact">Get in touch</Link></button>
<a href="/about" className="underline hover:text-neutral-700">Book a demo</a>
</div>
</FadeIn>
</Container>
<Clients />
<Problem />
<CaseStudies caseStudies={caseStudies} />
<Testimonial

Binary file not shown.

After

Width:  |  Height:  |  Size: 632 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 314 KiB

View File

@ -0,0 +1,57 @@
import logo from '@/images/montessori/logomark-dark.svg'
import imageHero from './hero.jpg'
import imageTestimonial from './emily-selman.jpg'
export const caseStudy = {
client: 'Montessori Global',
title: 'Scaling Alternative Education with Montessori OS',
description:
'Montessori Global used Engage OS to launch a white-labeled learning and engagement platform that now powers training in 7 countries.',
summary: [
'Montessori OS helps educators access tailored training, publish learning journeys, and track learner growth through a purpose-built, no-code platform.',
'By using Engage OS, Montessori Global was able to unify their global network digitally—without needing an internal tech team.',
],
logo,
image: { src: imageHero },
date: '2025-05',
service: 'White-label platform deployment',
testimonial: {
author: { name: 'Lucia Prado', role: 'Program Director, Montessori Global' },
content:
'Engage OS helped us digitize our pedagogy without losing our values. We finally have a platform that reflects who we are and what we do—globally.',
},
}
export const metadata = {
title: `${caseStudy.client} Case Study`,
description: caseStudy.description,
}
## Overview
Montessori Global supports a worldwide community of alternative educators. But despite their pedagogical influence, they struggled with fragmented tooling and inconsistent training delivery. Educators lacked a unified space to learn, share, and track impact.
With Engage OS, they launched **Montessori OS**: a white-labeled, multilingual learning platform that now powers professional development, student tracking, and resource sharing—all under their own brand.
## What we did
<TagList>
<TagListItem>White-label deployment</TagListItem>
<TagListItem>Training journey builder</TagListItem>
<TagListItem>AI-assisted learning</TagListItem>
<TagListItem>Impact dashboards</TagListItem>
</TagList>
<Blockquote
author={{ name: 'Lucia Prado', role: 'Program Director, Montessori Global' }}
image={{ src: imageTestimonial }}
>
Engage OS helped us digitize our pedagogy without losing our values. We finally have a platform that reflects who we are and what we do—globally.
</Blockquote>
<StatList>
<StatListItem value="7" label="Countries deployed" />
<StatListItem value="+240%" label="Engagement increase" />
<StatListItem value="30 days" label="Time to launch" />
<StatListItem value="120+" label="Educator journeys hosted" />
</StatList>

View File

@ -20,6 +20,7 @@ import { GridPattern } from '@/components/GridPattern'
import { Logo, Logomark } from '@/components/Logo'
import { Offices } from '@/components/Offices'
import { SocialMedia } from '@/components/SocialMedia'
import { Problem } from '@/components/Problem'
const RootLayoutContext = createContext<{
logoHovered: boolean
@ -70,12 +71,12 @@ function Header({
onMouseLeave={() => setLogoHovered(false)}
>
<Logomark
className="h-10 sm:hidden"
className="h-12 sm:hidden"
invert={invert}
filled={logoHovered}
/>
<Logo
className="hidden h-10 sm:block"
className="hidden h-12 sm:block"
invert={invert}
filled={logoHovered}
/>

View File

@ -0,0 +1,9 @@
<svg width="184" height="36" viewBox="0 0 184 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 20C1 26.6274 6.37258 32 13 32H29V4H1V20Z" fill="#0A0A0A" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M11.5 10.5V21.5L22.5 21.5V25.5H11.5C9.29086 25.5 7.5 23.7091 7.5 21.5V10.5H11.5ZM22.5 10.5H18.5V15.5C18.5 16.6046 19.3954 17.5 20.5 17.5C21.6046 17.5 22.5 16.6046 22.5 15.5V10.5Z"
fill="white" />
<path
d="M43.5791 10.252H46.7588V18.7812C46.7588 20.1348 46.7982 21.012 46.877 21.4131C47.013 22.0576 47.3353 22.5768 47.8438 22.9707C48.3594 23.3574 49.0612 23.5508 49.9492 23.5508C50.8516 23.5508 51.5319 23.3682 51.9902 23.0029C52.4486 22.6305 52.7243 22.1758 52.8174 21.6387C52.9105 21.1016 52.957 20.21 52.957 18.9639V10.252H56.1367V18.5234C56.1367 20.4141 56.0508 21.7497 55.8789 22.5303C55.707 23.3109 55.3883 23.9697 54.9229 24.5068C54.4645 25.0439 53.8486 25.4736 53.0752 25.7959C52.3018 26.111 51.292 26.2686 50.0459 26.2686C48.542 26.2686 47.3997 26.0967 46.6191 25.7529C45.8457 25.402 45.2334 24.9508 44.7822 24.3994C44.3311 23.8408 44.0339 23.2572 43.8906 22.6484C43.6829 21.7461 43.5791 20.4141 43.5791 18.6523V10.252ZM69.1945 26H66.1759V20.1777C66.1759 18.946 66.1115 18.151 65.9826 17.793C65.8537 17.4277 65.6424 17.1449 65.3488 16.9443C65.0623 16.7438 64.715 16.6436 64.3068 16.6436C63.784 16.6436 63.3149 16.7868 62.8996 17.0732C62.4842 17.3597 62.1977 17.7393 62.0402 18.2119C61.8898 18.6846 61.8146 19.5583 61.8146 20.833V26H58.7961V14.5918H61.5998V16.2676C62.5952 14.9785 63.8485 14.334 65.3595 14.334C66.0255 14.334 66.6343 14.4557 67.1857 14.6992C67.7371 14.9355 68.1525 15.2399 68.4318 15.6123C68.7183 15.9847 68.9152 16.4072 69.0226 16.8799C69.1372 17.3525 69.1945 18.0293 69.1945 18.9102V26ZM70.5433 22.7451L73.5726 22.2832C73.7015 22.8704 73.9629 23.318 74.3568 23.626C74.7506 23.9268 75.3021 24.0771 76.0111 24.0771C76.7917 24.0771 77.3789 23.9339 77.7728 23.6475C78.0377 23.4469 78.1702 23.1784 78.1702 22.8418C78.1702 22.6126 78.0986 22.4229 77.9554 22.2725C77.805 22.1292 77.4684 21.9967 76.9456 21.875C74.5107 21.3379 72.9674 20.8473 72.3157 20.4033C71.4134 19.7874 70.9622 18.9316 70.9622 17.8359C70.9622 16.8477 71.3525 16.0169 72.1331 15.3438C72.9137 14.6706 74.124 14.334 75.764 14.334C77.3252 14.334 78.4853 14.5882 79.2445 15.0967C80.0036 15.6051 80.5264 16.3571 80.8128 17.3525L77.9661 17.8789C77.8444 17.4349 77.6116 17.0947 77.2679 16.8584C76.9313 16.6221 76.4479 16.5039 75.8177 16.5039C75.0228 16.5039 74.4534 16.6149 74.1097 16.8369C73.8805 16.9945 73.7659 17.1986 73.7659 17.4492C73.7659 17.6641 73.8662 17.8467 74.0667 17.9971C74.3389 18.1976 75.277 18.4805 76.8812 18.8457C78.4925 19.2109 79.6168 19.6585 80.2542 20.1885C80.8844 20.7256 81.1995 21.474 81.1995 22.4336C81.1995 23.4792 80.7627 24.3779 79.889 25.1299C79.0153 25.8818 77.7226 26.2578 76.0111 26.2578C74.457 26.2578 73.2252 25.9427 72.3157 25.3125C71.4134 24.6823 70.8226 23.8265 70.5433 22.7451ZM89.7993 22.3691L92.8071 22.874C92.4204 23.9769 91.8081 24.8184 90.9702 25.3984C90.1395 25.9714 89.0975 26.2578 87.8442 26.2578C85.8605 26.2578 84.3924 25.6097 83.4399 24.3135C82.688 23.2751 82.312 21.9645 82.312 20.3818C82.312 18.4912 82.8061 17.0124 83.7944 15.9453C84.7827 14.8711 86.0324 14.334 87.5434 14.334C89.2407 14.334 90.5799 14.8962 91.561 16.0205C92.5421 17.1377 93.0112 18.8529 92.9682 21.166H85.4057C85.4272 22.0612 85.6707 22.7594 86.1362 23.2607C86.6017 23.7549 87.1818 24.002 87.8764 24.002C88.3491 24.002 88.7466 23.873 89.0688 23.6152C89.3911 23.3574 89.6346 22.9421 89.7993 22.3691ZM89.9712 19.3184C89.9497 18.4447 89.7241 17.7822 89.2944 17.3311C88.8647 16.8727 88.3419 16.6436 87.7261 16.6436C87.0672 16.6436 86.5229 16.8835 86.0932 17.3633C85.6636 17.8431 85.4523 18.4948 85.4595 19.3184H89.9712ZM97.0348 18.0723L94.2955 17.5781C94.6035 16.4753 95.1334 15.6589 95.8854 15.1289C96.6373 14.599 97.7545 14.334 99.237 14.334C100.583 14.334 101.586 14.4951 102.245 14.8174C102.904 15.1325 103.366 15.5371 103.631 16.0312C103.903 16.5182 104.039 17.417 104.039 18.7275L104.006 22.251C104.006 23.2536 104.053 23.9948 104.146 24.4746C104.246 24.9473 104.429 25.4557 104.694 26H101.708C101.629 25.7995 101.532 25.5023 101.418 25.1084C101.367 24.9294 101.332 24.8112 101.31 24.7539C100.795 25.2552 100.243 25.6312 99.6559 25.8818C99.0687 26.1325 98.442 26.2578 97.776 26.2578C96.6015 26.2578 95.6741 25.9391 94.9938 25.3018C94.3206 24.6644 93.984 23.8587 93.984 22.8848C93.984 22.2402 94.138 21.6673 94.4459 21.166C94.7539 20.6576 95.1836 20.2708 95.735 20.0059C96.2936 19.7337 97.0957 19.4974 98.1413 19.2969C99.5521 19.0319 100.53 18.7848 101.074 18.5557V18.2549C101.074 17.6748 100.931 17.263 100.644 17.0195C100.358 16.7689 99.817 16.6436 99.0221 16.6436C98.485 16.6436 98.0661 16.751 97.7653 16.9658C97.4645 17.1735 97.221 17.5423 97.0348 18.0723ZM101.074 20.5215C100.687 20.6504 100.075 20.8044 99.237 20.9834C98.3991 21.1624 97.8512 21.3379 97.5934 21.5098C97.1995 21.7891 97.0026 22.1436 97.0026 22.5732C97.0026 22.9958 97.1601 23.361 97.4752 23.6689C97.7903 23.9769 98.1914 24.1309 98.6784 24.1309C99.2226 24.1309 99.7418 23.9518 100.236 23.5938C100.601 23.3216 100.841 22.9886 100.956 22.5947C101.034 22.3369 101.074 21.8464 101.074 21.123V20.5215ZM106.365 26V10.252H109.384V26H106.365Z"
fill="#0A0A0A" />
</svg>

After

Width:  |  Height:  |  Size: 5.2 KiB

View File

@ -0,0 +1,9 @@
<svg width="184" height="36" viewBox="0 0 184 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 20C1 26.6274 6.37258 32 13 32H29V4H1V20Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M11.5 10.5V21.5L22.5 21.5V25.5H11.5C9.29086 25.5 7.5 23.7091 7.5 21.5V10.5H11.5ZM22.5 10.5H18.5V15.5C18.5 16.6046 19.3954 17.5 20.5 17.5C21.6046 17.5 22.5 16.6046 22.5 15.5V10.5Z"
fill="#0A0A0A" />
<path
d="M43.5791 10.252H46.7588V18.7812C46.7588 20.1348 46.7982 21.012 46.877 21.4131C47.013 22.0576 47.3353 22.5768 47.8438 22.9707C48.3594 23.3574 49.0612 23.5508 49.9492 23.5508C50.8516 23.5508 51.5319 23.3682 51.9902 23.0029C52.4486 22.6305 52.7243 22.1758 52.8174 21.6387C52.9105 21.1016 52.957 20.21 52.957 18.9639V10.252H56.1367V18.5234C56.1367 20.4141 56.0508 21.7497 55.8789 22.5303C55.707 23.3109 55.3883 23.9697 54.9229 24.5068C54.4645 25.0439 53.8486 25.4736 53.0752 25.7959C52.3018 26.111 51.292 26.2686 50.0459 26.2686C48.542 26.2686 47.3997 26.0967 46.6191 25.7529C45.8457 25.402 45.2334 24.9508 44.7822 24.3994C44.3311 23.8408 44.0339 23.2572 43.8906 22.6484C43.6829 21.7461 43.5791 20.4141 43.5791 18.6523V10.252ZM69.1945 26H66.1759V20.1777C66.1759 18.946 66.1115 18.151 65.9826 17.793C65.8537 17.4277 65.6424 17.1449 65.3488 16.9443C65.0623 16.7438 64.715 16.6436 64.3068 16.6436C63.784 16.6436 63.3149 16.7868 62.8996 17.0732C62.4842 17.3597 62.1977 17.7393 62.0402 18.2119C61.8898 18.6846 61.8146 19.5583 61.8146 20.833V26H58.7961V14.5918H61.5998V16.2676C62.5952 14.9785 63.8485 14.334 65.3595 14.334C66.0255 14.334 66.6343 14.4557 67.1857 14.6992C67.7371 14.9355 68.1525 15.2399 68.4318 15.6123C68.7183 15.9847 68.9152 16.4072 69.0226 16.8799C69.1372 17.3525 69.1945 18.0293 69.1945 18.9102V26ZM70.5433 22.7451L73.5726 22.2832C73.7015 22.8704 73.9629 23.318 74.3568 23.626C74.7506 23.9268 75.3021 24.0771 76.0111 24.0771C76.7917 24.0771 77.3789 23.9339 77.7728 23.6475C78.0377 23.4469 78.1702 23.1784 78.1702 22.8418C78.1702 22.6126 78.0986 22.4229 77.9554 22.2725C77.805 22.1292 77.4684 21.9967 76.9456 21.875C74.5107 21.3379 72.9674 20.8473 72.3157 20.4033C71.4134 19.7874 70.9622 18.9316 70.9622 17.8359C70.9622 16.8477 71.3525 16.0169 72.1331 15.3438C72.9137 14.6706 74.124 14.334 75.764 14.334C77.3252 14.334 78.4853 14.5882 79.2445 15.0967C80.0036 15.6051 80.5264 16.3571 80.8128 17.3525L77.9661 17.8789C77.8444 17.4349 77.6116 17.0947 77.2679 16.8584C76.9313 16.6221 76.4479 16.5039 75.8177 16.5039C75.0228 16.5039 74.4534 16.6149 74.1097 16.8369C73.8805 16.9945 73.7659 17.1986 73.7659 17.4492C73.7659 17.6641 73.8662 17.8467 74.0667 17.9971C74.3389 18.1976 75.277 18.4805 76.8812 18.8457C78.4925 19.2109 79.6168 19.6585 80.2542 20.1885C80.8844 20.7256 81.1995 21.474 81.1995 22.4336C81.1995 23.4792 80.7627 24.3779 79.889 25.1299C79.0153 25.8818 77.7226 26.2578 76.0111 26.2578C74.457 26.2578 73.2252 25.9427 72.3157 25.3125C71.4134 24.6823 70.8226 23.8265 70.5433 22.7451ZM89.7993 22.3691L92.8071 22.874C92.4204 23.9769 91.8081 24.8184 90.9702 25.3984C90.1395 25.9714 89.0975 26.2578 87.8442 26.2578C85.8605 26.2578 84.3924 25.6097 83.4399 24.3135C82.688 23.2751 82.312 21.9645 82.312 20.3818C82.312 18.4912 82.8061 17.0124 83.7944 15.9453C84.7827 14.8711 86.0324 14.334 87.5434 14.334C89.2407 14.334 90.5799 14.8962 91.561 16.0205C92.5421 17.1377 93.0112 18.8529 92.9682 21.166H85.4057C85.4272 22.0612 85.6707 22.7594 86.1362 23.2607C86.6017 23.7549 87.1818 24.002 87.8764 24.002C88.3491 24.002 88.7466 23.873 89.0688 23.6152C89.3911 23.3574 89.6346 22.9421 89.7993 22.3691ZM89.9712 19.3184C89.9497 18.4447 89.7241 17.7822 89.2944 17.3311C88.8647 16.8727 88.3419 16.6436 87.7261 16.6436C87.0672 16.6436 86.5229 16.8835 86.0932 17.3633C85.6636 17.8431 85.4523 18.4948 85.4595 19.3184H89.9712ZM97.0348 18.0723L94.2955 17.5781C94.6035 16.4753 95.1334 15.6589 95.8854 15.1289C96.6373 14.599 97.7545 14.334 99.237 14.334C100.583 14.334 101.586 14.4951 102.245 14.8174C102.904 15.1325 103.366 15.5371 103.631 16.0312C103.903 16.5182 104.039 17.417 104.039 18.7275L104.006 22.251C104.006 23.2536 104.053 23.9948 104.146 24.4746C104.246 24.9473 104.429 25.4557 104.694 26H101.708C101.629 25.7995 101.532 25.5023 101.418 25.1084C101.367 24.9294 101.332 24.8112 101.31 24.7539C100.795 25.2552 100.243 25.6312 99.6559 25.8818C99.0687 26.1325 98.442 26.2578 97.776 26.2578C96.6015 26.2578 95.6741 25.9391 94.9938 25.3018C94.3206 24.6644 93.984 23.8587 93.984 22.8848C93.984 22.2402 94.138 21.6673 94.4459 21.166C94.7539 20.6576 95.1836 20.2708 95.735 20.0059C96.2936 19.7337 97.0957 19.4974 98.1413 19.2969C99.5521 19.0319 100.53 18.7848 101.074 18.5557V18.2549C101.074 17.6748 100.931 17.263 100.644 17.0195C100.358 16.7689 99.817 16.6436 99.0221 16.6436C98.485 16.6436 98.0661 16.751 97.7653 16.9658C97.4645 17.1735 97.221 17.5423 97.0348 18.0723ZM101.074 20.5215C100.687 20.6504 100.075 20.8044 99.237 20.9834C98.3991 21.1624 97.8512 21.3379 97.5934 21.5098C97.1995 21.7891 97.0026 22.1436 97.0026 22.5732C97.0026 22.9958 97.1601 23.361 97.4752 23.6689C97.7903 23.9769 98.1914 24.1309 98.6784 24.1309C99.2226 24.1309 99.7418 23.9518 100.236 23.5938C100.601 23.3216 100.841 22.9886 100.956 22.5947C101.034 22.3369 101.074 21.8464 101.074 21.123V20.5215ZM106.365 26V10.252H109.384V26H106.365Z"
fill="white" />
</svg>

After

Width:  |  Height:  |  Size: 5.2 KiB

View File

@ -0,0 +1,6 @@
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 20C1 26.6274 6.37258 32 13 32H29V4H1V20Z" fill="#0A0A0A" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M11.5 10.5V21.5L22.5 21.5V25.5H11.5C9.29086 25.5 7.5 23.7091 7.5 21.5V10.5H11.5ZM22.5 10.5H18.5V15.5C18.5 16.6046 19.3954 17.5 20.5 17.5C21.6046 17.5 22.5 16.6046 22.5 15.5V10.5Z"
fill="white" />
</svg>

After

Width:  |  Height:  |  Size: 432 B

View File

@ -0,0 +1,6 @@
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 20C1 26.6274 6.37258 32 13 32H29V4H1V20Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M11.5 10.5V21.5L22.5 21.5V25.5H11.5C9.29086 25.5 7.5 23.7091 7.5 21.5V10.5H11.5ZM22.5 10.5H18.5V15.5C18.5 16.6046 19.3954 17.5 20.5 17.5C21.6046 17.5 22.5 16.6046 22.5 15.5V10.5Z"
fill="#0A0A0A" />
</svg>

After

Width:  |  Height:  |  Size: 432 B