Isometric Brands
A field of 120 parallelogram brand marks in seven diagonal lanes, drifting in alternating directions on a pure CSS loop.
This is the product's thesis rendered as motion: 300 Egyptian brand sites in one place. Two logo components that were defined but never rendered are dropped, which accounts for most of the source file's original length. The reduced-motion rule is an addition rather than a lift.
Features
- Odd lanes drift down and right while even lanes drift up and left, so the field reads as counter-rotating rather than as a marquee.
- The motion is two keyframe rules and a custom property ladder, with no animation loop, no ref and no requestAnimationFrame anywhere in the component.
- All eleven marks are inline SVG, so the entire field costs zero network requests and every mark stays recolourable in CSS.
- The three outermost lanes drop out on a narrow screen rather than being clipped, and the whole field freezes under prefers-reduced-motion.
Usage
import { IsometricBrands } from "@/components/showcase/isometric-brands/isometric-brands";
<IsometricBrands />Source
The files this component is made of, as they run above. Copy them in, or take the whole page as markdown from the toolbar.
isometric-brands.tsx
import {
FoolsLogo,
JuvenileLogo,
KijaqoLogo,
KongaLogo,
LeonLogo,
LockenLogo,
OrgandyLogo,
PpantherLogo,
PsychLogo,
QuwaLogo,
RakinLogo,
} from "./brand-logos";
import "./isometric-brands.css";
/* An isometric field of brand marks, lifted from the Univyr marketplace home
page. Seven lanes of parallelogram logos slide along a 30 degree diagonal,
odd lanes down-right and even lanes up-left, so the field reads as a slow
counter-rotating drift rather than a marquee.
There is no JS animation loop and no ref. The whole thing is one 15s CSS
`@keyframes` per direction plus a ladder of `--logo-offset` values, one
rung per position in a lane. See isometric-brands.css for how that works.
The lane and index classes are written out by hand rather than mapped over
an array because the *sequence* of marks in each lane is authored, not
generated: which logo lands next to which is a composition decision.
No "use client" and no state, so this renders as a server component.
The field is purely decorative, so the root carries aria-hidden. */
export function IsometricBrands() {
return (
<div className="isometric-brands" aria-hidden="true">
<JuvenileLogo className={"first-logo first-logo-1"} />
<LeonLogo className={"first-logo first-logo-2"} />
<PsychLogo className={"first-logo first-logo-3"} />
<PpantherLogo className={"first-logo first-logo-4"} />
<JuvenileLogo className={"first-logo first-logo-5"} />
<JuvenileLogo className={"first-logo first-logo-6"} />
<LeonLogo className={"first-logo first-logo-7"} />
<PsychLogo className={"first-logo first-logo-8"} />
<PpantherLogo className={"first-logo first-logo-9"} />
<JuvenileLogo className={"first-logo first-logo-10"} />
<JuvenileLogo className={"second-logo second-logo-1"} />
<LeonLogo className={"second-logo second-logo-2"} />
<PsychLogo className={"second-logo second-logo-3"} />
<PpantherLogo className={"second-logo second-logo-4"} />
<JuvenileLogo className={"second-logo second-logo-5"} />
<JuvenileLogo className={"second-logo second-logo-6"} />
<LeonLogo className={"second-logo second-logo-7"} />
<PsychLogo className={"second-logo second-logo-8"} />
<PpantherLogo className={"second-logo second-logo-9"} />
<JuvenileLogo className={"second-logo second-logo-10"} />
<JuvenileLogo className={"second-logo second-logo-11"} />
<LeonLogo className={"second-logo second-logo-12"} />
<PsychLogo className={"second-logo second-logo-13"} />
<PpantherLogo className={"second-logo second-logo-14"} />
<JuvenileLogo className={"second-logo second-logo-15"} />
<JuvenileLogo className={"second-logo second-logo-16"} />
<LeonLogo className={"second-logo second-logo-17"} />
<PsychLogo className={"second-logo second-logo-18"} />
<PpantherLogo className={"second-logo second-logo-19"} />
<JuvenileLogo className={"second-logo second-logo-20"} />
<KongaLogo className={"third-logo third-logo-1"} />
<OrgandyLogo className={"third-logo third-logo-2"} />
<FoolsLogo className={"third-logo third-logo-3"} />
<RakinLogo className={"third-logo third-logo-4"} />
<PpantherLogo className={"third-logo third-logo-5"} />
<KongaLogo className={"third-logo third-logo-6"} />
<OrgandyLogo className={"third-logo third-logo-7"} />
<FoolsLogo className={"third-logo third-logo-8"} />
<RakinLogo className={"third-logo third-logo-9"} />
<PpantherLogo className={"third-logo third-logo-10"} />
<KongaLogo className={"third-logo third-logo-11"} />
<OrgandyLogo className={"third-logo third-logo-12"} />
<FoolsLogo className={"third-logo third-logo-13"} />
<RakinLogo className={"third-logo third-logo-14"} />
<PpantherLogo className={"third-logo third-logo-15"} />
<KongaLogo className={"third-logo third-logo-16"} />
<OrgandyLogo className={"third-logo third-logo-17"} />
<FoolsLogo className={"third-logo third-logo-18"} />
<RakinLogo className={"third-logo third-logo-19"} />
<PpantherLogo className={"third-logo third-logo-20"} />
<KijaqoLogo className={"fourth-logo fourth-logo-1"} />
<LockenLogo className={"fourth-logo fourth-logo-2"} />
<QuwaLogo className={"fourth-logo fourth-logo-3"} />
<PpantherLogo className={"fourth-logo fourth-logo-4"} />
<PpantherLogo className={"fourth-logo fourth-logo-5"} />
<KijaqoLogo className={"fourth-logo fourth-logo-6"} />
<LockenLogo className={"fourth-logo fourth-logo-7"} />
<QuwaLogo className={"fourth-logo fourth-logo-8"} />
<PpantherLogo className={"fourth-logo fourth-logo-9"} />
<PpantherLogo className={"fourth-logo fourth-logo-10"} />
<KijaqoLogo className={"fourth-logo fourth-logo-11"} />
<LockenLogo className={"fourth-logo fourth-logo-12"} />
<QuwaLogo className={"fourth-logo fourth-logo-13"} />
<PpantherLogo className={"fourth-logo fourth-logo-14"} />
<PpantherLogo className={"fourth-logo fourth-logo-15"} />
<KijaqoLogo className={"fourth-logo fourth-logo-16"} />
<LockenLogo className={"fourth-logo fourth-logo-17"} />
<QuwaLogo className={"fourth-logo fourth-logo-18"} />
<PpantherLogo className={"fourth-logo fourth-logo-19"} />
<PpantherLogo className={"fourth-logo fourth-logo-20"} />
<KijaqoLogo className={"fifth-logo fifth-logo-1"} />
<LockenLogo className={"fifth-logo fifth-logo-2"} />
<QuwaLogo className={"fifth-logo fifth-logo-3"} />
<PpantherLogo className={"fifth-logo fifth-logo-4"} />
<PpantherLogo className={"fifth-logo fifth-logo-5"} />
<KijaqoLogo className={"fifth-logo fifth-logo-6"} />
<LockenLogo className={"fifth-logo fifth-logo-7"} />
<QuwaLogo className={"fifth-logo fifth-logo-8"} />
<PpantherLogo className={"fifth-logo fifth-logo-9"} />
<PpantherLogo className={"fifth-logo fifth-logo-10"} />
<KijaqoLogo className={"fifth-logo fifth-logo-11"} />
<LockenLogo className={"fifth-logo fifth-logo-12"} />
<QuwaLogo className={"fifth-logo fifth-logo-13"} />
<PpantherLogo className={"fifth-logo fifth-logo-14"} />
<PpantherLogo className={"fifth-logo fifth-logo-15"} />
<KijaqoLogo className={"fifth-logo fifth-logo-16"} />
<LockenLogo className={"fifth-logo fifth-logo-17"} />
<QuwaLogo className={"fifth-logo fifth-logo-18"} />
<PpantherLogo className={"fifth-logo fifth-logo-19"} />
<PpantherLogo className={"fifth-logo fifth-logo-20"} />
<KijaqoLogo className={"sixth-logo sixth-logo-1"} />
<LockenLogo className={"sixth-logo sixth-logo-2"} />
<QuwaLogo className={"sixth-logo sixth-logo-3"} />
<PpantherLogo className={"sixth-logo sixth-logo-4"} />
<PpantherLogo className={"sixth-logo sixth-logo-5"} />
<KijaqoLogo className={"sixth-logo sixth-logo-6"} />
<LockenLogo className={"sixth-logo sixth-logo-7"} />
<QuwaLogo className={"sixth-logo sixth-logo-8"} />
<PpantherLogo className={"sixth-logo sixth-logo-9"} />
<PpantherLogo className={"sixth-logo sixth-logo-10"} />
<KijaqoLogo className={"sixth-logo sixth-logo-11"} />
<LockenLogo className={"sixth-logo sixth-logo-12"} />
<QuwaLogo className={"sixth-logo sixth-logo-13"} />
<PpantherLogo className={"sixth-logo sixth-logo-14"} />
<PpantherLogo className={"sixth-logo sixth-logo-15"} />
<KijaqoLogo className={"sixth-logo sixth-logo-16"} />
<LockenLogo className={"sixth-logo sixth-logo-17"} />
<QuwaLogo className={"sixth-logo sixth-logo-18"} />
<PpantherLogo className={"sixth-logo sixth-logo-19"} />
<PpantherLogo className={"sixth-logo sixth-logo-20"} />
<KijaqoLogo className={"seventh-logo seventh-logo-1"} />
<LockenLogo className={"seventh-logo seventh-logo-2"} />
<QuwaLogo className={"seventh-logo seventh-logo-3"} />
<PpantherLogo className={"seventh-logo seventh-logo-4"} />
<PpantherLogo className={"seventh-logo seventh-logo-5"} />
<KijaqoLogo className={"seventh-logo seventh-logo-6"} />
<LockenLogo className={"seventh-logo seventh-logo-7"} />
<QuwaLogo className={"seventh-logo seventh-logo-8"} />
<PpantherLogo className={"seventh-logo seventh-logo-9"} />
<PpantherLogo className={"seventh-logo seventh-logo-10"} />
</div>
);
}isometric-brands.css
/* Lifted from the Univyr marketplace home page.
Every selector is scoped under `.isometric-brands` so the very generic lane
names (`.first-logo`, `.second-logo`) cannot leak into, or be overridden by,
the host page. In the source app these lived in a global stylesheet.
Colour note: the source read `--clr-yellow` from the app's globals.css. The
portfolio does not define that token, so the value is carried literally here
and scoped to the component. */
.isometric-brands {
position: relative;
overflow: hidden;
background-color: #f7f1d2;
/* In the source the field got its height from a sibling column in a 2-up
grid, so the wrapper only ever needed a floor. This showcase copy renders
on its own, so the floor has to be tall enough to actually show the lanes,
whose tops span roughly -420px to 796px. */
min-height: 32rem;
}
/* ── The custom property ladder ──────────────────────────────────────────
This is the whole trick, and it is why there is no JS here at all.
Each lane is one `@keyframes` rule that translates from `--logo-offset` to
`--logo-offset + 300px` along the isometric axis (x, x * 0.5897 ≈ a 30°
rise). Every logo in the lane runs that same 15s animation, on the same
clock, with no per-element delay.
What separates them is a second class, `.first-logo-N`, whose only job is
to declare a different `--logo-offset`: 0px, 60px, 120px and so on, a rung
every 60px. Because the keyframes are written in terms of the variable
rather than in terms of literal pixels, each element resolves the *same*
animation into a different 300px slice of the diagonal. Ten logos at 60px
apart cover 600px, and the 300px travel is exactly half of that, so by the
time one logo has walked into its neighbour's starting spot the loop
restarts and the row reads as continuous.
Changing the spacing is a one-line edit to the ladder. Nothing about the
animation itself has to know how many logos there are. */
.isometric-brands .first-logo,
.isometric-brands .third-logo,
.isometric-brands .fifth-logo,
.isometric-brands .seventh-logo {
animation-fill-mode: forwards;
position: absolute;
animation: isometric-brands-translate-down linear 15s infinite;
transform: translate(calc(var(--logo-offset)), calc(var(--logo-offset) * 0.5897435897));
}
.isometric-brands .first-logo {
top: 140px;
left: -444px;
}
.isometric-brands .third-logo {
top: -16rem;
left: -682px;
}
.isometric-brands .fifth-logo {
top: -420px;
left: -525px;
}
.isometric-brands .seventh-logo {
top: -323px;
left: 73px;
}
.isometric-brands .second-logo,
.isometric-brands .fourth-logo,
.isometric-brands .sixth-logo {
animation-fill-mode: forwards;
position: absolute;
animation: isometric-brands-translate-up linear 15s infinite;
transform: translate(calc(-1 * var(--logo-offset)), calc(-1 * var(--logo-offset) * 0.5897435897));
}
.isometric-brands .second-logo {
top: 796px;
left: 884px;
}
.isometric-brands .fourth-logo {
top: 640px;
left: 1056px;
}
.isometric-brands .sixth-logo {
top: 390px;
left: 1066px;
}
.isometric-brands .first-logo-1,
.isometric-brands .second-logo-1,
.isometric-brands .third-logo-1,
.isometric-brands .fourth-logo-1,
.isometric-brands .fifth-logo-1,
.isometric-brands .sixth-logo-1,
.isometric-brands .seventh-logo-1 {
--logo-offset: 0px;
}
.isometric-brands .first-logo-2,
.isometric-brands .second-logo-2,
.isometric-brands .third-logo-2,
.isometric-brands .fourth-logo-2,
.isometric-brands .fifth-logo-2,
.isometric-brands .sixth-logo-2,
.isometric-brands .seventh-logo-2 {
--logo-offset: 60px;
}
.isometric-brands .first-logo-3,
.isometric-brands .second-logo-3,
.isometric-brands .third-logo-3,
.isometric-brands .fourth-logo-3,
.isometric-brands .fifth-logo-3,
.isometric-brands .sixth-logo-3,
.isometric-brands .seventh-logo-3 {
--logo-offset: 120px;
}
.isometric-brands .first-logo-4,
.isometric-brands .second-logo-4,
.isometric-brands .third-logo-4,
.isometric-brands .fourth-logo-4,
.isometric-brands .fifth-logo-4,
.isometric-brands .sixth-logo-4,
.isometric-brands .seventh-logo-4 {
--logo-offset: 180px;
}
.isometric-brands .first-logo-5,
.isometric-brands .second-logo-5,
.isometric-brands .third-logo-5,
.isometric-brands .fourth-logo-5,
.isometric-brands .fifth-logo-5,
.isometric-brands .sixth-logo-5,
.isometric-brands .seventh-logo-5 {
--logo-offset: 240px;
}
.isometric-brands .first-logo-6,
.isometric-brands .second-logo-6,
.isometric-brands .third-logo-6,
.isometric-brands .fourth-logo-6,
.isometric-brands .fifth-logo-6,
.isometric-brands .sixth-logo-6,
.isometric-brands .seventh-logo-6 {
--logo-offset: 300px;
}
.isometric-brands .first-logo-7,
.isometric-brands .second-logo-7,
.isometric-brands .third-logo-7,
.isometric-brands .fourth-logo-7,
.isometric-brands .fifth-logo-7,
.isometric-brands .sixth-logo-7,
.isometric-brands .seventh-logo-7 {
--logo-offset: 360px;
}
.isometric-brands .first-logo-8,
.isometric-brands .second-logo-8,
.isometric-brands .third-logo-8,
.isometric-brands .fourth-logo-8,
.isometric-brands .fifth-logo-8,
.isometric-brands .sixth-logo-8,
.isometric-brands .seventh-logo-8 {
--logo-offset: 420px;
}
.isometric-brands .first-logo-9,
.isometric-brands .second-logo-9,
.isometric-brands .third-logo-9,
.isometric-brands .fourth-logo-9,
.isometric-brands .fifth-logo-9,
.isometric-brands .sixth-logo-9,
.isometric-brands .seventh-logo-9 {
--logo-offset: 480px;
}
.isometric-brands .first-logo-10,
.isometric-brands .second-logo-10,
.isometric-brands .third-logo-10,
.isometric-brands .fourth-logo-10,
.isometric-brands .fifth-logo-10,
.isometric-brands .sixth-logo-10,
.isometric-brands .seventh-logo-10 {
--logo-offset: 540px;
}
.isometric-brands .second-logo-11,
.isometric-brands .third-logo-11,
.isometric-brands .fourth-logo-11,
.isometric-brands .fifth-logo-11,
.isometric-brands .sixth-logo-11 {
--logo-offset: 600px;
}
.isometric-brands .second-logo-12,
.isometric-brands .third-logo-12,
.isometric-brands .fourth-logo-12,
.isometric-brands .fifth-logo-12,
.isometric-brands .sixth-logo-12 {
--logo-offset: 660px;
}
.isometric-brands .second-logo-13,
.isometric-brands .third-logo-13,
.isometric-brands .fourth-logo-13,
.isometric-brands .fifth-logo-13,
.isometric-brands .sixth-logo-13 {
--logo-offset: 720px;
}
.isometric-brands .second-logo-14,
.isometric-brands .third-logo-14,
.isometric-brands .fourth-logo-14,
.isometric-brands .fifth-logo-14,
.isometric-brands .sixth-logo-14 {
--logo-offset: 780px;
}
.isometric-brands .second-logo-15,
.isometric-brands .third-logo-15,
.isometric-brands .fourth-logo-15,
.isometric-brands .fifth-logo-15,
.isometric-brands .sixth-logo-15 {
--logo-offset: 840px;
}
.isometric-brands .second-logo-16,
.isometric-brands .third-logo-16,
.isometric-brands .fourth-logo-16,
.isometric-brands .fifth-logo-16,
.isometric-brands .sixth-logo-16 {
--logo-offset: 900px;
}
.isometric-brands .second-logo-17,
.isometric-brands .third-logo-17,
.isometric-brands .fourth-logo-17,
.isometric-brands .fifth-logo-17,
.isometric-brands .sixth-logo-17 {
--logo-offset: 960px;
}
.isometric-brands .second-logo-18,
.isometric-brands .third-logo-18,
.isometric-brands .fourth-logo-18,
.isometric-brands .fifth-logo-18,
.isometric-brands .sixth-logo-18 {
--logo-offset: 1020px;
}
.isometric-brands .second-logo-19,
.isometric-brands .third-logo-19,
.isometric-brands .fourth-logo-19,
.isometric-brands .fifth-logo-19,
.isometric-brands .sixth-logo-19 {
--logo-offset: 1080px;
}
.isometric-brands .second-logo-20,
.isometric-brands .third-logo-20,
.isometric-brands .fourth-logo-20,
.isometric-brands .fifth-logo-20,
.isometric-brands .sixth-logo-20 {
--logo-offset: 1140px;
}
@keyframes isometric-brands-translate-up {
0% {
transform: translate(
calc(-1 * var(--logo-offset)),
calc(-1 * var(--logo-offset) * 0.5897435897)
);
}
to {
transform: translate(
calc(-1 * (var(--logo-offset) + 300px)),
calc(-1 * (var(--logo-offset) + 300px) * 0.5897435897)
);
}
}
@keyframes isometric-brands-translate-down {
0% {
transform: translate(calc(var(--logo-offset)), calc(var(--logo-offset) * 0.5897435897));
}
to {
transform: translate(
calc((var(--logo-offset) + 300px)),
calc((var(--logo-offset) + 300px) * 0.5897435897)
);
}
}
/* Narrow viewports only have room for the middle band, so the three lanes
that run closest to the edges are dropped rather than clipped. */
@media (max-width: 550px) {
.isometric-brands .first-logo,
.isometric-brands .second-logo,
.isometric-brands .seventh-logo {
display: none;
}
}
/* Not in the source. The lanes are decorative, so an operating system that
has asked for less motion gets the composed still frame instead. */
@media (prefers-reduced-motion: reduce) {
.isometric-brands .first-logo,
.isometric-brands .second-logo,
.isometric-brands .third-logo,
.isometric-brands .fourth-logo,
.isometric-brands .fifth-logo,
.isometric-brands .sixth-logo,
.isometric-brands .seventh-logo {
animation: none;
}
}brand-logos.tsx
/* The eleven brand marks the isometric field is built from, lifted verbatim
from the Univyr marketplace. Each one is an inline SVG rather than an <img>
so the field costs a single request and the marks can be recoloured or
masked in CSS. Every mark is drawn as a parallelogram (a rect skewed by the
0.866 / 0.5 matrix) so that it already sits on the isometric plane and the
lane animation only ever has to translate, never rotate.
The brand names are fictional placeholders from the original design file.
These take a required `className` because the lane and rung classes are how
the parent positions and animates them. See isometric-brands.tsx. */
export function PpantherLogo({ className }: { className: string }) {
return (
<svg
className={className}
width="160"
height="93"
viewBox="0 0 160 93"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clipPath="url(#clip0_397_2495)">
<rect
width="120"
height="64"
rx="8"
transform="matrix(0.866025 -0.5 0.866025 0.5 0.51001 60.4197)"
fill="#A6A2DE"
/>
<path
d="M94.248 35.2844C94.9583 35.3922 95.6844 35.4851 96.3917 35.6134C98.4399 35.9851 99.241 36.5203 98.8777 37.733C98.3969 39.3361 97.6324 40.9147 96.8628 42.4828C96.5451 43.1302 96.3451 43.6867 96.8849 44.344C97.4053 44.9779 97.6832 45.6867 97.9574 46.3776C98.2974 47.2353 98.1342 48.0122 96.8011 48.6311C96.4561 48.791 96.2672 49.2813 96.4192 49.5396C96.9506 50.4434 97.6586 51.3126 98.3062 52.1933C99.4001 53.6814 99.6218 55.1394 97.6609 56.4545C95.5824 57.8481 92.93 58.4832 89.7745 58.0745C87.9081 57.8324 86.1177 57.394 84.2923 57.0461C83.8973 56.9709 83.4967 56.9054 83.1143 56.8382C81.8106 58.402 81.0433 58.6984 78.3201 58.0149C75.1881 57.2284 72.3507 57.1164 69.4647 58.263C68.8685 58.4999 68.0837 58.5882 67.3695 58.7154C63.4567 59.4121 61.236 58.7451 59.9718 56.4973C59.7583 56.1174 59.5924 55.7292 59.3681 55.2705C58.7833 55.3377 58.228 55.4049 57.6707 55.4657C54.9184 55.765 52.5896 55.0895 51.9703 53.5215C51.548 52.4528 51.5702 51.2552 51.9174 50.1714C52.4529 48.5015 56.7481 47.3238 59.3713 49.0105C59.8655 49.3281 60.4141 49.6172 61.1094 50.0187C61.9398 49.3686 62.7079 48.8325 63.3257 48.2435C63.5037 48.0739 63.345 47.7286 63.1742 47.5058C62.7655 46.971 62.1747 46.4799 61.8066 45.9376C60.7365 44.3618 61.2909 42.8288 63.1643 41.9525C64.9246 41.1291 67.2792 41.2102 69.8368 42.2216C70.6351 42.5372 71.276 42.8065 72.1451 42.2508C72.7555 41.8608 72.8379 41.5815 72.3613 41.1218C71.7099 40.4938 71.0427 39.8315 70.7359 39.1323C69.9265 37.2906 72.1465 35.7179 75.4221 35.8854C76.903 35.9612 78.4015 36.3378 79.7512 36.7368C80.8211 37.0534 81.5776 37.0818 82.4671 36.6128C83.4783 36.0794 84.5708 35.5976 85.676 35.0704C84.8972 34.4848 84.1475 34.0033 83.5601 33.4626C82.2685 32.2734 82.5593 31.102 84.5165 30.2794C85.61 29.8198 86.9194 29.4404 88.2285 29.2606C91.8553 28.762 94.5049 29.9631 94.5917 32.1141C94.6333 33.1535 94.3759 34.1965 94.248 35.285M74.2379 45.151C74.3621 44.982 74.5453 44.851 74.537 44.7244C74.4881 43.9427 75.19 43.7486 76.4287 43.7707C78.5665 43.8086 80.7077 43.777 82.847 43.756C83.644 43.748 84.5228 43.8014 85.2207 43.6307C88.4735 42.836 91.7624 42.5161 95.34 43.2107C95.8992 41.957 96.5428 40.7778 96.9366 39.5709C97.6503 37.3853 96.6631 36.5341 92.9495 35.908C92.8591 35.8928 92.789 35.8365 92.7047 35.7972C92.8363 34.8479 93.0928 33.898 93.0751 32.9498C93.0291 30.489 90.6398 29.6948 86.8152 30.8197C86.5299 30.9034 86.2605 31.0056 85.991 31.1061C84.364 31.7128 84.1062 32.2177 85.0706 33.1935C85.7795 33.9103 86.6102 34.5868 87.4409 35.3294C86.4088 35.8016 85.466 36.2509 84.4912 36.6753C82.2655 37.6447 82.2812 37.6333 83.6005 39.0664C84.5762 40.1259 85.06 41.2349 83.6833 42.2949C82.2446 43.4023 80.1938 43.5547 78.041 43.2204C76.9214 43.0469 75.8353 42.7443 74.8257 42.4087C73.9431 42.1147 73.4926 42.3819 73.1238 42.7268C72.8398 42.9922 72.4797 43.3895 72.6348 43.6203C72.9876 44.1438 73.6373 44.601 74.2379 45.151ZM64.7519 48.436C64.1974 48.8505 63.7109 49.2135 63.2259 49.5774C62.0091 50.4895 60.5727 50.6279 58.9168 49.9925C55.8393 48.8115 53.6797 49.3856 53.2645 51.5028C53.2104 51.7768 53.2086 52.06 53.2602 52.334C53.6041 54.1496 55.311 54.8879 58.4272 54.565C59.1937 54.4855 59.9449 54.3562 60.6525 54.2568C61.0751 55.038 61.3738 55.7629 61.8593 56.4434C62.5186 57.3683 63.7117 57.9874 65.5367 57.9543C68.1917 57.9065 70.569 57.2976 72.894 56.7206C71.5038 53.8188 74.7508 51.2016 73.7876 48.2973C70.8507 50.3044 67.8846 49.4227 64.7524 48.4363M83.4703 55.8661C86.0148 56.5384 88.3918 57.2464 91.1591 57.2165C94.6532 57.1792 97.3881 55.6466 97.2903 53.7118C97.208 52.0907 95.7376 50.7648 94.3914 49.3596C92.299 50.0527 90.403 50.6729 88.5232 51.3089C88.0731 51.4614 87.5214 51.6151 87.281 51.856C85.9842 53.1572 84.7696 54.486 83.4703 55.8655M86.2246 50.7662C87.0647 50.7709 87.7675 50.8983 88.21 50.756C90.4892 50.0231 92.6967 49.2154 94.9394 48.4444C96.7059 47.8368 96.7375 46.9083 96.2751 45.9324C95.771 44.8686 95.0395 43.7449 92.8706 43.6323C90.8379 43.5267 88.7455 43.7212 86.6992 43.8715C86.3444 43.8975 85.8418 44.3543 85.8247 44.621C85.7242 46.187 85.7166 47.7556 85.75 49.3228C85.7591 49.7475 86.0199 50.17 86.2246 50.7662ZM74.1392 51.7911C73.9832 52.775 73.6919 53.935 73.6733 55.0965C73.6666 55.5233 74.1098 56.1536 74.6877 56.3413C75.9705 56.7579 77.4531 56.9818 78.8818 57.2302C80.1278 57.4463 81.0444 57.1523 81.6844 56.5012C83.1623 54.9993 84.6946 53.5153 86.144 52.0045C86.3504 51.7897 86.4226 51.3481 86.1976 51.217C85.6845 50.9184 84.877 50.509 84.3151 50.5648C81.0156 50.8926 77.7512 51.3409 74.1387 51.7908M68.8474 45.9805C68.7281 45.9937 68.6083 46.0071 68.489 46.0203C68.6004 46.2299 68.6164 46.4869 68.8429 46.64C69.4317 47.0373 70.0879 47.4051 70.766 47.7532C71.2211 47.9873 71.7589 48.1677 72.2596 48.3724C72.639 47.9857 73.2168 47.6221 73.3632 47.208C73.9829 45.4514 72.0965 43.4548 69.0919 42.6569C67.5021 42.2346 65.8057 41.9636 64.2489 42.6888C62.717 43.402 62.5778 44.3985 63.1077 45.3911C63.4775 46.0838 64.0223 46.7868 64.7737 47.3606C65.7867 48.1341 67.1356 48.7243 69.0398 48.7123C68.3027 48.1449 67.3555 47.6976 66.6275 47.1531C65.645 46.4183 66.0689 45.4316 67.4401 44.8909C68.6854 44.4001 70.3324 44.5454 71.1535 45.2186C72.0095 45.9209 71.7375 46.5835 70.1746 47.2184C69.7279 46.8012 69.2884 46.391 68.8484 45.9805M73.7551 37.1065C72.2149 37.7177 71.825 38.2273 72.0224 39.1503C72.4538 41.1717 76.3716 43.0036 79.9159 42.8418C82.8034 42.7102 84.3935 41.218 83.1198 39.7163C82.0281 38.4299 80.3093 37.4726 77.9056 36.9941C77.5512 36.9237 77.1588 36.9168 76.5089 36.8539C79.6117 38.4402 80.1645 39.4372 78.617 40.3365C77.4881 40.993 75.6803 40.9933 74.5973 40.3376C73.523 39.6875 73.631 38.9823 75.0948 38.1829C75.4652 38.46 75.8456 38.7254 76.185 39.0075C76.3679 39.1593 76.4722 39.3426 76.6434 39.5006C76.6571 39.5132 77.0424 39.4228 77.0368 39.4072C76.965 39.214 76.9465 38.9755 76.7352 38.8447C75.7594 38.2409 74.7263 37.6672 73.7556 37.1068M83.5397 44.5256C83.4685 44.4476 83.3974 44.3696 83.3262 44.2916C81.0433 44.2947 78.7588 44.2741 76.479 44.3235C76.0906 44.3318 75.4289 44.6212 75.3915 44.8135C75.0854 46.3808 74.8975 47.9556 74.656 49.654L83.5392 44.5253L83.5397 44.5256Z"
fill="#353535"
/>
<path
d="M57.5774 39.3371C58.8482 39.5177 59.8789 39.664 61.1563 39.8455C60.5138 41.6036 59.8814 43.3342 59.2171 45.1523C58.2585 44.9996 57.4085 44.8645 56.4448 44.7112C56.8223 42.9202 57.1882 41.1864 57.5779 39.3374"
fill="#353535"
/>
<path
d="M66.0864 34.4085C68.9228 33.9634 71.5317 33.5363 74.159 33.1496C75.1793 32.9993 75.3276 33.1318 76.0443 34.5304C73.1954 35.1465 70.3353 35.7649 67.3498 36.4105C66.9085 35.711 66.5313 35.113 66.0869 34.4083"
fill="#353535"
/>
</g>
<defs>
<clipPath id="clip0_397_2495">
<rect
width="120"
height="64"
rx="8"
transform="matrix(0.866025 -0.5 0.866025 0.5 0.51001 60.4197)"
fill="white"
/>
</clipPath>
</defs>
</svg>
);
}
export function FoolsLogo({ className }: { className: string }) {
return (
<svg
className={className}
width="160"
height="93"
viewBox="0 0 160 93"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect
width="120"
height="64"
rx="8"
transform="matrix(0.866025 -0.5 0.866025 0.5 0.00756836 60.4197)"
fill="#A6A2DE"
/>
<path
d="M74.6943 48.6075C74.1114 49.2439 73.6843 49.952 72.9187 50.5037C69.7631 52.7785 64.6367 52.8121 61.0738 50.6162C60.47 50.2439 59.9155 49.8257 59.4854 49.381C58.1386 47.9885 57.9556 46.5276 59.5042 45.161C61.1205 43.7345 63.3463 42.7473 66.5022 42.9028C67.5239 42.9531 67.9249 42.8212 68.3111 42.2584C69.4233 40.6374 71.8359 40.3865 73.9189 41.6446C75.5643 42.6385 76.2332 43.8939 76.1902 45.2359C76.1514 46.4331 75.835 47.6284 75.6387 48.839C75.901 48.6183 76.1604 48.3708 76.4673 48.145C80.1758 45.4177 85.3842 45.8151 88.7981 47.9705C89.3157 48.2973 89.7605 48.6729 90.1482 49.0569C91.6825 50.5779 91.421 52.5231 89.55 53.8049C87.1293 55.4634 84.096 56.0081 80.9278 55.2606C79.9242 55.0238 79.1997 54.9718 78.4226 55.4687C78.1208 55.6617 77.6159 55.765 77.1749 55.8661C74.1087 56.5684 71.9852 55.6754 72.3479 53.7844C72.4909 53.0397 72.9522 52.3127 73.2879 51.5804C73.7432 50.5874 74.2173 49.5976 74.6839 48.6063C74.9893 47.6349 75.4166 46.6692 75.5697 45.6904C75.7682 44.4247 75.221 43.225 73.88 42.2046C73.4338 41.865 72.7972 41.566 72.1365 41.3737C70.9103 41.0167 69.7968 41.3236 69.0803 42.1214C68.406 42.8721 68.4872 42.947 69.9545 43.533C72.8354 44.6832 74.7618 46.1569 74.5828 48.3124C74.5746 48.4095 74.6549 48.5085 74.6943 48.6065M81.5758 51.7938C82.3672 52.1218 83.1456 52.4935 84.0059 52.7856C84.7203 53.0281 85.5392 53.0106 86.1545 52.6453C86.8263 52.2464 86.8116 51.7558 86.3135 51.3128C85.3019 50.414 84.1077 49.6058 82.4662 49.065C81.7509 48.8291 81.0094 48.7534 80.3124 49.112C79.5789 49.4898 79.463 49.9513 79.9347 50.4172C80.4094 50.8858 80.9989 51.3155 81.5763 51.7936M67.9362 46.6778C67.3221 46.3787 66.7253 46.039 66.0452 45.7694C65.1554 45.4168 64.1494 45.4394 63.5805 45.7861C62.905 46.1978 62.9693 46.6746 63.3935 47.1237C64.2927 48.0753 65.6228 48.8099 67.1891 49.3797C68.1557 49.7312 68.9707 49.6197 69.6074 49.2103C70.2972 48.7668 70.1189 48.2985 69.6449 47.882C69.1597 47.4561 68.5262 47.0864 67.9366 46.6775M74.9899 50.4269L74.6273 50.385C74.1095 51.3587 73.5511 52.3265 73.0946 53.3095C72.9292 53.6658 72.9337 54.0627 72.9904 54.4343C73.1275 55.3378 74.0692 55.8135 75.6252 55.6871C76.4121 55.6231 77.2327 55.426 77.8945 55.1662C78.8734 54.782 78.8717 54.6246 77.9751 54.1417C76.1081 53.1357 75.0459 51.925 74.9904 50.4266"
fill="#353535"
/>
<path
d="M94.965 41.5644C96.2746 42.4273 96.2287 43.2633 94.8274 44.0724C93.1726 45.0278 91.5011 45.9736 89.8709 46.9422C89.236 47.3194 88.7322 47.3403 88.0803 46.9601C84.9411 45.1278 81.7847 43.3055 78.61 41.4938C77.9481 41.116 77.9847 40.8234 78.6388 40.4578C82.0803 38.5344 80.9046 38.6722 83.9628 40.3621C85.6393 41.2885 87.2701 42.2436 88.8855 43.2057C89.4603 43.5481 89.9005 43.5947 90.4995 43.2186C91.3511 42.6831 92.2789 42.1889 93.1567 41.6671C93.3569 41.5482 93.629 41.3882 93.6264 41.2496C93.6083 40.3197 94.9769 39.8318 95.6594 39.1307C95.8083 38.9778 96.4776 38.9134 96.8832 38.9362C98.26 39.0143 99.1775 38.6222 99.8765 38.0151C100.038 37.8745 100.073 37.5619 99.9129 37.4565C99.7462 37.3463 99.2266 37.3195 98.9456 37.3831C98.396 37.5074 97.9121 37.7271 97.3883 37.8943C96.4468 38.1943 95.5352 38.5426 94.5425 38.7687C91.3656 39.4916 88.2575 38.2445 88.2032 36.269C88.1702 35.0651 89.2481 34.1516 90.6224 33.3591C92.1522 32.4768 93.9597 31.8813 96.2474 32.0669C96.6572 32.1003 97.1029 32.1313 97.4432 32.2486C97.6517 32.3202 97.863 32.5981 97.7776 32.7076C97.3363 33.2733 96.8487 33.833 96.263 34.3521C96.1057 34.4915 95.5352 34.4638 95.1736 34.5422C94.5276 34.6817 93.8469 34.7994 93.275 35.0112C92.8539 35.1672 92.341 35.4749 92.8762 35.7709C93.0934 35.8909 93.7567 35.8362 94.1343 35.7448C94.7331 35.5997 95.2601 35.3551 95.8211 35.1559C96.3822 34.9566 96.9303 34.7422 97.5138 34.5684C99.2477 34.0515 100.985 34.019 102.584 34.699C104.27 35.4159 104.927 36.4137 104.519 37.6101C104.069 38.9329 102.692 39.9233 100.889 40.726C99.1504 41.5 97.1983 41.8301 94.9659 41.5649"
fill="#353535"
/>
<path
d="M57.9535 58.867C56.4418 57.9942 54.9109 57.1321 53.4251 56.2448C52.4657 55.6721 52.4625 55.5926 53.3571 55.0665C55.4541 53.8336 57.6054 52.631 59.6879 51.3897C60.398 50.9662 60.9703 50.952 61.6091 51.3845C61.6474 51.4105 61.6929 51.4329 61.7354 51.457C63.9544 52.7111 63.4332 52.5144 61.7783 53.506C61.0723 53.929 60.3646 54.353 59.6174 54.7507C59.0247 55.0659 58.8956 55.3157 59.5429 55.6807C60.2089 56.0561 60.6642 55.9126 61.1855 55.6039C61.8125 55.2328 62.4661 54.877 63.094 54.5064C63.6716 54.1657 64.2126 54.1565 64.7459 54.5272C64.8217 54.5797 64.9126 54.6249 64.9985 54.6721C66.1267 55.2925 66.1364 55.9238 65.0276 56.5659C63.0681 57.701 63.0861 57.6907 64.9703 58.8051C67.4518 60.2725 67.4893 59.8168 64.896 61.3482C63.6036 62.1117 63.5752 62.104 62.2365 61.3403C60.7997 60.5209 59.3789 59.6929 57.951 58.8685L57.9539 58.8668L57.9535 58.867Z"
fill="#353535"
/>
</svg>
);
}
export function JuvenileLogo({ className }: { className: string }) {
return (
<svg
className={className}
width="161"
height="93"
viewBox="0 0 161 93"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clipPath="url(#clip0_397_2475)">
<rect
width="120"
height="64"
rx="8"
transform="matrix(0.866025 -0.5 0.866025 0.5 0.858887 60.4197)"
fill="#A6A2DE"
/>
<path
d="M107.311 46.0534L103.341 48.3458C100.2 47.0389 97.1091 45.7533 94.0199 44.4678C93.9547 44.5077 93.8889 44.5473 93.8237 44.5872L101.811 49.1987L97.727 51.5565L74.4392 38.1113L78.7731 35.6092C81.2692 36.6912 83.7452 37.7646 86.2212 38.8381C86.2877 38.802 86.3549 38.7663 86.4214 38.7303L79.899 34.9645L84.0018 32.5958L107.311 46.0534Z"
fill="#353535"
/>
<path
d="M45.5896 54.729L49.9564 52.2078L69.7018 63.6078C69.8765 63.507 70.0492 63.4058 70.2232 63.3045L50.5329 51.9363L55.0992 49.3C55.6392 49.5792 56.1745 49.8308 56.6601 50.1104C62.1293 53.2626 67.5951 56.416 73.0475 59.5779C73.6265 59.9137 74.1566 60.2841 74.6389 60.6681C76.9395 62.5014 76.593 64.257 73.6463 65.8619C71.0034 67.3016 67.6069 67.4337 64.8872 65.9263C58.4638 62.3659 52.2151 58.7 45.9019 55.0737C45.7855 55.0065 45.739 54.8982 45.5883 54.729"
fill="#353535"
/>
<path
d="M61.31 45.718L66.0342 42.9905C72.9416 48.0196 79.7421 52.9713 86.6132 57.974L81.3408 61.018C72.7466 57.0863 64.1322 53.1453 55.382 49.1421L60.1773 46.3735C64.043 48.399 67.8629 50.4012 71.6834 52.403C71.7291 52.3735 71.7741 52.3436 71.8191 52.3145C68.3298 50.1246 64.8397 47.9343 61.3093 45.7184"
fill="#353535"
/>
<path
d="M89.6027 56.2394L66.3115 42.7922L73.8513 38.4392L77.6606 40.6385L74.7093 42.3424L80.3581 45.6037C81.2302 45.1647 82.1405 44.7059 83.1423 44.2013L86.922 46.3835C86.1562 46.9095 85.379 47.4429 84.5158 48.0352L90.3684 51.4142L93.3505 49.6924L97.1458 51.8836L89.602 56.239L89.6027 56.2394Z"
fill="#353535"
/>
<path
d="M97.5617 24.764L105.088 20.4187L108.863 22.5982L105.884 24.318L111.568 27.5995C112.473 27.1345 113.374 26.671 114.354 26.1672L118.161 28.3654C117.362 28.9061 116.577 29.4379 115.716 30.0202L121.588 33.41L124.591 31.6759L128.381 33.8639L120.851 38.2112L97.561 24.7644L97.5617 24.764Z"
fill="#353535"
/>
<path
d="M49.0676 68.3685L53.2644 65.9455L59.4748 69.531C59.6636 69.4197 59.8523 69.3084 60.0418 69.1974C57.1239 67.1552 53.6538 65.4054 50.4564 63.5128C47.208 61.59 43.8849 59.7087 40.4879 57.7474L44.8419 55.2336C45.1277 55.3567 45.3812 55.4402 45.5796 55.5548C51.6345 59.0475 57.7379 62.5139 63.7156 66.0505C67.0757 68.0377 66.49 70.6125 62.5297 72.2125C60.4494 73.0532 57.8173 73.1595 55.7467 72.1703C53.4044 71.0515 51.3866 69.7066 49.069 68.3685"
fill="#353535"
/>
<path
d="M113.656 37.995L116.466 36.3726L120.236 38.5494L113.112 42.6623L89.8176 29.2133L94.1313 26.7227L113.656 37.995Z"
fill="#353535"
/>
<path
d="M89.0854 29.6897L84.7603 32.1868L108.046 45.6308L112.371 43.1337L89.0854 29.6897Z"
fill="#353535"
/>
<path
d="M66.9924 41.7236C66.3861 40.9569 65.884 40.3219 65.3591 39.6588L70.3963 36.7506C70.9368 37.4978 71.4039 38.1445 71.9302 38.8727L66.9918 41.724L66.9924 41.7236Z"
fill="#353535"
/>
</g>
<defs>
<clipPath id="clip0_397_2475">
<rect
width="120"
height="64"
rx="8"
transform="matrix(0.866025 -0.5 0.866025 0.5 0.858887 60.4197)"
fill="white"
/>
</clipPath>
</defs>
</svg>
);
}
export function KijaqoLogo({ className }: { className: string }) {
return (
<svg
className={className}
width="160"
height="93"
viewBox="0 0 160 93"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clipPath="url(#clip0_397_2420)">
<rect
width="120"
height="64"
rx="8"
transform="matrix(0.866025 -0.5 0.866025 0.5 0.504883 60.4197)"
fill="#A6A2DE"
/>
<path
d="M86.7536 35.4442C86.9948 35.3961 87.2283 35.3369 87.4519 35.2671C90.2981 34.2084 93.6416 34.3038 96.4673 35.4684C98.8193 36.4372 100.275 37.7058 100.841 39.3562L103.806 39.6323L101.229 41.1204L100.446 41.2027C100.369 41.2802 100.291 41.3436 100.238 41.4136C99.3582 42.6354 97.763 43.6281 95.7214 44.224C93.2118 44.9659 90.7165 44.9351 88.2432 44.1041C86.46 43.5147 84.993 42.6446 84.0214 41.6001C82.5937 40.0488 82.8421 38.5275 84.3446 37.0697C84.458 36.9396 84.5556 36.8049 84.6367 36.6664L86.7536 35.4442ZM94.9892 40.6671L95.1712 38.8832L96.6821 39.0533C95.6938 37.9898 94.4954 37.2923 92.8183 36.8683C90.9859 36.4072 89.2868 36.7475 87.9757 37.5347C86.5989 38.3685 86.4233 39.4719 87.3784 40.4582C88.0979 41.2101 89.1711 41.8341 90.4686 42.2548C92.8943 43.0515 95.6958 42.4462 96.6627 40.8744L94.9892 40.6671Z"
fill="#353535"
/>
<path
d="M99.2602 28.2234C99.503 28.1679 99.7386 28.1031 99.9653 28.0294C103.035 26.8934 106.627 26.9189 109.722 28.4953C110.619 28.9583 111.416 29.4829 112.093 30.0566C113.765 31.4624 113.803 32.9481 112.596 34.4283C111.728 35.5056 110.269 36.3785 108.435 36.9165C105.419 37.8258 102.254 37.6406 99.3537 36.2323C98.4743 35.7964 97.7058 35.2907 97.073 34.7313C95.162 33.0616 95.2657 31.382 97.0162 29.7364C97.1371 29.6064 97.244 29.4721 97.3364 29.3341L99.2602 28.2234ZM108.093 30.6781C107.071 30.0878 106.203 29.7335 105.181 29.5364C103.357 29.1842 101.804 29.4802 100.589 30.2522C99.1838 31.1471 99.0755 32.108 99.8842 33.0306C100.609 33.8435 101.735 34.5201 103.114 34.9713C104.845 35.5555 106.728 35.4764 108.268 34.5971C110.009 33.6037 110.033 32.6206 109.122 31.5685C108.799 31.1907 108.307 30.8598 108.093 30.6781Z"
fill="#353535"
/>
<path
d="M43.8474 60.4435L46.5124 58.9048C47.4752 59.3568 48.2054 59.8366 48.9893 60.2795C49.7733 60.7224 50.5642 61.1887 51.5617 61.7646L51.0288 56.4283L54.5153 54.4154L54.9479 59.4223L66.6014 61.1357L63.3379 63.0198C60.6804 62.6018 57.9307 62.1683 55.0888 61.7195L55.3072 63.923L58.5404 65.7897L55.8974 67.4006L43.8474 60.4435Z"
fill="#353535"
/>
<path
d="M72.7664 43.8552L76.0047 41.9856C81.3881 43.4013 86.7544 44.8183 92.212 46.2588C91.4663 46.9514 90.3952 47.3509 89.5571 47.9515C88.5527 47.679 87.6074 47.4213 86.6252 47.1548L81.7258 49.9835L83.051 51.6141L80.2001 53.2601C77.7009 50.0971 75.2466 46.9961 72.7664 43.8552ZM77.2659 44.4739L77.0653 44.5451L79.9625 47.942C81.0148 47.5302 82.4369 46.6991 83.0546 46.1264C81.1214 45.5763 79.1918 45.0254 77.2659 44.4739Z"
fill="#353535"
/>
<path
d="M64.8917 55.2419L67.3336 53.8321C67.593 53.9486 67.8363 54.0558 68.0736 54.1679C68.65 54.437 69.1966 54.7318 69.8051 54.9737C71.0518 55.4705 72.2825 55.3806 73.4019 54.7458C74.3905 54.1851 74.5264 53.5365 73.7095 52.8059C73.2827 52.4244 72.7901 52.068 72.2395 51.7425C70.4194 50.6654 68.562 49.6083 66.7191 48.5443L65.6942 47.9525L68.3556 46.4159C68.5437 46.4942 68.7249 46.578 68.8983 46.667C71.1428 47.9628 73.3843 49.2459 75.5925 50.5554C76.1706 50.9018 76.6799 51.2842 77.1103 51.6948C78.3845 52.9014 78.4598 54.0832 77.0468 55.259C76.1518 56.0187 74.9574 56.6422 73.5563 57.0813C71.2622 57.7968 69.113 57.4423 67.1592 56.5359C66.3693 56.1712 65.7059 55.712 64.8917 55.2419Z"
fill="#353535"
/>
<path
d="M69.8532 59.2627L67.3225 60.7238C66.3501 60.3479 56.2007 54.4993 55.4436 53.8738L57.8951 52.4584C58.7566 52.7356 68.0693 58.0264 69.8532 59.2627Z"
fill="#353535"
/>
</g>
<defs>
<clipPath id="clip0_397_2420">
<rect
width="120"
height="64"
rx="8"
transform="matrix(0.866025 -0.5 0.866025 0.5 0.504883 60.4197)"
fill="white"
/>
</clipPath>
</defs>
</svg>
);
}
export function KongaLogo({ className }: { className: string }) {
return (
<svg
className={className}
width="161"
height="93"
viewBox="0 0 161 93"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clipPath="url(#clip0_397_2574)">
<rect
width="120"
height="64"
rx="8"
transform="matrix(0.866025 -0.5 0.866025 0.5 0.720215 60.4197)"
fill="#A6A2DE"
/>
<path
d="M93.2725 37.017L91.0488 38.3008C89.8238 38.3106 88.7894 38.6976 87.8273 39.1393C86.4948 39.7386 85.3214 40.4494 84.3497 41.246C83.9146 41.5935 83.6017 41.9845 83.43 42.3953C83.3206 42.6427 83.3197 42.8984 83.4272 43.1389C83.5348 43.3794 83.7473 43.5969 84.0452 43.7713L84.8677 44.2462C85.2315 44.4732 85.7114 44.6278 86.2453 44.6901C86.7791 44.7523 87.3422 44.7193 87.8614 44.5952C88.74 44.4044 89.5558 44.119 90.2637 43.7548C91.1886 43.3124 92.0405 42.8205 92.8069 42.2865C93.4304 41.8351 94.0277 41.3764 94.3193 40.8198C94.4562 40.5953 94.508 40.3589 94.471 40.1274C94.4341 39.8958 94.3093 39.6746 94.1054 39.4792C93.5471 39.6803 93.1785 39.9648 92.7462 40.2021C92.3139 40.4393 91.8758 40.7046 91.4406 40.9559L87.5011 43.2303L85.8904 42.3004L94.4041 37.385C95.0865 37.8418 95.904 38.1934 96.4408 38.6996C96.7799 39.0161 96.9946 39.3744 97.0707 39.7509C97.1468 40.1273 97.0825 40.5133 96.8821 40.8834C96.5523 41.4972 96.031 42.0766 95.3446 42.5922C94.2526 43.4286 92.9948 44.1905 91.5992 44.8609C90.7505 45.288 89.802 45.6422 88.7858 45.9115C86.651 46.4614 84.6789 46.3436 82.9835 45.3909C82.4952 45.1218 82.0421 44.8322 81.6274 44.5242C80.4563 43.6126 80.5011 42.6098 81.3147 41.5589C81.7675 40.9838 82.3689 40.448 83.0974 39.9707C84.2714 39.1518 85.6089 38.4144 87.0793 37.7756C87.9724 37.3788 88.9801 37.0808 90.0472 36.898C91.1328 36.6997 92.2852 36.7422 93.2725 37.017Z"
fill="#353535"
/>
<path
d="M57.4073 54.6938C58.5 54.0475 59.7324 53.4857 61.0705 53.0241C62.028 52.6841 63.107 52.4869 64.2041 52.4515C64.9554 52.4327 65.6905 52.53 66.3333 52.7333C67.591 53.1341 68.6313 53.7204 69.3553 54.4362C70.1497 55.2141 70.0952 56.0543 69.5177 56.917C69.0419 57.582 68.3801 58.2023 67.56 58.7521C66.6238 59.3965 65.5911 59.9927 64.475 60.5332C63.4665 61.0519 62.3005 61.4553 61.0448 61.7198C60.2494 61.8957 59.3997 61.9506 58.5805 61.879C57.7612 61.8074 57.001 61.6118 56.3757 61.3116C55.6072 60.9723 54.9355 60.5669 54.382 60.1082C54.0035 59.7996 53.7522 59.4428 53.646 59.063C53.5398 58.6832 53.5812 58.2898 53.7673 57.9108C54.0758 57.2516 54.6247 56.631 55.3763 56.0915C56.0279 55.604 56.7327 55.155 57.4073 54.6938ZM57.2537 59.6671L57.7206 59.9367C58.0714 60.1528 58.5303 60.301 59.0406 60.363C59.5508 60.425 60.0899 60.3979 60.591 60.2852C61.1618 60.1691 61.7079 60.0109 62.2152 59.8148C63.6353 59.2413 64.9006 58.5459 65.9636 57.7546C66.4914 57.3918 66.897 56.977 67.1578 56.5334C67.3534 56.2381 67.3995 55.9212 67.2907 55.621C67.182 55.3209 66.9229 55.0503 66.5448 54.842C66.2535 54.6738 65.9622 54.5056 65.6731 54.3387C65.3787 54.1821 65.021 54.0694 64.6286 54.0096C64.2362 53.9498 63.8199 53.9445 63.4126 53.9942C62.671 54.0774 61.9649 54.2612 61.3534 54.5301C60.7776 54.7735 60.2613 55.0617 59.6961 55.3138C58.7932 55.7164 58.1287 56.241 57.4278 56.7446C57.1389 56.9688 56.8847 57.2066 56.6684 57.4551C56.3722 57.7647 56.2185 58.1093 56.2229 58.4543C56.2296 58.6923 56.3251 58.9238 56.5029 59.133C56.6808 59.3423 56.9368 59.5244 57.2537 59.6671Z"
fill="#353535"
/>
<path
d="M83.1853 49.622L69.9646 50.4116L69.8808 50.4601C69.8793 50.4745 69.8872 50.4884 69.9031 50.4991L75.7075 53.8503C75.4854 54.112 75.0904 54.2609 74.7859 54.4516C74.4815 54.6422 74.1739 54.8049 73.8793 54.975C73.3723 54.8027 66.7562 51.0274 65.6219 50.2652C65.9305 50.0594 66.2586 49.8634 66.6043 49.6782L67.6062 49.0997C72.0152 48.8394 76.4375 48.5764 80.9415 48.3082C80.5255 47.945 79.9734 47.7047 79.5094 47.4211C79.0454 47.1375 78.5177 46.8486 78.0101 46.5555L75.0522 44.8478L76.9313 43.7629C77.4172 43.9152 83.5455 47.3984 85.1399 48.4341C84.9273 48.683 84.5078 48.8386 84.1874 49.0384C83.8671 49.2382 83.5367 49.4191 83.1853 49.622Z"
fill="#353535"
/>
<path
d="M112.71 32.5611L110.586 33.7873L107.3 33.335L100.727 37.1301C100.981 37.7427 101.243 38.3729 101.507 39.0146L99.3985 40.2317L96.1873 32.6431L99.5443 30.7049C103.878 31.3139 108.267 31.9327 112.71 32.5611ZM98.5927 32.0976C99.0996 33.3037 99.5709 34.4265 100.061 35.5807L104.614 32.9516C102.62 32.6638 100.675 32.3891 98.5927 32.0976Z"
fill="#353535"
/>
<path
d="M52.2277 58.082L49.6234 62.9961L58.4449 63.8832L56.1782 65.1918L48.833 64.4714L47.5523 66.8728L50.3945 68.5138C49.8033 68.9367 49.1264 69.2657 48.495 69.6549L40.2939 64.92L42.2342 63.7998L45.6761 65.787L46.0864 65.011C46.9294 63.4212 47.7781 61.8356 48.6324 60.2542C48.6877 60.1282 48.7939 60.01 48.9422 59.9096C49.9947 59.2871 51.0752 58.6782 52.1405 58.0631L52.2277 58.082Z"
fill="#353535"
/>
<path
d="M108.901 24.9632L111.926 25.3537L111.266 23.6376L112.173 23.1142L114.743 24.5981L114.113 24.9619C113.503 24.6832 113.012 24.3263 112.332 23.9915L112.932 25.6463L112.458 25.9592L109.743 25.6272L109.683 25.6867L111.266 26.6005L110.586 26.9931C109.637 26.5547 108.769 26.0622 107.993 25.5223C108.138 25.4385 108.266 25.3347 108.416 25.2432C108.566 25.1518 108.731 25.0613 108.901 24.9632Z"
fill="#353535"
/>
<path
d="M106.957 26.7459L108.997 27.9231L108.289 28.3314C107.581 27.9984 106.994 27.568 106.237 27.1989L104.972 27.9291L104.392 27.594C105.45 26.9358 106.573 26.3198 107.657 25.6866C107.74 25.704 107.819 25.7261 107.894 25.7527L108.286 25.979L106.957 26.7459Z"
fill="#353535"
/>
</g>
<defs>
<clipPath id="clip0_397_2574">
<rect
width="120"
height="64"
rx="8"
transform="matrix(0.866025 -0.5 0.866025 0.5 0.720215 60.4197)"
fill="white"
/>
</clipPath>
</defs>
</svg>
);
}
export function LeonLogo({ className }: { className: string }) {
return (
<svg
className={className}
width="160"
height="93"
viewBox="0 0 160 93"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clipPath="url(#clip0_397_2463)">
<rect
width="120"
height="64"
rx="8"
transform="matrix(0.866025 -0.5 0.866025 0.5 0.15625 60.4197)"
fill="#A6A2DE"
/>
<path
d="M113.133 34.3673C113.772 34.0586 114.222 33.8411 114.755 33.5834L117.148 34.9648L111.04 38.4911L108.667 37.1207C109.118 36.8035 109.549 36.5002 110.027 36.1646C108.163 35.0882 106.403 33.9979 104.493 33.0028C103.648 32.5631 102.588 32.7189 101.747 33.2072C100.432 33.9714 100.056 34.9106 100.088 35.9357L105.22 38.8986C105.877 38.5993 106.49 38.3201 107.161 38.0147L109.504 39.3675L103.128 43.0483L100.768 41.6858C101.2 41.3771 101.629 41.0714 102.133 40.7119L95.428 36.841C94.9095 37.0818 94.3799 37.3278 93.7424 37.6236L91.4537 36.3022L95.8902 33.7408C96.3316 33.9338 96.7801 34.1297 97.3579 34.3824C97.4957 34.1204 97.5919 33.9001 97.7263 33.6878C98.0962 33.1069 98.3563 32.4875 98.8851 31.9569C100.926 29.9107 104.125 29.5647 107.222 31.0427C108.283 31.549 109.235 32.1327 110.222 32.69C111.164 33.2221 112.089 33.7653 113.132 34.3677"
fill="#353535"
/>
<path
d="M46.0396 58.0259C45.4145 58.334 44.8914 58.5913 44.2779 58.8933L42.0764 57.6223L49.2816 53.4624L51.4853 54.7347C50.8012 55.1749 50.1662 55.5843 49.4506 56.0446L62.4497 63.5497L67.6576 60.5429L64.9566 58.9834L67.7026 57.398L72.9957 60.454L59.99 67.9628L57.5663 66.5635C58.0084 66.2479 58.4941 65.9008 59.0234 65.5222L46.0391 58.0256L46.0396 58.0259Z"
fill="#353535"
/>
<path
d="M82.0655 49.463L72.5882 54.9347C73.8857 55.6067 75.2314 55.6752 76.673 55.4015C78.804 54.9971 80.1769 53.8924 80.6435 52.197C81.7395 52.0882 82.8789 51.9751 84.0221 51.8617C84.5864 54.2944 81.4194 56.918 77.1495 57.6389C72.9399 58.3494 68.4153 57.0992 66.5901 54.7215C64.861 52.4694 66.47 49.6879 70.3473 48.2256C74.0033 46.847 78.7877 47.3099 82.0661 49.4627M70.5122 53.7737L77.0454 50.0017C74.9638 49.2924 73.1225 49.4201 71.4199 50.3471C69.7228 51.2709 69.3627 52.5099 70.5122 53.7737Z"
fill="#353535"
/>
<path
d="M95.467 47.8972C91.6721 50.0844 86.2959 50.1544 82.7367 48.0626C79.1774 45.9707 79.3322 42.8178 83.0997 40.6703C86.8154 38.5521 92.1903 38.5074 95.7647 40.5647C99.4502 42.6862 99.3286 45.6709 95.4664 47.8969M85.7942 46.2658C87.9851 47.5505 90.8615 47.621 92.9013 46.4395C94.9357 45.2612 94.8602 43.5434 92.7197 42.3114C90.5705 41.0744 87.7664 41.0156 85.7269 42.1648C83.5859 43.3714 83.612 44.9868 85.7937 46.2655"
fill="#353535"
/>
<path
d="M67.1336 48.2674L65.4795 49.2224C64.8767 47.8506 64.3253 46.5944 63.7776 45.3481L66.5605 43.7413C66.7659 45.3608 66.95 46.8165 67.1336 48.2674Z"
fill="#353535"
/>
</g>
<defs>
<clipPath id="clip0_397_2463">
<rect
width="120"
height="64"
rx="8"
transform="matrix(0.866025 -0.5 0.866025 0.5 0.15625 60.4197)"
fill="white"
/>
</clipPath>
</defs>
</svg>
);
}
export function LockenLogo({ className }: { className: string }) {
return (
<svg
className={className}
width="160"
height="93"
viewBox="0 0 160 93"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clipPath="url(#clip0_397_2518)">
<rect
width="120"
height="64"
rx="8"
transform="matrix(0.866025 -0.5 0.866025 0.5 0.0126953 60.4197)"
fill="#A6A2DE"
/>
<path
d="M56.6847 59.6326C55.6459 59.0329 54.5753 58.4501 53.5778 57.828C52.6902 57.2744 52.1257 56.6105 52.3482 55.826C52.4464 55.4798 52.7144 55.1275 53.0378 54.8246C53.8893 54.0263 55.0501 53.4174 56.622 53.1189C57.7219 52.9096 58.7627 53.0389 59.6943 53.3796C60.3572 53.6215 60.9868 53.9084 61.5501 54.2236C63.1339 55.1084 64.7001 56.004 66.2257 56.9223C67.1166 57.4584 67.8664 58.0538 68.1433 58.8195C68.3248 59.3208 68.2196 59.7931 67.7843 60.2127C66.9388 61.0274 65.8314 61.6996 64.2784 62.0878C63.2501 62.3449 62.2444 62.2438 61.3374 61.9802C60.5476 61.7502 59.8259 61.4216 59.1597 61.081C58.2809 60.6322 57.4859 60.1291 56.6547 59.6492C56.6641 59.6438 56.6734 59.6384 56.6835 59.6326L56.6847 59.6326ZM61.3685 56.9512C61.3685 56.9512 61.3666 56.9523 61.3654 56.953C60.4038 56.3979 59.4585 55.8333 58.4726 55.293C58.134 55.1077 57.7225 54.9509 57.2967 54.8387C56.6522 54.6696 56.1688 54.7761 55.6422 55.1351C55.2539 55.3992 55.1948 55.7485 55.5488 56.0554C55.8326 56.3016 56.1463 56.5412 56.5044 56.7516C58.2452 57.7718 60.0003 58.7837 61.7636 59.7909C62.0879 59.9759 62.4558 60.14 62.8327 60.2897C63.418 60.5222 64.056 60.4962 64.574 60.2442C65.1301 59.9738 65.3161 59.611 64.9927 59.2416C64.7815 58.9998 64.4913 58.7715 64.1666 58.5754C63.2529 58.0233 62.3035 57.4911 61.3679 56.9509L61.3685 56.9512Z"
fill="#353535"
/>
<path
d="M111.185 27.9739C111.02 27.8579 110.871 27.7328 110.689 27.6269C109.105 26.7106 107.528 25.791 105.92 24.8894C105.525 24.668 105.546 24.5169 105.935 24.316C106.296 24.1295 106.643 23.9316 106.963 23.7212C107.301 23.4986 107.555 23.5056 107.912 23.7156C109.703 24.7668 111.517 25.805 113.323 26.8476C115.207 27.9354 117.092 29.0222 118.976 30.1101C119.467 30.3935 119.475 30.4251 118.986 30.6992C117.715 31.4125 118.199 31.3989 116.424 30.9562C114.738 30.5354 113.034 30.1379 111.339 29.7297C110.661 29.5668 109.987 29.3999 109.308 29.2402C109.199 29.2148 109.07 29.2152 108.852 29.2681C109.012 29.3823 109.157 29.5059 109.337 29.6093C111.076 30.6151 112.823 31.617 114.565 32.6214C115.102 32.9316 115.1 32.9453 114.562 33.2558C114.179 33.4768 113.789 33.6939 113.416 33.9195C113.169 34.0693 112.946 34.0698 112.708 33.9261C112.62 33.8722 112.524 33.8223 112.433 33.7696C108.808 31.6766 105.182 29.584 101.558 27.4914C101.008 27.174 101.002 27.1576 101.58 26.8336C102.958 26.0617 102.4 26.1463 104.041 26.5106C106.27 27.0059 108.486 27.5191 110.709 28.0223C110.819 28.047 110.942 28.0501 111.059 28.063C111.101 28.033 111.143 28.0027 111.185 27.9728L111.185 27.9739Z"
fill="#353535"
/>
<path
d="M96.6411 38.0908C96.138 37.5548 95.2692 37.4974 94.0563 37.6442C92.989 37.7734 91.8253 37.6316 90.7097 37.579C90.5749 37.5727 90.3565 37.3672 90.3769 37.2655C90.4327 36.993 90.5916 36.7258 90.7195 36.458C90.8047 36.2797 90.9673 36.1909 91.3322 36.2383C91.7611 36.2938 92.2057 36.3223 92.6468 36.3351C92.8444 36.3408 93.0508 36.2794 93.2525 36.2485C93.1635 36.1487 93.0907 36.0424 92.9823 35.951C92.518 35.5573 91.9746 35.1893 91.5851 34.7724C90.8578 33.9935 90.9026 33.2033 91.7749 32.4372C92.5742 31.7361 93.5823 31.1583 94.9577 30.877C96.5087 30.5599 98.4771 31.0543 99.583 31.9319C101.158 33.1819 100.914 34.8004 99.015 35.9444C98.9505 35.983 98.8861 36.0224 98.8229 36.0617C98.2418 36.4222 98.2377 36.4538 98.8276 36.785C99.5249 37.1768 100.195 37.5877 100.942 37.9459C101.832 38.3729 102.819 38.2994 103.602 37.8035C104.034 37.5307 104.175 37.1667 103.842 36.8571C103.457 36.5001 102.999 36.1674 102.524 35.8483C102.242 35.6588 102.175 35.5259 102.531 35.3409C102.959 35.1176 103.363 34.8768 103.754 34.631C104.054 34.4423 104.295 34.4651 104.596 34.6254C105.739 35.2344 106.483 35.9727 106.747 36.8634C106.876 37.2971 106.606 37.706 106.196 38.0502C105.401 38.7183 104.463 39.3077 103.14 39.6594C102.175 39.9163 101.25 39.8379 100.346 39.6381C98.9444 39.3289 97.8344 38.7704 96.6399 38.0901L96.6411 38.0908ZM94.2766 32.6757C93.678 33.0299 93.5741 33.5684 94.1272 33.9629C94.7247 34.3895 95.4003 34.7803 96.056 35.179C96.3109 35.3342 96.5844 35.3346 96.8707 35.1686C97.9834 34.5248 98.0134 33.3216 96.9202 32.694C96.0834 32.2138 95.0686 32.2064 94.276 32.6754L94.2766 32.6757Z"
fill="#353535"
/>
<path
d="M84.4073 42.1823C84.172 41.8247 83.9447 41.4653 83.7013 41.1095C83.1147 40.2516 82.5038 39.3991 81.9509 38.5339C81.8715 38.4093 81.9771 38.185 82.138 38.0772C82.6364 37.7438 83.2009 37.4428 83.745 37.1329C84.0315 36.9697 84.1893 36.972 84.3575 37.2222C85.0943 38.3193 85.9388 39.3934 86.6184 40.5021C86.9914 41.1104 87.5793 41.4634 88.625 41.7119C90.8999 42.2525 93.1079 42.8838 95.3362 43.4878C96.3548 43.7639 96.3466 43.7737 95.5354 44.2421C95.1132 44.4858 94.7145 44.746 94.2571 44.9651C94.0847 45.0475 93.7268 45.1015 93.5402 45.0552C92.6149 44.825 91.7186 44.556 90.8109 44.302C89.6714 43.9836 88.5346 43.6616 87.387 43.3529C87.185 43.2984 86.9344 43.3019 86.7053 43.2787C86.728 43.4189 86.7021 43.5701 86.7865 43.6961C86.8758 43.8285 87.0473 43.9498 87.2233 44.0529C88.4762 44.7842 89.7411 45.5087 90.9997 46.2375C91.519 46.5381 91.515 46.5632 90.9746 46.8752C90.4867 47.1569 89.9927 47.4357 89.5135 47.7223C89.2683 47.8689 89.0432 47.877 88.7998 47.7365C88.6312 47.6391 88.4608 47.5422 88.2922 47.4448C84.7584 45.4053 81.2247 43.3659 77.6904 41.3268C77.1068 40.9898 77.1065 40.9614 77.7107 40.6112C78.1329 40.3674 78.5723 40.133 78.971 39.8771C79.3221 39.6516 79.5946 39.6362 79.9712 39.8616C81.1709 40.5787 82.3974 41.2804 83.6196 41.9846C83.798 42.0877 84.0109 42.1716 84.2075 42.2641C84.2737 42.2366 84.3399 42.2091 84.4067 42.182L84.4073 42.1823Z"
fill="#353535"
/>
<path
d="M72.4352 50.5393C73.5907 51.2064 74.7192 51.8897 75.9122 52.5337C76.5739 52.8912 77.3605 52.8557 77.9508 52.5241C78.5155 52.2074 78.5563 51.7788 77.9878 51.3682C77.5993 51.0876 77.1328 50.8436 76.6993 50.5846C76.24 50.31 76.2399 50.2609 76.7121 49.9882C77.2 49.7066 77.6712 49.4131 78.1874 49.15C78.3186 49.0828 78.6882 49.0506 78.7901 49.1037C79.8598 49.6592 80.8446 50.253 81.2573 51.0907C81.5911 51.7688 81.3713 52.3706 80.6275 52.9298C79.8122 53.5432 78.897 54.0772 77.6425 54.3965C76.4926 54.6888 75.3934 54.5604 74.3994 54.2465C73.5738 53.9858 72.8157 53.6305 72.1313 53.2548C70.5733 52.4001 69.0516 51.5223 67.5736 50.622C66.9618 50.2493 66.4078 49.8233 65.9939 49.3698C65.3847 48.7025 65.4501 48.0087 66.1289 47.323C66.8767 46.5682 67.9116 45.9964 69.231 45.6047C70.6395 45.1866 71.9496 45.4078 73.1257 45.9005C73.7598 46.1662 74.2948 46.5105 74.8681 46.8234C75.0973 46.9485 75.0841 47.0767 74.8484 47.2092C74.3018 47.5184 73.757 47.8286 73.229 48.1477C72.9725 48.303 72.7465 48.283 72.5136 48.155C72.1547 47.9572 71.8139 47.7489 71.4469 47.5565C71.2176 47.4364 70.9753 47.3153 70.704 47.233C69.9768 47.0132 69.4445 47.0945 68.9021 47.4811C68.4956 47.7707 68.4624 48.1892 68.9097 48.4843C69.5625 48.9147 70.2628 49.3204 70.9519 49.732C71.4242 50.0141 71.9122 50.2879 72.3926 50.5653C72.4076 50.5566 72.4227 50.5479 72.4377 50.5393L72.4352 50.5393Z"
fill="#353535"
/>
<path
d="M45.904 65.9055C44.0723 64.848 42.25 63.7843 40.4002 62.7372C40.0185 62.5212 40.0053 62.3662 40.3904 62.1567C40.9062 61.876 41.4072 61.5861 41.894 61.2886C42.2206 61.0886 42.4643 61.0841 42.8089 61.2845C45.8768 63.0688 48.9597 64.8444 52.0383 66.6226C52.7078 67.0091 52.7171 67.0094 53.3957 66.6176C53.9761 66.2825 54.5646 65.9513 55.132 65.6094C55.4417 65.4228 55.7085 65.4035 56.0153 65.6001C56.2979 65.7813 56.5993 65.9532 56.9057 66.1207C57.1794 66.2707 57.1612 66.3996 56.8929 66.5531C55.3712 67.4266 53.8526 68.302 52.3452 69.183C51.9792 69.3971 51.7462 69.285 51.4732 69.1266C49.6199 68.0516 47.7598 66.9798 45.9022 65.9073L45.9047 65.9059L45.904 65.9055Z"
fill="#353535"
/>
</g>
<defs>
<clipPath id="clip0_397_2518">
<rect
width="120"
height="64"
rx="8"
transform="matrix(0.866025 -0.5 0.866025 0.5 0.0126953 60.4197)"
fill="white"
/>
</clipPath>
</defs>
</svg>
);
}
export function OrgandyLogo({ className }: { className: string }) {
return (
<svg
className={className}
width="160"
height="93"
viewBox="0 0 160 93"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clipPath="url(#clip0_397_2411)">
<rect
width="120"
height="64"
rx="8"
transform="matrix(0.866025 -0.5 0.866025 0.5 0.653809 60.4197)"
fill="#A6A2DE"
/>
<path
d="M46.5896 59.8987C46.7993 59.8463 47.015 59.8013 47.2174 59.7407C50.6952 58.6965 54.1805 59.1061 56.6392 60.8491C58.7643 62.3558 58.716 64.5487 56.5235 66.1185C54.1053 67.8503 50.4583 68.3827 47.1504 67.4895C46.9083 67.424 46.6561 67.3698 46.4086 67.3105L44.1074 65.9819C43.3439 65.0301 42.7274 64.049 43.181 62.9677C43.4241 62.3876 43.8693 61.8319 44.2231 61.2658L46.5903 59.8991L46.5896 59.8987ZM53.2909 61.9814C51.6865 61.0684 49.4751 61.0528 47.9026 61.9445C46.2922 62.8573 46.3202 64.1651 47.972 65.1063C49.6219 66.0471 51.8732 66.0404 53.4464 65.0905C54.9626 64.175 54.8987 62.8964 53.2923 61.9814"
fill="#353535"
/>
<path
d="M66.9068 48.1687C68.6036 47.7129 70.3228 47.363 72.3656 47.7274C72.181 48.3077 71.9965 48.8888 71.8175 49.452C69.1242 49.5973 67.5559 50.2281 67.0604 51.3212C66.6311 52.2673 67.459 53.2908 69.0977 53.8407C70.6453 54.3607 72.3323 54.2477 73.6607 53.5371C74.7883 52.9331 75.0284 52.3763 74.4385 51.6013C73.7824 51.9453 73.146 52.2788 72.4393 52.6498L70.4334 51.4917L74.964 48.876C78.6654 50.0566 79.9976 53.3489 74.8594 55.4536C71.9624 56.6401 68.558 56.5078 65.8707 55.1961C63.2562 53.9203 62.5645 51.9472 64.0868 50.1123C64.2449 49.9215 64.3896 49.7277 64.5403 49.5349L66.9074 48.1683L66.9068 48.1687Z"
fill="#353535"
/>
<path
d="M88.3931 41.1087L93.9116 44.2948L91.355 45.7709L81.4004 40.0236L83.9956 38.5253C87.0572 38.8848 90.1746 39.2507 93.2919 39.6167C93.344 39.5881 93.3954 39.56 93.4475 39.5315L87.8482 36.2987L90.4779 34.7804L100.454 40.54L97.8457 42.0458C94.7627 41.6832 91.6507 41.318 88.538 40.9525C88.4904 41.0047 88.4421 41.0565 88.3938 41.1091"
fill="#353535"
/>
<path
d="M91.7887 34.0391C93.5712 33.01 95.1414 31.8951 97.0584 31.0452C99.9153 29.7785 103.922 30.2572 106.446 31.9806C108.72 33.5345 108.665 35.7623 106.251 37.2514C104.922 38.0716 103.504 38.8447 102.119 39.6355C102.029 39.6875 101.888 39.7089 101.704 39.7647L91.7874 34.0391L91.7887 34.0391ZM101.981 36.9119C103.317 36.1705 104.959 35.5775 104.381 34.3765C103.901 33.3825 102.707 32.6947 100.937 32.4857C98.9206 32.2477 97.9663 33.1767 96.7581 33.8967L101.981 36.9119Z"
fill="#353535"
/>
<path
d="M52.1091 56.8717C53.5776 56.0238 54.9119 55.201 56.3438 54.4406C57.9218 53.6029 59.7538 53.3838 61.6997 53.886C63.7427 54.4131 64.8327 55.5152 64.662 56.7927C64.6487 56.8975 64.6288 57.0024 64.5984 57.192C66.4207 57.4369 68.2496 57.6825 70.27 57.9543L67.5306 59.5358C65.995 59.333 64.3628 59.1173 62.6452 58.8906C62.3639 59.0353 62.065 59.1894 61.6498 59.4028L64.7054 61.167L62.1271 62.6556L52.1084 56.8713L52.1091 56.8717ZM59.4274 58.1198C60.2224 57.6106 61.4244 57.27 61.0365 56.5334C60.8652 56.2087 60.0968 55.8284 59.5156 55.7858C58.3459 55.7005 57.7544 56.2881 57.1449 56.802L59.4274 58.1198Z"
fill="#353535"
/>
<path
d="M73.9607 44.2804L76.801 42.6406C81.3941 43.8149 85.9698 44.9853 90.6777 46.1882L87.8997 47.7921C87.2745 47.6546 86.6501 47.5175 85.9974 47.3743L82.1759 49.5806C82.4088 49.9245 82.6503 50.2812 82.919 50.6769L80.1214 52.2921C78.0398 49.5845 76.0159 46.9516 73.9614 44.28M78.9452 45.3962C78.8742 45.4325 78.8039 45.4685 78.7336 45.5044C79.3216 46.2143 79.9095 46.9234 80.5545 47.7013L82.7186 46.4519C81.4161 46.0875 80.1807 45.7414 78.9459 45.3958"
fill="#353535"
/>
<path
d="M116.596 31.2206C116.32 31.4138 116.163 31.5406 115.977 31.6511C115.396 31.9941 114.805 32.3305 114.038 32.7736C113.157 32.2651 112.301 31.8183 111.545 31.3214C110.707 30.7717 109.712 30.4547 108.454 30.3005C106.188 30.0231 103.952 29.6714 101.706 29.3465C101.278 29.2848 100.859 29.2044 100.285 29.1067L103.191 27.4291C105.05 27.7297 106.959 28.0387 109.095 28.3842C108.509 27.1825 107.975 26.0858 107.429 24.9658L110.351 23.2792C110.51 23.6008 110.638 23.8356 110.741 24.0747C111.356 25.4996 111.993 26.9209 112.562 28.3521C112.764 28.8595 113.141 29.2658 113.796 29.6163C114.746 30.1237 115.635 30.6678 116.595 31.2222"
fill="#353535"
/>
</g>
<defs>
<clipPath id="clip0_397_2411">
<rect
width="120"
height="64"
rx="8"
transform="matrix(0.866025 -0.5 0.866025 0.5 0.653809 60.4197)"
fill="white"
/>
</clipPath>
</defs>
</svg>
);
}
export function PsychLogo({ className }: { className: string }) {
return (
<svg
className={className}
width="160"
height="93"
viewBox="0 0 160 93"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clipPath="url(#clip0_397_2543)">
<rect
width="120"
height="64"
rx="8"
transform="matrix(0.866025 -0.5 0.866025 0.5 0.366455 60.4197)"
fill="#A6A2DE"
/>
<path
d="M104.427 41.0522L101.89 42.517C101.839 42.5155 101.813 42.5154 101.788 42.5134C101.762 42.5127 101.737 42.508 101.716 42.4998L87.1853 34.1104C87.0902 34.0581 87.0006 34.0025 86.9169 33.9441C86.8913 33.9183 86.8736 33.8901 86.8643 33.861C87.1581 33.5804 88.605 32.7285 89.3793 32.3771L95.2623 35.7736C95.831 35.5613 98.0469 34.2858 98.4495 33.9335C97.8733 33.5318 97.1871 33.1808 96.5477 32.8041C95.8851 32.4128 95.2072 32.0302 94.5359 31.6426L92.5727 30.5091L95.1044 29.0475C95.2897 29.1445 95.4662 29.23 95.6296 29.3231L108.735 36.8591C109.049 37.0408 109.4 37.2017 109.724 37.379C109.887 37.4727 110.042 37.5784 110.216 37.6918L107.633 39.183L101.269 35.5085C100.742 35.6849 99.125 36.5805 98.0198 37.3104C98.4626 37.6591 99.0515 37.9375 99.5739 38.2491C100.096 38.5608 100.654 38.8726 101.195 39.185L104.428 41.0515L104.427 41.0522Z"
fill="#353535"
/>
<path
d="M73.9336 48.052L71.4009 49.5143C70.7123 49.1469 70.026 48.7947 69.3713 48.4268C69.1043 48.2668 68.7692 48.1502 68.4006 48.0889C68.0319 48.0277 67.6431 48.0241 67.274 48.0784C65.3658 48.3258 65.261 49.5428 66.0431 50.1201C66.957 50.7935 68.1001 51.026 69.5215 50.7804C70.7733 50.5677 72.0218 50.3569 73.2738 50.158C73.728 50.09 74.1924 50.0455 74.6614 50.025C76.4432 49.9359 77.9375 50.2819 79.1747 51.0453C80.5601 51.9029 81.1215 52.9073 80.8184 54.0487C80.3055 55.9806 77.0801 57.2831 73.4838 56.7534C72.3811 56.5999 71.3753 56.2648 70.5896 55.789C70.2681 55.5921 69.9271 55.4065 69.5958 55.2152C69.8927 54.9252 71.3233 54.0751 72.1215 53.7112C72.2663 53.7665 72.4054 53.8266 72.5381 53.8913C72.845 54.0584 73.1344 54.2356 73.4423 54.4021C73.8501 54.6233 74.3841 54.7499 74.9398 54.7571C75.4956 54.7642 76.0331 54.6514 76.4471 54.4407C77.2884 54.0149 77.4048 53.3906 76.8592 52.7927C76.4225 52.3104 75.7061 52.0917 74.7795 52.1816C74.0622 52.2515 73.3563 52.3658 72.6569 52.4649C71.7955 52.5963 70.9452 52.7341 70.0938 52.8712C66.8239 53.3999 63.5657 52.2581 62.4428 50.707C61.6177 49.5667 61.8128 48.4749 62.9493 47.4298C64.5521 45.9562 68.5293 45.343 71.5611 46.7048C72.4286 47.0888 73.1298 47.5879 73.9336 48.052Z"
fill="#353535"
/>
<path
d="M90.2978 37.7319C89.9497 38.0527 88.5355 38.8896 87.7776 39.2316L87.4761 39.0575C87.0646 38.8463 86.6748 38.6162 86.2328 38.4303C85.7787 38.2428 85.2245 38.1559 84.673 38.1858C84.1216 38.2157 83.6105 38.3604 83.2348 38.5929C82.4831 39.0843 82.5061 39.8067 83.304 40.3252C83.4068 40.3934 83.5161 40.4577 83.6265 40.5215L90.2217 44.3292C90.68 44.5938 91.178 44.7971 91.8344 44.8542C92.4002 44.9 92.9713 44.8146 93.4222 44.6167C93.8731 44.4187 94.167 44.1244 94.2394 43.7984C94.2575 43.7124 94.2601 43.6255 94.2472 43.5389C94.1758 43.0702 93.7713 42.7147 93.2454 42.3859C93.0001 42.2317 92.7309 42.0888 92.4449 41.9237L94.9493 40.4778C97.4972 41.5402 98.4808 43.0938 97.7307 44.6285C96.9571 46.2124 94.1579 47.2178 91.3248 46.9653C89.9661 46.8573 88.7021 46.4916 87.7323 45.9259C85.409 44.5783 83.0596 43.2445 80.7647 41.8805C78.8453 40.7397 78.2966 38.8902 80.131 37.4346C81.4723 36.372 83.3791 35.9151 85.6761 36.0908C87.0382 36.1922 88.3058 36.5589 89.2686 37.1301L90.2978 37.7319Z"
fill="#353535"
/>
<path
d="M71.0445 58.5073L68.784 59.8124C68.1414 59.5357 67.6415 59.1842 67.0808 58.8731C66.52 58.5619 65.9998 58.2489 65.4598 57.9372L63.7384 56.9434C63.5118 57.064 63.307 57.1759 63.1022 57.2827C62.5846 57.5534 62.0903 57.8426 61.5407 58.0898C60.2778 58.6596 58.801 58.7612 57.2996 58.5533C54.8789 58.2169 53.1504 57.3547 52.1869 56.0227C51.4822 55.0475 51.7583 54.1256 52.8239 53.2936C53.2183 52.9968 53.6464 52.7156 54.1054 52.4517C54.9742 51.9349 55.8705 51.4327 56.7525 50.9234C56.9322 50.8197 57.1262 50.7243 57.3016 50.6319C57.8293 50.8334 70.3366 58.0018 71.0445 58.5073ZM57.369 53.3062C56.8114 53.6205 56.2479 53.9037 55.7562 54.2233C55.507 54.3779 55.3393 54.5706 55.2726 54.7791C55.2059 54.9877 55.2427 55.2038 55.3789 55.4024C55.8373 56.1298 57.3547 56.7582 58.6751 56.6869C58.9611 56.6817 59.2379 56.6309 59.4749 56.5401C60.1116 56.2387 60.6951 55.9018 61.2171 55.5342L57.369 53.3062Z"
fill="#353535"
/>
<path
d="M88.7478 50.0893L86.1203 51.6063L85.5472 51.2754C83.8325 50.2854 82.1177 49.2954 80.4171 48.2972C80.0315 48.0694 79.5824 47.8807 79.0891 47.7392C75.7412 46.7677 72.395 45.7931 69.0507 44.8153C68.7965 44.7414 68.5531 44.6537 68.2195 44.5391L70.7566 43.0743C72.0247 43.4896 73.2477 43.8838 74.473 44.2895C75.6982 44.6951 76.9026 45.0988 78.1776 45.4439C76.7989 44.0405 75.4212 42.6391 74.0037 41.1996L76.5756 39.7147C77.3283 40.578 78.0311 41.3873 78.7371 42.1973C79.8477 43.4839 80.9546 44.7718 82.0578 46.0609C82.2692 46.3047 82.5503 46.5265 82.8892 46.7169C84.6524 47.7223 86.4025 48.734 88.157 49.7444C88.3381 49.8528 88.5225 49.9593 88.7478 50.0893Z"
fill="#353535"
/>
<path
d="M65.3586 63.8248L64.5371 63.3505L72.2051 58.9234C72.6713 59.0367 72.6713 59.0367 73.0456 59.3408C72.7409 59.6263 66.4847 63.2792 65.3586 63.8248Z"
fill="#353535"
/>
</g>
<defs>
<clipPath id="clip0_397_2543">
<rect
width="120"
height="64"
rx="8"
transform="matrix(0.866025 -0.5 0.866025 0.5 0.366455 60.4197)"
fill="white"
/>
</clipPath>
</defs>
</svg>
);
}
export function QuwaLogo({ className }: { className: string }) {
return (
<svg
className={className}
width="161"
height="93"
viewBox="0 0 161 93"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clipPath="url(#clip0_397_2526)">
<rect
width="120"
height="64"
rx="8"
transform="matrix(0.866025 -0.5 0.866025 0.5 0.864014 60.4197)"
fill="#A6A2DE"
/>
<path
d="M68.8314 61.032C68.7655 61.1826 68.7102 61.3017 68.6612 61.422C68.4803 61.8658 68.1843 62.2812 67.7887 62.6719C67.3105 63.1438 66.7006 63.5495 65.9676 63.894C64.5485 64.561 62.8987 64.9328 61.0847 65.0836C58.6808 65.2833 56.3409 65.1025 54.079 64.5322C52.7381 64.194 51.5534 63.722 50.5483 63.0996C50.1269 62.8388 49.7656 62.5531 49.4325 62.2543C48.8631 61.7438 48.4672 61.1902 48.1389 60.6198C47.9716 60.3291 47.8181 60.036 47.6603 59.7436C47.5573 59.5523 47.4933 59.3571 47.4599 59.1584C47.3462 58.4845 47.3096 57.8113 47.4181 57.1398C47.4838 56.7322 47.6032 56.3312 47.8294 55.9445C47.96 55.7206 48.13 55.5088 48.3543 55.3109C48.7642 54.949 49.3605 54.7412 50.0616 54.6176C50.6145 54.5203 51.1754 54.4374 51.7251 54.3349C52.7582 54.1424 53.8275 54.056 54.912 54.0123C55.0816 54.0054 55.2552 54.0142 55.4258 54.0243C56.2017 54.07 56.977 54.1255 57.7536 54.1646C59.2343 54.2394 60.6403 54.4813 61.9959 54.8417C63.0296 55.1167 63.9964 55.4581 64.8907 55.8678C66.0752 56.4106 67.0799 57.0441 67.8291 57.8058C68.3434 58.3288 68.6975 58.8818 68.8605 59.4717C68.8714 59.5109 68.8866 59.5498 68.9011 59.5887C68.9034 59.5948 68.9128 59.5999 68.9335 59.6183C68.9917 59.6256 69.0677 59.6396 69.1445 59.6436C70.127 59.6941 71.1092 59.743 72.0919 59.7923C72.4061 59.7658 72.667 59.8356 72.9205 59.9419C73.3236 60.111 73.7395 60.2699 74.1482 60.4343C74.2033 60.4565 74.2506 60.4856 74.2961 60.5087C74.2842 60.5844 74.1939 60.6179 74.1122 60.6498C73.7856 60.7774 73.4575 60.904 73.1238 61.0257C72.9715 61.0813 72.8031 61.1217 72.6467 61.1738C72.524 61.2147 72.4015 61.224 72.2562 61.2162C71.1711 61.1579 70.0857 61.1058 69.0002 61.0513C68.9547 61.049 68.909 61.0412 68.8308 61.032L68.8314 61.032ZM66.3732 59.4267C66.3011 59.2895 66.2519 59.1804 66.1871 59.0745C65.8707 58.5579 65.3681 58.1033 64.7405 57.6924C64.0524 57.2416 63.2576 56.8629 62.3772 56.5453C61.1149 56.0902 59.7682 55.7578 58.3065 55.6273C57.4335 55.5493 56.5507 55.5121 55.6707 55.4708C55.2476 55.4509 54.8271 55.4361 54.4075 55.3874C53.6504 55.2996 52.8875 55.2461 52.1173 55.2456C50.9687 55.2447 49.943 55.4337 49.0494 55.8413C48.892 55.9131 48.8163 55.9917 48.8299 56.1074C48.8532 56.3119 48.8504 56.5175 48.8906 56.7212C49.0363 57.4628 49.3901 58.1787 49.8104 58.8864C49.9074 59.0499 49.9977 59.2161 50.0607 59.3843C50.2565 59.9059 50.5471 60.411 50.9167 60.9018C51.3078 61.4211 51.8406 61.8892 52.5423 62.2906C53.0818 62.5993 53.6895 62.8577 54.3621 63.0578C56.8453 63.7956 59.4085 63.9477 62.037 63.5055C62.9942 63.3444 63.8547 63.0748 64.5969 62.6886C65.4967 62.2202 66.0661 61.6408 66.3244 60.9536C66.3333 60.9293 66.3312 60.9034 66.336 60.8671C66.2369 60.8552 66.1505 60.843 66.0627 60.8344C65.1898 60.7499 64.3156 60.6705 63.4442 60.5801C62.7656 60.5098 62.0901 60.4274 61.4144 60.3455C61.3305 60.3354 61.2424 60.304 61.1789 60.2687C60.8784 60.1011 60.5741 59.9349 60.2949 59.7556C60.1043 59.6329 59.9132 59.5051 59.7931 59.3422C59.8606 59.3216 59.9157 59.2987 59.9776 59.2865C60.5358 59.1773 61.0959 59.0709 61.6539 58.9615C61.7779 58.9372 61.8937 58.9349 62.0196 58.9652C62.1148 58.9883 62.2177 59.0004 62.3186 59.0135C63.5773 59.1768 64.8453 59.3052 66.118 59.4164C66.1843 59.4222 66.2515 59.4219 66.3735 59.4262L66.3732 59.4267Z"
fill="#353535"
/>
<path
d="M69.4663 42.4484C69.6219 42.4214 69.7082 42.4657 69.7978 42.4877C70.7762 42.7279 71.7536 42.9697 72.7291 43.2137C74.3728 43.625 76.0163 44.0365 77.6571 44.4524C77.974 44.5326 78.2875 44.6208 78.5842 44.724C79.3987 45.0069 80.2387 45.2618 81.0786 45.5163C82.9039 46.0691 84.7554 46.588 86.6662 47.0303C87.471 47.2166 88.2845 47.3873 89.1149 47.528C89.2032 47.543 89.2923 47.5565 89.3817 47.5684C89.401 47.571 89.4243 47.5632 89.4666 47.5571C89.4405 47.4931 89.3745 47.4413 89.3108 47.3891C88.8494 47.0117 88.3927 46.6327 87.9243 46.2581C87.2187 45.6936 86.5015 45.1336 85.8889 44.5334C85.5826 44.2332 85.3086 43.9243 85.0964 43.5988C84.9078 43.3097 84.7867 43.0135 84.755 42.7068C84.7381 42.5416 84.7158 42.3767 84.6989 42.2114C84.6944 42.1664 84.6983 42.1211 84.6987 42.0856C84.7266 42.073 84.7346 42.0663 84.7439 42.0659C86.1484 41.9888 86.6196 41.9468 88.0198 42.2532C88.8428 42.4331 89.6168 42.6759 90.3815 42.9277C91.3571 43.2489 92.3266 43.5768 93.3037 43.8964C93.8983 44.0907 94.5082 44.2682 95.1475 44.4074C95.2645 44.433 95.3843 44.4538 95.4929 44.4747C95.5876 44.4215 95.5223 44.3777 95.4966 44.3385C95.2665 43.982 94.9894 43.6368 94.687 43.2981C94.055 42.5901 93.3336 41.912 92.556 41.2539C91.6942 40.5241 90.8067 39.8042 89.9258 39.0815C89.7324 38.923 89.5145 38.7739 89.3161 38.6172C89.1796 38.5093 89.0459 38.3992 88.9312 38.2837C88.0664 37.4138 87.2221 36.5377 86.4686 35.6346C85.9513 35.0143 85.468 34.3863 85.1107 33.7304C85.0588 33.6351 85.0118 33.5391 84.966 33.4428C84.9545 33.4191 84.9563 33.3934 84.9471 33.3401C85.0171 33.3805 85.0609 33.3979 85.0864 33.4216C85.6211 33.9166 86.2287 34.3818 86.8733 34.8306C87.4215 35.2122 87.9785 35.5899 88.5452 35.9623C89.3271 36.4757 90.1236 36.9815 90.91 37.4927C91.056 37.5876 91.1898 37.6895 91.3175 37.793C91.8345 38.2131 92.345 38.6359 92.8612 39.0565C94.1211 40.0839 95.3598 41.1189 96.4244 42.2178C96.9222 42.7319 97.3689 43.2593 97.7403 43.8069C98.1223 44.3696 98.353 44.9507 98.4854 45.5446C98.4868 45.5509 98.4815 45.5574 98.4796 45.5638C98.4669 45.5743 98.4589 45.5895 98.4413 45.5945C98.1164 45.686 97.7982 45.7861 97.4637 45.8646C96.9368 45.9882 96.3782 45.9981 95.8118 45.954C95.3199 45.9155 94.8448 45.836 94.3777 45.7352C93.5533 45.5571 92.7702 45.3263 92.0038 45.0755C91.0263 44.7561 90.0569 44.4285 89.0821 44.1065C88.821 44.0202 88.5536 43.9404 88.2875 43.8591C88.1965 43.8312 88.1011 43.8082 87.9696 43.7727C88.0008 43.8281 88.0087 43.8669 88.0417 43.8962C88.4244 44.2312 88.8003 44.5691 89.1995 44.8978C89.8388 45.4238 90.501 45.9407 91.1406 46.4668C91.5603 46.8122 91.9422 47.1714 92.2658 47.5497C92.5184 47.8448 92.7141 48.1496 92.822 48.4718C92.8986 48.6999 92.9852 48.9273 93.0644 49.1552C93.0797 49.199 93.0836 49.244 93.0953 49.3005C93.0077 49.3016 92.9416 49.3059 92.8766 49.3026C92.3392 49.2766 91.8017 49.2535 91.2651 49.2218C90.1983 49.1586 89.1611 49.0056 88.1351 48.8211C86.5797 48.5412 85.0763 48.1794 83.5917 47.7887C81.7492 47.3041 79.9555 46.7612 78.175 46.2034C78.0225 46.1557 77.8712 46.1057 77.7136 46.0641C77.2163 45.9328 76.7593 45.7631 76.3222 45.5734C75.2934 45.1267 74.2557 44.6861 73.2402 44.2293C72.3251 43.8177 71.434 43.3881 70.5331 42.966C70.2537 42.8351 69.9767 42.7026 69.7 42.5699C69.6293 42.5359 69.5624 42.499 69.4648 42.4485L69.4663 42.4484Z"
fill="#353535"
/>
<path
d="M91.6781 29.5087C92.716 29.1268 93.8203 28.9842 95.0307 29.0707C96.0053 29.1402 96.9493 29.2835 97.8809 29.4639C98.8553 29.6525 99.8059 29.8787 100.746 30.12C100.861 30.1495 100.978 30.1774 101.117 30.2117C101.146 30.169 101.177 30.1363 101.191 30.1015C101.443 29.4551 101.71 28.8104 101.936 28.16C102.016 27.9279 102.174 27.7286 102.386 27.5341C102.782 27.17 103.175 26.8046 103.62 26.4604C103.787 26.3311 103.943 26.1964 104.162 26.0591C104.189 26.1254 104.217 26.1675 104.223 26.2102C104.262 26.4743 104.302 26.738 104.332 27.0024C104.376 27.3788 104.416 27.7554 104.449 28.1316C104.456 28.2092 104.44 28.2893 104.41 28.3648C104.34 28.5374 104.248 28.7061 104.181 28.8791C103.948 29.4807 103.721 30.0838 103.493 30.6864C103.473 30.7371 103.463 30.7888 103.445 30.8474C103.507 30.8701 103.562 30.8935 103.621 30.9114C104.886 31.2876 106.145 31.6719 107.42 32.0359C108.24 32.2695 109.051 32.512 109.857 32.7613C110.09 32.8335 110.317 32.9177 110.525 33.0127C112.081 33.7254 113.565 34.486 114.959 35.3031C115.317 35.5131 115.654 35.7356 115.997 35.9541C116.089 36.0131 116.169 36.0786 116.298 36.1725C116.182 36.1524 116.127 36.1491 116.083 36.1346C114.04 35.4602 111.925 34.8725 109.781 34.3198C109.274 34.1888 108.781 34.046 108.308 33.8753C107.915 33.7343 107.498 33.6169 107.085 33.4954C106.045 33.1884 105.001 32.8854 103.959 32.5807C103.63 32.4843 103.301 32.3873 102.965 32.2886C102.866 32.344 102.87 32.4129 102.848 32.4737C102.643 33.0391 102.447 33.6057 102.24 34.1711C101.967 34.9163 101.688 35.6605 101.412 36.405C101.402 36.4306 101.393 36.4566 101.381 36.4819C101.348 36.5494 101.371 36.6072 101.444 36.6679C101.774 36.9429 102.099 37.2198 102.422 37.4974C102.518 37.5807 102.618 37.6643 102.692 37.754C103.512 38.7414 104.329 39.7294 105.139 40.7193C105.351 40.9788 105.537 41.245 105.733 41.509C105.759 41.5428 105.774 41.5791 105.792 41.6125C105.761 41.6204 105.752 41.6249 105.743 41.6249C105.731 41.625 105.719 41.6229 105.71 41.6192C105.682 41.6072 105.654 41.5951 105.629 41.5813C105.579 41.5535 105.53 41.5248 105.481 41.4962C105.415 41.4583 105.35 41.4204 105.285 41.3818C103.844 40.5267 102.42 39.662 101.035 38.7771C100.918 38.7025 100.808 38.6246 100.695 38.5484C100.68 38.5381 100.662 38.5295 100.644 38.5212C100.635 38.5172 100.623 38.5151 100.591 38.5056C100.562 38.5357 100.522 38.5642 100.506 38.5974C100.43 38.755 100.36 38.9141 100.288 39.0727C100.129 39.4213 99.9741 39.7705 99.8073 40.1176C99.7716 40.1919 99.7069 40.2644 99.6303 40.3274C99.2348 40.6524 98.8444 40.9797 98.4257 41.2945C98.1384 41.5105 97.8085 41.7073 97.5069 41.9065C97.4036 41.8934 97.4049 41.8589 97.4031 41.826C97.3972 41.7137 97.3889 41.6013 97.3869 41.4889C97.3782 40.9538 97.3687 40.4185 97.3669 39.8836C97.3669 39.7993 97.3905 39.713 97.4309 39.6326C97.5342 39.4251 97.6686 39.2229 97.7632 39.0142C98.0638 38.3481 98.3461 37.6789 98.649 37.0132C98.7077 36.8845 98.6637 36.7892 98.5279 36.6838C97.6221 35.9798 96.716 35.2756 95.8254 34.5652C94.88 33.8106 93.9993 33.0329 93.2601 32.2051C92.5171 31.3732 92.0012 30.5005 91.6897 29.5892C91.6806 29.5641 91.681 29.538 91.6772 29.5088L91.6781 29.5087ZM99.3696 34.9818C99.3986 34.9735 99.4097 34.9714 99.418 34.9676C99.426 34.9637 99.4328 34.9584 99.4366 34.9526C99.4444 34.9407 99.4525 34.9283 99.4573 34.9152C99.844 33.8355 100.23 32.7554 100.616 31.6753C100.619 31.6694 100.614 31.6622 100.611 31.6558C100.607 31.6498 100.603 31.6434 100.59 31.6247C100.558 31.6133 100.512 31.5939 100.461 31.5802C99.2855 31.2657 98.0957 30.9719 96.8633 30.7443C96.2694 30.6345 95.6683 30.5423 95.053 30.4912C94.9187 30.4802 94.7828 30.4623 94.6313 30.4842C94.6507 30.527 94.6601 30.566 94.6849 30.6014C94.8134 30.7869 94.937 30.9741 95.0778 31.1568C95.6426 31.8918 96.3659 32.5767 97.1611 33.2366C97.8027 33.7697 98.474 34.2909 99.1343 34.8163C99.2075 34.875 99.2935 34.928 99.3702 34.9815L99.3696 34.9818Z"
fill="#353535"
/>
<path
d="M59.5026 49.2217C59.7184 49.223 59.8405 49.2644 59.9656 49.2948C60.7437 49.4845 61.4935 49.7099 62.2307 49.9485C63.2202 50.2691 64.2038 50.5959 65.1869 50.9234C65.3662 50.9832 65.5455 51.0497 65.6981 51.1303C66.3413 51.4704 67.0348 51.7739 67.7252 52.0794C68.5172 52.4298 69.3117 52.7782 70.1201 53.1155C71.569 53.7202 73.0628 54.2833 74.6626 54.7437C75.3785 54.9498 76.1119 55.1294 76.8819 55.2517C77.3279 55.3226 77.7791 55.3687 78.2406 55.3742C78.8726 55.3816 79.4275 55.2605 79.9301 55.0614C80.3415 54.8983 80.5312 54.6636 80.4986 54.368C80.4786 54.188 80.4061 54.0143 80.3036 53.8435C80.0555 53.4307 79.6759 53.0558 79.2549 52.6938C78.5546 52.0916 77.7374 51.5431 76.8778 51.0149C75.9866 50.4672 75.0373 49.9548 74.0638 49.4564C73.1164 48.9711 72.1324 48.5129 71.1334 48.0648C71.0238 48.0156 70.9135 47.965 70.7945 47.9243C70.4513 47.807 70.1695 47.6491 69.8884 47.4882C69.2702 47.1339 68.6506 46.7804 68.0187 46.4347C67.4454 46.1212 66.8484 45.8227 66.2141 45.5507C66.0656 45.4869 65.9073 45.4304 65.7544 45.3699C65.7188 45.3558 65.6882 45.3382 65.64 45.3148C65.7849 45.2813 65.9095 45.3053 66.0308 45.3168C66.5652 45.3682 67.0877 45.4496 67.6034 45.548C68.976 45.8101 70.2944 46.151 71.5877 46.5269C71.7109 46.5627 71.8303 46.6066 71.9389 46.6561C72.6866 46.996 73.4364 47.3343 74.1743 47.6809C74.6693 47.9132 75.1574 48.1519 75.6297 48.3996C76.3686 48.7872 77.107 49.1758 77.8172 49.5804C78.7925 50.1363 79.7172 50.7204 80.5497 51.3501C81.2197 51.8568 81.8332 52.3843 82.2963 52.9636C82.5986 53.3415 82.8268 53.7318 82.913 54.1443C83.0149 54.6312 82.899 55.0929 82.4882 55.5185C82.1323 55.8872 81.6093 56.1586 80.982 56.3683C79.9289 56.7202 78.7897 56.8494 77.5633 56.7605C76.7721 56.703 76.0083 56.5788 75.2595 56.4173C74.0758 56.1623 72.9598 55.8241 71.8724 55.4511C70.6762 55.0406 69.5266 54.5892 68.3993 54.1171C67.1406 53.59 65.914 53.0391 64.7028 52.4757C64.5767 52.417 64.4476 52.3588 64.3117 52.3082C63.9954 52.1903 63.7433 52.0334 63.499 51.8711C62.9049 51.4764 62.3108 51.0821 61.7192 50.6863C61.317 50.4175 60.9223 50.1448 60.5181 49.8772C60.2361 49.6904 59.9434 49.5087 59.6557 49.3245C59.6193 49.3011 59.5841 49.2766 59.5023 49.2215L59.5026 49.2217Z"
fill="#353535"
/>
</g>
<defs>
<clipPath id="clip0_397_2526">
<rect
width="120"
height="64"
rx="8"
transform="matrix(0.866025 -0.5 0.866025 0.5 0.864014 60.4197)"
fill="white"
/>
</clipPath>
</defs>
</svg>
);
}
export function RakinLogo({ className }: { className: string }) {
return (
<svg
className={className}
width="160"
height="93"
viewBox="0 0 160 93"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clipPath="url(#clip0_397_2551)">
<rect
width="120"
height="64"
rx="8"
transform="matrix(0.866025 -0.5 0.866025 0.5 0.217773 60.4197)"
fill="#A6A2DE"
/>
<path
d="M80.3891 39.9776C80.241 40.1344 80.0653 40.2852 79.9495 40.4495C79.5743 40.9817 79.2152 41.5179 78.8601 42.0552C78.3655 42.8037 77.8963 43.5576 77.3855 44.3021C76.9798 44.894 76.5159 45.4727 76.1067 46.0639C75.9745 46.255 75.935 46.4679 75.8528 46.6708C75.9153 46.7148 75.9778 46.7587 76.0397 46.8031C76.763 46.631 77.539 46.5078 78.1962 46.2745C79.0764 45.9618 79.1371 45.9434 79.7077 46.4372C79.8212 46.5358 80.1308 46.634 80.3192 46.6179C81.9618 46.4754 83.5611 46.1765 85.2584 46.2286C85.6776 46.2415 86.1027 46.1488 86.5284 46.1219C86.8478 46.1016 87.1737 46.1055 87.4967 46.1038C87.6542 46.103 87.8131 46.126 87.9688 46.1188C88.7973 46.0808 89.6318 46.0627 90.4502 45.9884C91.7005 45.8743 92.9519 45.7476 94.1764 45.567C94.6189 45.5016 95.039 45.2978 95.3747 45.1026C96.157 44.6483 96.262 44.6224 97.2217 44.9223C97.3179 44.9521 97.425 44.9697 97.7694 45.0477C97.5187 44.7715 97.4278 44.5718 97.21 44.446C93.7757 42.4573 90.3346 40.4732 86.8712 38.502C86.1248 38.077 85.7393 38.1014 84.9657 38.4901C84.8569 38.5448 84.7479 38.6265 84.6227 38.6374C84.351 38.6615 84.0698 38.6477 83.7916 38.6496C83.8374 38.499 83.7896 38.2945 83.9423 38.2056C85.4909 37.3082 87.0655 36.4258 88.6563 35.5534C88.7799 35.4854 89.0808 35.5258 89.2986 35.5155C89.2756 35.6415 89.3363 35.8133 89.2162 35.8866C88.1386 36.5435 88.3662 37.1352 89.423 37.7479C92.4649 39.5115 95.5184 41.2691 98.57 43.027C99.8867 43.7852 100.319 43.7958 101.802 43.1517C101.929 43.0963 102.159 43.1192 102.341 43.1055C102.349 43.2187 102.431 43.355 102.351 43.4404C102.182 43.6214 101.958 43.793 101.704 43.9386C100.386 44.697 99.17 45.5367 97.6909 46.1724C96.2061 46.8109 94.4369 47.2052 92.48 47.1769C91.3383 47.1602 90.1952 47.1744 89.0531 47.178C88.9599 47.1784 88.8676 47.2063 88.6455 47.2425C88.8402 47.4203 88.9967 47.5681 89.1607 47.713C89.3878 47.9141 89.6814 48.0988 89.8397 48.3163C90.783 49.6143 90.0836 50.7313 88.8669 51.8527C88.1376 52.5246 87.3678 53.1525 86.3556 53.6762C86.1371 53.789 85.7548 53.8496 85.4524 53.8434C84.8361 53.8317 84.3448 53.8525 83.8779 54.1627C82.8859 54.8222 81.7889 55.4295 80.7316 56.056C80.6527 56.1028 80.5509 56.1576 80.4486 56.166C80.2137 56.1855 79.9716 56.1785 79.7326 56.1824C79.7786 56.0538 79.7582 55.8961 79.8827 55.8022C80.2549 55.5219 80.4835 55.2339 79.9591 54.9589C79.5254 54.7316 79.0213 54.5376 78.5032 54.3778C77.6467 54.1131 76.7719 53.8603 75.8665 53.6618C75.5665 53.5962 75.0283 53.6381 74.804 53.7582C73.5563 54.4272 72.3594 55.1289 71.1788 55.8386C71.0318 55.9267 70.9747 56.1559 71.0659 56.27C71.6495 56.9992 72.2829 57.7149 72.9049 58.4339C73.2272 58.8068 74.3917 58.9297 74.9261 58.6506C75.417 58.3938 75.5819 58.382 76.0127 58.6156C75.885 58.7261 75.7764 58.8601 75.6065 58.9595C74.4617 59.6312 73.3146 60.3015 72.138 60.9541C71.9933 61.0343 71.6683 61.0051 71.4265 61.0266C71.4483 60.894 71.4581 60.7602 71.4937 60.6289C71.604 60.2297 71.9662 59.793 71.793 59.4401C71.3211 58.4756 70.657 57.5401 70.0055 56.6073C69.6684 56.1242 69.1547 55.6816 68.7952 55.2027C68.2705 54.5035 67.8158 53.7874 67.3244 53.0804C67.2551 52.9803 67.1336 52.8923 67.0575 52.7935C66.2625 51.7528 65.4623 50.713 64.692 49.666C64.5815 49.5164 64.5181 49.3041 64.6186 49.1674C64.7765 48.9521 65.0791 48.9162 65.5069 49.0588C66.2581 49.3089 67.0776 49.4882 67.8533 49.7149C69.3528 50.1527 70.821 50.628 72.3399 51.0413C74.1347 51.5301 75.9773 51.9607 77.7841 52.4353C79.0389 52.7649 80.2802 53.115 81.5083 53.4774C82.1831 53.6761 83.5951 53.6435 84.082 53.3197C84.4117 53.1006 84.5521 52.7901 84.8275 52.539C85.2044 52.1967 85.5384 51.8117 86.0534 51.5524C87.2071 50.9711 87.5058 50.1741 87.8857 49.3924C88.0201 49.1154 88.0657 48.8188 88.0856 48.5292C88.1095 48.1765 87.6649 48.0895 87.1561 48.0143C84.9155 47.6828 82.6504 47.7638 80.3909 47.8381C79.5209 47.8667 78.6688 48.0384 77.7983 48.0713C77.0513 48.0996 76.1397 48.167 75.57 47.9635C74.3908 47.5429 73.7592 46.8381 74.1617 46.0153C74.5931 45.1338 75.1648 44.2753 75.7136 43.4148C76.2511 42.5721 76.8092 41.7335 77.4095 40.9053C78.0142 40.0704 78.6726 39.2487 79.3315 38.428C79.4242 38.3124 79.6522 38.2341 79.9576 38.0578C80.2278 38.7711 80.4555 39.3715 80.6827 39.9721C80.5845 39.9742 80.4873 39.9762 80.3891 39.9782M71.9975 54.3018C72.4999 53.9804 73.0413 53.6571 73.5234 53.3061C73.6142 53.2403 73.5372 52.9879 73.4214 52.9527C72.4779 52.6682 71.5014 52.4207 70.5443 52.1507C69.56 51.873 68.5889 51.5798 67.6047 51.3021C67.4981 51.2722 67.278 51.2752 67.2214 51.3152C67.1403 51.3727 67.1 51.4934 67.15 51.5606C67.4549 51.975 67.789 52.3818 68.1156 52.7903C68.6859 53.5039 69.2681 54.2144 69.8217 54.9322C70.0048 55.1701 70.4174 55.2187 70.7565 55.0196C71.1596 54.7822 71.5703 54.5485 71.9986 54.3012"
fill="#353535"
/>
<path
d="M64.1607 65.2535C64.049 65.4274 64.0153 65.6437 63.8129 65.7679C62.9222 66.3135 61.9766 66.8294 61.0623 67.3627C60.527 67.675 60.0357 68.0147 59.475 68.3104C59.3125 68.3962 58.9766 68.3733 58.7199 68.4001C58.7291 68.2614 58.6435 68.0813 58.7617 67.9904C59.6643 67.2951 59.6378 66.8935 58.5782 66.2817C55.6547 64.5926 52.7369 62.8994 49.798 61.2191C49.2937 60.9306 48.7087 60.6866 48.1357 60.4417C47.6101 60.2168 47.1532 60.3525 46.7419 60.5759C46.441 60.739 46.1174 60.9398 45.7168 60.6861C45.3284 60.4407 45.6745 60.2588 45.9743 60.0938C47.8104 59.0811 49.6546 58.073 51.4821 57.0546C52.5345 56.4683 53.8707 56.1159 55.2349 56.0734C56.1422 56.0452 57.2087 56.3922 58.0135 56.7254C60.0685 57.5764 60.4367 58.7848 59.825 60.1281C59.6992 60.4035 59.9075 60.5594 60.3225 60.622C62.2398 60.9108 64.1431 61.2582 66.0899 61.4432C67.4493 61.5723 68.8699 61.4686 70.2633 61.4787C70.5179 61.4805 70.7718 61.53 71.0267 61.5576C70.9274 61.701 70.894 61.8825 70.7195 61.9812C69.0318 62.9389 67.029 63.2413 64.714 62.8933C63.1911 62.6645 61.6189 62.5254 60.1396 62.226C58.7806 61.9512 57.8664 62.2442 57.0272 62.7601C56.8843 62.8479 56.8644 63.1376 56.9979 63.2193C58.2503 63.982 59.5135 64.741 60.8488 65.4538C61.4615 65.7812 62.2172 65.8906 62.9494 65.4899C63.2131 65.3457 63.5693 65.2574 63.8827 65.1439C63.9744 65.1803 64.0673 65.2168 64.159 65.2532M52.9896 60.9282L52.9736 60.9375C53.8166 61.4242 54.6601 61.9112 55.503 62.3978C55.5238 62.4099 55.5452 62.4209 55.566 62.4329C55.8948 62.6247 56.1387 62.5852 56.4081 62.3743C56.7141 62.1356 57.0245 61.8697 57.4433 61.7146C58.4407 61.3449 58.5792 60.1095 58.2873 59.6055C57.8571 58.8618 57.0499 58.2525 55.9126 57.829C55.4242 57.6473 54.7996 57.5449 54.2163 57.5007C52.6697 57.3837 51.4601 57.7518 50.463 58.4235C49.8242 58.8537 49.7493 59.0271 50.4342 59.4469C51.2612 59.9541 52.1346 60.4359 52.9879 60.9286"
fill="#353535"
/>
<path
d="M96.502 34.816C96.6965 34.9653 96.8038 35.0721 96.9505 35.1568C99.2125 36.4667 101.47 37.7789 103.752 39.0773C104.237 39.3528 104.801 39.5845 105.353 39.8168C105.87 40.0337 107.162 39.9316 107.79 39.6876C107.983 39.6131 108.304 39.6486 108.566 39.6334C108.493 39.7739 108.493 39.9548 108.336 40.0486C107.125 40.7748 105.894 41.4909 104.637 42.1911C104.453 42.2941 104.1 42.2967 103.826 42.3454C103.872 42.1885 103.885 42.0253 103.973 41.8762C104.112 41.6387 104.301 41.4109 104.545 41.0741C104.436 40.9324 104.329 40.6673 104.063 40.475C103.339 39.9499 102.595 39.4286 101.776 38.953C99.3635 37.5524 96.9124 36.1735 94.4739 34.7881C93.7957 34.4031 92.2845 34.407 91.5206 34.7353C91.1908 34.877 90.7111 34.9038 90.2996 34.9826L90.1564 34.8411C90.2624 34.7425 90.3419 34.6286 90.4797 34.547C91.2745 34.0768 91.9917 33.534 92.9232 33.1796C93.4691 32.9719 94.3703 33.0173 95.1028 33.0421C96.0739 33.0751 97.0335 33.2296 98.0059 33.2786C99.9916 33.3784 101.985 33.4195 103.969 33.5275C105.631 33.6181 107.281 33.7922 108.943 33.8854C109.866 33.9369 110.803 33.8985 111.92 33.9008C111.704 33.7044 111.625 33.5907 111.486 33.5113C108.949 32.0635 106.414 30.6144 103.857 29.1785C103.001 28.6974 101.99 28.7157 101.109 29.1787C100.992 29.2401 100.874 29.324 100.734 29.3418C100.547 29.3655 100.252 29.3769 100.164 29.3163C100.065 29.2479 100.068 29.0621 100.163 28.9831C100.383 28.8005 100.681 28.6488 100.956 28.4899C101.924 27.929 102.891 27.3667 103.87 26.812C104.064 26.7021 104.308 26.6225 104.529 26.5289C104.623 26.5534 104.718 26.5782 104.812 26.6028C104.748 26.7911 104.782 27.0221 104.603 27.1603C103.968 27.6506 103.867 27.8332 104.591 28.28C107.254 29.9226 109.96 31.5421 112.662 33.1633C113.853 33.8777 115.081 34.5716 116.271 35.2863C116.386 35.3553 116.45 35.5586 116.369 35.6078C116.192 35.7164 115.906 35.8317 115.668 35.8284C114.782 35.8165 113.895 35.7657 113.012 35.7153C110.844 35.5921 108.677 35.4603 106.51 35.3331C105.425 35.2691 104.337 35.2171 103.255 35.1423C102.225 35.0712 101.2 34.9723 100.171 34.8932C99.1444 34.8142 98.1171 34.7381 97.0871 34.6784C96.9273 34.6693 96.7527 34.7527 96.4986 34.8147"
fill="#353535"
/>
<path
d="M74.3489 38.6203C74.5765 38.6243 74.8404 38.6287 75.313 38.6374C75.1693 39.0953 75.1127 39.5156 74.8995 39.9069C74.3904 40.8412 73.8065 41.7614 73.256 42.6877C72.7933 43.4652 72.3289 44.2423 71.8765 45.0219C71.6251 45.4545 71.4112 45.895 71.1512 46.3259C71.0583 46.479 70.9136 46.6325 70.7267 46.7505C70.6215 46.8165 70.3242 46.8634 70.2141 46.8243C70.0509 46.7657 69.8592 46.6115 69.886 46.5187C69.9724 46.2173 70.1434 45.9231 70.2995 45.6295C70.5296 45.1958 70.7683 44.7637 71.0151 44.3337C71.5947 43.3226 72.1761 42.3118 72.7649 41.3027C73.2762 40.4264 73.7984 39.5525 74.3495 38.6206"
fill="#353535"
/>
</g>
<defs>
<clipPath id="clip0_397_2551">
<rect
width="120"
height="64"
rx="8"
transform="matrix(0.866025 -0.5 0.866025 0.5 0.217773 60.4197)"
fill="white"
/>
</clipPath>
</defs>
</svg>
);
}