SVI/Proxmox
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

moved landing page from component to page.jsx

Browse Source
This commit is contained in:
Bram Suurd
2024-05-04 19:56:38 +02:00
parent de50973611
commit f856071741
2 changed files with 39 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
app/page.tsx
View File

@@ -1,11 +1,43 @@
import LandingPage from "@/components/LandingPage";
"use client";
import Image from "next/image";
import { Typewriter } from "react-simple-typewriter";
import { Button } from "@/components/ui/button";
import Link from "next/link";
function page() {
export default function LandingPage() {
return (
<>
<LandingPage />
</>
<div className="flex justify-center">
<div className="relative flex h-screen w-full flex-col items-center justify-center bg-grid-black/[0.1] dark:bg-grid-white/[0.1]">
<div className="pointer-events-none absolute inset-0 flex items-center justify-center bg-background [mask-image:radial-gradient(ellipse_at_center,transparent_0%,black)]"></div>
<div className="flex animate-fade-up flex-col items-center justify-center">
<Image src="/logo.png" alt="proxmox" width={150} height={150} />
<h1 className="relative z-20 bg-gradient-to-b from-neutral-200 to-neutral-500 bg-clip-text py-4 text-4xl font-bold text-transparent sm:text-5xl">
Proxmox VE Helper-Scripts
</h1>
<p className="bg-gradient-to-b from-neutral-200 to-neutral-500 bg-clip-text text-xl">
Proxmox VE Scripts for{" "}
<Typewriter
words={[
"Streamlining",
"Automating",
"Simplifying",
"Optimizing",
]}
loop={false}
cursor={true}
typeSpeed={70}
deleteSpeed={50}
delaySpeed={2000}
/>
Your Homelab
</p>
<div className="flex gap-2 py-4">
<Button asChild>
<Link href="/scripts">Browse Scripts</Link>
</Button>
</div>
</div>
</div>
</div>
);
}
export default page;

43
components/LandingPage.tsx
View File

@@ -1,43 +0,0 @@
'use client'
import Image from "next/image";
import { Typewriter } from "react-simple-typewriter";
import { Button } from "./ui/button";
import Link from "next/link";
export default function LandingPage() {
return (
<div className="flex justify-center">
<div className="relative flex h-screen w-full flex-col items-center justify-center bg-grid-black/[0.1] dark:bg-grid-white/[0.1]">
<div className="pointer-events-none absolute inset-0 flex items-center justify-center bg-background [mask-image:radial-gradient(ellipse_at_center,transparent_0%,black)]"></div>
<div className="flex animate-fade-up flex-col items-center justify-center">
<Image src="/logo.png" alt="proxmox" width={150} height={150} />
<h1 className="relative z-20 bg-gradient-to-b from-neutral-200 to-neutral-500 bg-clip-text py-4 text-4xl font-bold text-transparent sm:text-5xl">
Proxmox VE Helper-Scripts
</h1>
<p className="bg-gradient-to-b from-neutral-200 to-neutral-500 bg-clip-text text-xl">
Proxmox VE Scripts for{" "}
<Typewriter
words={[
"Streamlining",
"Automating",
"Simplifying",
"Optimizing",
]}
loop={false}
cursor={true}
typeSpeed={70}
deleteSpeed={50}
delaySpeed={2000}
/>
Your Homelab
</p>
<div className="flex gap-2 py-4">
<Button asChild>
<Link href="/scripts">Browse Scripts</Link>
</Button>
</div>
</div>
</div>
</div>
);
}