initial commit
This commit is contained in:
commit
0f94d1300e
18 changed files with 947 additions and 0 deletions
12
app/services/[slug]/page.tsx
Normal file
12
app/services/[slug]/page.tsx
Normal file
|
@ -0,0 +1,12 @@
|
|||
"use client"
|
||||
|
||||
import { ServicesShell } from "@/components/front/services"
|
||||
import { useParams } from "next/navigation"
|
||||
|
||||
export default function Service() {
|
||||
const slug = useParams().slug
|
||||
|
||||
return (
|
||||
<ServicesShell slug={slug as string} />
|
||||
)
|
||||
}
|
87
app/services/page.tsx
Normal file
87
app/services/page.tsx
Normal file
|
@ -0,0 +1,87 @@
|
|||
import { Nav } from "@/components/core/nav"
|
||||
import { SiForgejo, SiJellyfin, SiOllama } from "react-icons/si"
|
||||
import { TbKey, TbMail, TbServer, TbTool } from "react-icons/tb"
|
||||
import Link from "next/link"
|
||||
|
||||
export default function Services() {
|
||||
return (
|
||||
<main>
|
||||
<Nav />
|
||||
<div className="flex flex-col items-center justify-between gap-10 my-16">
|
||||
<div className="flex flex-row items-center justify-between gap-2">
|
||||
<TbTool size={36} />
|
||||
<h1 className="text-4xl font-bold">
|
||||
services
|
||||
</h1>
|
||||
</div>
|
||||
<div className="flex flex-col items-center justify-between gap-2">
|
||||
<h2 className="text-3xl font-light text-center w-full flex flex-wrap items-center justify-center">
|
||||
please select a service.
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="grid grid-cols-4 gap-4 my-4 w-3/4 mx-auto">
|
||||
<Link href="/services/git">
|
||||
<div className="flex flex-col gap-2 text-lg bg-blue-400 text-white px-8 py-8 rounded-4xl">
|
||||
<div className="flex flex-row items-center justify-between gap-2">
|
||||
<SiForgejo size={36} />
|
||||
<span className="text-2xl font-bold">
|
||||
git
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</Link>
|
||||
<Link href="/services/mail">
|
||||
<div className="flex flex-col gap-2 text-lg bg-blue-400 text-white px-8 py-8 rounded-4xl">
|
||||
<div className="flex flex-row items-center justify-between gap-2">
|
||||
<TbMail size={36} />
|
||||
<span className="text-2xl font-bold">
|
||||
email
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</Link>
|
||||
<Link href="/services/ai">
|
||||
<div className="flex flex-col gap-2 text-lg bg-blue-400 text-white px-8 py-8 rounded-4xl">
|
||||
<div className="flex flex-row items-center justify-between gap-2">
|
||||
<SiOllama size={36} />
|
||||
<span className="text-2xl font-bold">
|
||||
ai
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</Link>
|
||||
<Link href="/services/tv">
|
||||
<div className="flex flex-col gap-2 text-lg bg-blue-400 text-white px-8 py-8 rounded-4xl">
|
||||
<div className="flex flex-row items-center justify-between gap-2">
|
||||
<SiJellyfin size={36} />
|
||||
<span className="text-2xl font-bold">
|
||||
tv
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</Link>
|
||||
<Link href="/services/keybox">
|
||||
<div className="flex flex-col gap-2 text-lg bg-blue-400 text-white px-8 py-8 rounded-4xl">
|
||||
<div className="flex flex-row items-center justify-between gap-2">
|
||||
<TbKey size={36} />
|
||||
<span className="text-2xl font-bold">
|
||||
keybox
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</Link>
|
||||
<Link href="/services/hosting">
|
||||
<div className="flex flex-col gap-2 text-lg bg-blue-400 text-white px-8 py-8 rounded-4xl">
|
||||
<div className="flex flex-row items-center justify-between gap-2">
|
||||
<TbServer size={36} />
|
||||
<span className="text-2xl font-bold">
|
||||
hosting
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</Link>
|
||||
</div>
|
||||
</main>
|
||||
)
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue