From 337000205868fff5a7425f3c3626f4f71338bedc Mon Sep 17 00:00:00 2001
From: MacRimi <ricoextincion@gmail.com>
Date: Fri, 7 Mar 2025 18:12:27 +0100
Subject: [PATCH] Update main page

---
 web/app/docs/about/faq/page.tsx | 18 +++++++--
 web/app/page.tsx                |  4 +-
 web/components/hero2.tsx        | 65 +++++++++++++++++----------------
 3 files changed, 51 insertions(+), 36 deletions(-)

diff --git a/web/app/docs/about/faq/page.tsx b/web/app/docs/about/faq/page.tsx
index 7984152..48cf871 100644
--- a/web/app/docs/about/faq/page.tsx
+++ b/web/app/docs/about/faq/page.tsx
@@ -143,16 +143,28 @@ export default function FaqPage() {
         Can I contribute to ProxMenux?
       </h3>
       <p className="mb-4">
-        Yes! ProxMenux is an open-source project, and contributions are welcome.  
-        You can share ideas or discuss improvements in the{" "}
+      <strong>Absolutely!</strong>
+      </p>
+      <p className="mb-4">
+        ProxMenux is an open-source and collaborative project where you can contribute by developing  
+        new features, opening discussions, or sharing ideas and improvements.
+      </p>
+      <p className="mb-4">
+        Join the{" "}
         <Link href="https://github.com/MacRimi/ProxMenux/discussions" className="text-blue-500 hover:underline">
           Discussions section
-        </Link>.  
+        </Link>{" "}
+        to share ideas and propose enhancements.
+      </p>
+      <p className="mb-4">
         Make sure to review the{" "}
         <Link href="https://github.com/MacRimi/ProxMenux/blob/main/CODE_OF_CONDUCT.md" className="text-blue-500 hover:underline">
           Code of Conduct & Best Practices
         </Link>.
       </p>
+      <p className="mb-4">
+        <strong>All ideas are welcome!</strong>
+      </p>
 
       {/* 8️⃣ Modifying System Files */}
       <h3 className="text-xl font-semibold mt-16 mb-4 flex items-center">
diff --git a/web/app/page.tsx b/web/app/page.tsx
index f5a54dd..b32a22b 100644
--- a/web/app/page.tsx
+++ b/web/app/page.tsx
@@ -1,4 +1,4 @@
-import Hero from "@/components/hero"
+import Hero2 from "@/components/hero2"
 import Resources from "@/components/resources"
 import SupportProject from "@/components/support-project"
 import Footer from "@/components/footer"
@@ -7,7 +7,7 @@ import Footer from "@/components/footer"
 export default function Home() {
   return (
     <div className="min-h-screen bg-gradient-to-b from-gray-900 to-gray-800 text-white pt-16">
-      <Hero />
+      <Hero2 />
       <Resources />
       <SupportProject />
       <Footer />
diff --git a/web/components/hero2.tsx b/web/components/hero2.tsx
index fd98e32..cea36c7 100644
--- a/web/components/hero2.tsx
+++ b/web/components/hero2.tsx
@@ -7,37 +7,40 @@ import Image from "next/image"
 
 export default function Hero() {
   return (
-    <section className="py-20 px-4 sm:px-6 lg:px-8">
-      <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-6"
-          />
-          <div className="w-px h-20 bg-white mx-6"></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">
-              An Interactive Menu for Proxmox VE Management
-            </p>
+    <div className="min-h-screen bg-gradient-to-b from-gray-900 to-gray-800 text-white">
+      <section className="py-20 px-4 sm:px-6 lg:px-8 h-full 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">
+                An Interactive Menu for Proxmox VE Management
+              </p>
+            </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">
-        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>
-      <div className="flex justify-center">
-        <Button size="lg" className="bg-blue-500 hover:bg-blue-600" asChild>
-          <Link href="/docs/installation">
-            Install Now
-            <ArrowRight className="ml-2 h-4 w-4" />
-          </Link>
-        </Button>
-      </div>
-    </section>
+        <p className="text-base sm:text-lg md:text-xl mb-8 max-w-4xl mx-auto text-gray-300 text-center">
+          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>
+        <div className="flex justify-center">
+          <Button size="lg" className="bg-blue-500 hover:bg-blue-600" asChild>
+            <Link href="/docs/installation">
+              Install Now
+              <ArrowRight className="ml-2 h-4 w-4" />
+            </Link>
+          </Button>
+        </div>
+      </section>
+    </div>
   )
-}
\ No newline at end of file
+}
+