design: change font, realignment
This commit is contained in:
parent
5808ae7a8d
commit
b41d3809e9
@ -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 (
|
||||||
|
@ -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>
|
||||||
|
@ -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'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'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>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user