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

Update landing page layout and content

Browse Source
This commit is contained in:
Bram Suurd
2024-05-02 13:51:57 +02:00
parent 568744d630
commit 94ec0bd4d2
3 changed files with 30 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/page.tsx
View File

@@ -15,7 +15,6 @@ function page() {
</div>
</div>
<div className="h-screen">
</div>
</div>
);

56
components/LandingPage.tsx
View File

@@ -6,33 +6,35 @@ import Link from "next/link";
export default function LandingPage() {
return (
<div className="dark:bg-grid-white/[0.2] bg-grid-black/[0.2] relative flex h-[50rem] w-full flex-col items-center justify-center">
<div className="pointer-events-none absolute inset-0 flex items-center justify-center bg-white [mask-image:radial-gradient(ellipse_at_center,transparent_20%,black)] dark:bg-black"></div>
<div className="animate-fade-up flex 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={1250}
/>
Your Homelab
</p>
<div className="flex gap-2 py-4">
<Button asChild>
<Link href="/scripts">Get Started</Link>
</Button>
<Button variant="secondary" asChild>
<Link href="/about">Learn More</Link>
</Button>
<div className="flex justify-center">
<div className="dark:bg-grid-white/[0.2] bg-grid-black/[0.2] relative flex h-[50rem] w-5/6 flex-col items-center justify-center">
<div className="pointer-events-none absolute inset-0 flex items-center justify-center bg-white [mask-image:radial-gradient(ellipse_at_center,transparent_20%,black)] dark:bg-black"></div>
<div className="animate-fade-up flex 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={1250}
/>
Your Homelab
</p>
<div className="flex gap-2 py-4">
<Button asChild>
<Link href="/scripts">Get Started</Link>
</Button>
<Button variant="secondary" asChild>
<Link href="/about">Learn More</Link>
</Button>
</div>
</div>
</div>
</div>

2
components/Navbar.tsx
View File

@@ -27,7 +27,7 @@ function Navbar() {
return (
<>
<div
className={`sticky left-0 top-0 z-50 flex w-full justify-center duration-200 ease-in-out ${isScrolled ? "border-b backdrop-blur-lg" : ""}`}
className={`fixed left-0 top-0 z-50 flex w-full justify-center duration-200 ease-in-out ${isScrolled ? "border-b backdrop-blur-lg" : ""}`}
>
<div className="flex h-20 w-full max-w-7xl items-center justify-between">
<h1 className="font-semibold ">