The weeb for the next gen discord boat - Wamellow
wamellow.com
bot
discord
style: replace Montserrat with Lexend font (#58)
authored by
Luna Seemann
and committed by
GitHub
d8b4ddf9
90b952eb
+16
-16
+3
-3
app/(home)/cta.component.tsx
+3
-3
app/(home)/cta.component.tsx
···
1
1
import { Button } from "@/components/ui/button";
2
2
import { cn } from "@/utils/cn";
3
-
import { Montserrat } from "next/font/google";
3
+
import { Lexend } from "next/font/google";
4
4
import Link from "next/link";
5
5
import { HiArrowRight, HiUserAdd } from "react-icons/hi";
6
6
7
-
const montserrat = Montserrat({ subsets: ["latin"] });
7
+
const lexend = Lexend({ subsets: ["latin"] });
8
8
9
9
export function CallToAction() {
10
10
return (
···
14
14
<div className="absolute -bottom-24 -left-24 size-64 bg-pink-400/20 rounded-full blur-3xl" />
15
15
16
16
<div className="relative z-10 text-center max-w-2xl mx-auto">
17
-
<h2 className={cn(montserrat.className, "text-3xl md:text-4xl font-bold bg-linear-to-r from-white via-violet-200 to-white bg-clip-text text-transparent mb-4")}>
17
+
<h2 className={cn(lexend.className, "text-3xl md:text-4xl font-bold bg-linear-to-r from-white via-violet-200 to-white bg-clip-text text-transparent mb-4")}>
18
18
Ready to get started?
19
19
</h2>
20
20
<p className="text-muted-foreground text-lg mb-8">
+6
-6
app/(home)/page.tsx
+6
-6
app/(home)/page.tsx
···
22
22
import { cn } from "@/utils/cn";
23
23
import { actor } from "@/utils/tts";
24
24
import { getCanonicalUrl } from "@/utils/urls";
25
-
import { Montserrat, Patrick_Hand } from "next/font/google";
25
+
import { Lexend, Patrick_Hand } from "next/font/google";
26
26
import Image from "next/image";
27
27
import Link from "next/link";
28
28
import { Suspense } from "react";
···
35
35
import { Ratings } from "./ratings.component";
36
36
import { TTSDemo } from "./tts-demo.component";
37
37
38
-
const montserrat = Montserrat({ subsets: ["latin"], display: "swap" });
38
+
const lexend = Lexend({ subsets: ["latin"], display: "swap" });
39
39
const handwritten = Patrick_Hand({ subsets: ["latin"], weight: "400", display: "swap" });
40
40
41
41
export const revalidate = 43_200;
42
42
43
43
const styles = {
44
-
h2: cn(montserrat.className, "lg:text-5xl text-4xl bg-linear-to-b bg-clip-text text-transparent from-neutral-200 from-40% to-neutral-300 font-bold mb-4"),
45
-
h3: cn(montserrat.className, "lg:text-2xl text-xl bg-linear-to-b bg-clip-text text-transparent from-neutral-200 from-40% to-neutral-300 font-semibold")
44
+
h2: cn(lexend.className, "lg:text-5xl text-4xl bg-linear-to-b bg-clip-text text-transparent from-neutral-200 from-40% to-neutral-300 font-bold mb-4"),
45
+
h3: cn(lexend.className, "lg:text-2xl text-xl bg-linear-to-b bg-clip-text text-transparent from-neutral-200 from-40% to-neutral-300 font-semibold")
46
46
};
47
47
48
48
const messageProps = (command?: string) => ({
···
73
73
<Ratings />
74
74
</Suspense>
75
75
76
-
<h1 className={cn(montserrat.className, "lg:text-7xl md:text-6xl text-5xl max-w-md md:max-w-xl font-semibold dark:text-neutral-100 text-neutral-900 break-words")}>
76
+
<h1 className={cn(lexend.className, "lg:text-7xl md:text-6xl text-5xl max-w-md md:max-w-xl font-semibold dark:text-neutral-100 text-neutral-900 break-words")}>
77
77
<span className="bg-linear-to-r from-indigo-400 to-pink-400 bg-clip-text text-transparent h-20 break-keep">
78
-
Accessibility
78
+
Accessibility<br />
79
79
</span>
80
80
{" for "}
81
81
<span className="break-keep inline-flex items-center">
+3
-3
app/(home)/status/layout.tsx
+3
-3
app/(home)/status/layout.tsx
···
2
2
import { cn } from "@/utils/cn";
3
3
import { getBaseUrl, getCanonicalUrl } from "@/utils/urls";
4
4
import type { Metadata } from "next";
5
-
import { Montserrat } from "next/font/google";
5
+
import { Lexend } from "next/font/google";
6
6
import type { ReactNode } from "react";
7
7
8
8
import { Commands } from "../commands.component";
9
9
10
-
const montserrat = Montserrat({ subsets: ["latin"] });
10
+
const lexend = Lexend({ subsets: ["latin"] });
11
11
12
12
interface Props {
13
13
children: ReactNode;
···
52
52
53
53
return (<>
54
54
<h1
55
-
className={cn(montserrat.className, "lg:text-5xl text-4xl font-bold dark:text-neutral-100 text-neutral-900 break-words mb-2")}
55
+
className={cn(lexend.className, "lg:text-5xl text-4xl font-bold dark:text-neutral-100 text-neutral-900 break-words mb-2")}
56
56
>
57
57
<span className="bg-linear-to-r from-indigo-400 to-pink-400 bg-clip-text text-transparent h-20 break-keep">Wamellow</span>
58
58
{" status"}
+1
-1
app/layout.tsx
+1
-1
app/layout.tsx
···
19
19
const outfit = Outfit({ subsets: ["latin", "latin-ext"], variable: "--font-outfit" });
20
20
const notosansJP = Noto_Sans_JP({ subsets: ["cyrillic", "vietnamese"], variable: "--font-noto-sans-jp" });
21
21
22
-
const lexend = Lexend({ subsets: ["latin"] });
22
+
const lexend = Lexend({ weight: "600", subsets: ["latin"] });
23
23
24
24
// TODO: get automatically from top.gg
25
25
const reviews = {