design: change font, realignment

This commit is contained in:
Aidan 2025-04-17 10:52:18 -04:00
parent 5808ae7a8d
commit b41d3809e9
3 changed files with 8 additions and 6 deletions

View File

@ -7,7 +7,7 @@ interface Service {
function Services() {
return (
<div className="space-y-2">
<div className="space-y-1">
{services.map((service: Service) => {
const Icon = service.icon;
return (

View File

@ -1,10 +1,12 @@
import type { Metadata } from "next"
import { Almendra } from "next/font/google"
import { Ubuntu } from "next/font/google"
import "./globals.css"
const almendra = Almendra({
const ubuntu = Ubuntu({
subsets: ["latin"],
weight: ["400", "700"],
variable: "--font-ubuntu",
display: "swap",
weight: ["400", "500", "700"],
})
export const metadata: Metadata = {
@ -20,7 +22,7 @@ export default function RootLayout({
return (
<html lang="en">
<body
className={`${almendra.className} antialiased`}
className={`${ubuntu.className} antialiased`}
>
{children}
</body>

View File

@ -10,7 +10,7 @@ export default function Home() {
<p className="text-2xl mt-1">My name is <span className="text-slate-500">{process.env.NEXT_PUBLIC_SERVER_NAME}</span>, and I&apos;m a server.</p>
</div>
<div className="w-full max-w-md text-center my-10">
<h1 className="text-3xl font-bold mb-4">I am the backbone for</h1>
<h1 className="text-3xl font-bold mb-2">I am the backbone for</h1>
<Services />
</div>
</div>