Mirrors/ProxMenux
1
0
Fork 0
mirror of https://github.com/MacRimi/ProxMenux.git synced 2025-08-13 16:32:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update hero page

Browse Source
This commit is contained in:
MacRimi 2025-03-07 18:35:07 +01:00
parent da4808336a
commit ae5d2d589b
1 changed files with 20 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
web/components/hero2.tsx
View File

@ -9,25 +9,29 @@ export default function Hero() {
return (
<div className="bg-gradient-to-b from-gray-900 to-gray-800 text-white">
<section className="py-20 px-4 sm:px-6 lg:px-8 flex flex-col justify-center">
<div className="flex items-center justify-center mb-8">
<div className="flex items-center">
<Image
src="https://raw.githubusercontent.com/MacRimi/ProxMenux/main/images/logo.png"
alt="ProxMenux Logo"
width={200}
height={200}
className="mr-2"
/>
<div className="w-0.5 h-60 bg-white mx-6 self-center"></div>
<div className="text-left">
<h1 className="text-4xl sm:text-5xl md:text-6xl font-extrabold text-white">ProxMenux</h1>
<p className="text-2xl sm:text-3xl md:text-4xl mt-2 bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-purple-500 font-bold">
<div className="flex flex-col md:flex-row items-center justify-center mb-8">
<div className="flex flex-col md:flex-row items-center">
<div className="w-32 h-32 sm:w-40 sm:h-40 md:w-48 md:h-48 lg:w-56 lg:h-56 xl:w-64 xl:h-64 relative mb-6 md:mb-0 md:mr-6">
<Image
src="https://raw.githubusercontent.com/MacRimi/ProxMenux/main/images/logo.png"
alt="ProxMenux Logo"
fill
className="object-contain"
sizes="(max-width: 640px) 8rem, (max-width: 768px) 10rem, (max-width: 1024px) 12rem, (max-width: 1280px) 14rem, 16rem"
/>
</div>
<div className="hidden md:block w-0.5 h-40 lg:h-48 xl:h-56 bg-white mx-4 md:mx-6 self-center"></div>
<div className="text-center md:text-left mt-4 md:mt-0 max-w-full md:max-w-md lg:max-w-lg xl:max-w-xl">
<h1 className="text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-extrabold text-white leading-tight">
ProxMenux
</h1>
<p className="text-lg sm:text-xl md:text-2xl lg:text-3xl xl:text-4xl mt-2 bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-purple-500 font-bold leading-tight">
An Interactive Menu for Proxmox VE Management
</p>
</div>
</div>
</div>
<p className="text-base sm:text-lg md:text-xl mb-8 max-w-4xl mx-auto text-gray-300 text-center">
<p className="text-base sm:text-lg md:text-xl mb-8 max-w-xs sm:max-w-sm md:max-w-2xl lg:max-w-3xl xl:max-w-4xl mx-auto text-gray-300 text-center leading-relaxed">
ProxMenux is a management tool for Proxmox VE that simplifies system administration through an interactive
menu, allowing you to execute commands and scripts with ease.
</p>
@ -44,3 +48,5 @@ export default function Hero() {
)
}