The weeb for the next gen discord boat - Wamellow
wamellow.com
bot
discord
update branding
+25
-3
+5
-2
app/layout.tsx
+5
-2
app/layout.tsx
···
3
3
import { LoginButton } from "@/components/login-button";
4
4
import { Button } from "@/components/ui/button";
5
5
import { Separator } from "@/components/ui/separator";
6
+
import Icon from "@/public/icon.svg";
6
7
import { cn } from "@/utils/cn";
7
8
import { getBaseUrl } from "@/utils/urls";
8
9
import type { Metadata, Viewport } from "next";
···
109
110
data-domain="wamellow.com"
110
111
src="https://analytics.wamellow.com/js/script.outbound-links.js"
111
112
/>
113
+
112
114
<Script
113
115
id="reviews"
114
116
type="application/ld+json"
115
117
>
116
118
{JSON.stringify(reviews)}
117
119
</Script>
120
+
118
121
{process.env.NODE_ENV === "development" && (
119
122
<Script src="https://unpkg.com/react-scan/dist/auto.global.js" />
120
123
)}
···
177
180
<nav className={cn("p-4 flex items-center gap-2 text-base text-neutral-300 select-none h-20 relative", className)}>
178
181
<Link
179
182
aria-label="Go to Wamellow's homepage"
180
-
className={cn("font-semibold flex items-center shrink-0", lexend.className)}
183
+
className={cn("font-semibold flex items-center shrink-0 group", lexend.className)}
181
184
href="/"
182
185
>
183
-
<Image src="/waya-v3.webp" width={64} height={64} alt="" className="rounded-full size-8 shrink-0 mr-3" />
186
+
<Image src={Icon} alt="wamellow icon" className="size-8 shrink-0 mr-4 pt-1 group-hover:rotate-45 duration-200" />
184
187
<span className="text-xl dark:text-neutral-100 text-neutral-900 hidden sm:block">Wamellow</span>
185
188
</Link>
186
189
+19
public/icon.svg
+19
public/icon.svg
···
1
+
<svg width="4123" height="3941" viewBox="0 0 4123 3941" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+
<g filter="url(#filter0_d_37_25)">
3
+
<path d="M10 1541L2422 2718.5L4032.5 10L10 1541Z" fill="#FC55E6"/>
4
+
<path d="M2744.5 3850.5L10 1541L2422 2718.5L2744.5 3850.5Z" fill="#F9EAFF"/>
5
+
<path d="M2744.5 3850.5L4032.78 10L2422.28 2718.5L2744.5 3850.5Z" fill="#9255FC"/>
6
+
</g>
7
+
<defs>
8
+
<filter id="filter0_d_37_25" x="0" y="0" width="4122.78" height="3940.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
9
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
10
+
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
11
+
<feOffset dx="40" dy="40"/>
12
+
<feGaussianBlur stdDeviation="25"/>
13
+
<feComposite in2="hardAlpha" operator="out"/>
14
+
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
15
+
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_37_25"/>
16
+
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_37_25" result="shape"/>
17
+
</filter>
18
+
</defs>
19
+
</svg>
