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() { function Services() {
return ( return (
<div className="space-y-2"> <div className="space-y-1">
{services.map((service: Service) => { {services.map((service: Service) => {
const Icon = service.icon; const Icon = service.icon;
return ( return (

View File

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