Mirrors/ProxMenux
1
0
Fork 0
mirror of https://github.com/MacRimi/ProxMenux.git synced 2025-08-14 08:52:22 +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

26
web/components/hero2.tsx
View File

@ -9,25 +9,29 @@ export default function Hero() {
return ( return (
<div className="bg-gradient-to-b from-gray-900 to-gray-800 text-white"> <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"> <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 flex-col md:flex-row items-center justify-center mb-8">
<div className="flex items-center"> <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 <Image
src="https://raw.githubusercontent.com/MacRimi/ProxMenux/main/images/logo.png" src="https://raw.githubusercontent.com/MacRimi/ProxMenux/main/images/logo.png"
alt="ProxMenux Logo" alt="ProxMenux Logo"
width={200} fill
height={200} className="object-contain"
className="mr-2" sizes="(max-width: 640px) 8rem, (max-width: 768px) 10rem, (max-width: 1024px) 12rem, (max-width: 1280px) 14rem, 16rem"
/> />
<div className="w-0.5 h-60 bg-white mx-6 self-center"></div> </div>
<div className="text-left"> <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>
<h1 className="text-4xl sm:text-5xl md:text-6xl font-extrabold text-white">ProxMenux</h1> <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">
<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"> <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 An Interactive Menu for Proxmox VE Management
</p> </p>
</div> </div>
</div> </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 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. menu, allowing you to execute commands and scripts with ease.
</p> </p>
@ -44,3 +48,5 @@ export default function Hero() {
) )
} }