Merge pull request #65 from abhrajitray77/hero-redesign

README.md

@@ -1,5 +1,5 @@
 <p align="center">
-  <img src=".github/assets/logo-no-bg.png" alt="Gitea Mirror Logo" width="120" />
+  <img src=".github/assets/logo.png" alt="Gitea Mirror Logo" width="120" />
   <h1>Gitea Mirror</h1>
   <p><i>Automatically mirror repositories from GitHub to your self-hosted Gitea instance.</i></p>
   <p align="center">

src/components/auth/LoginForm.tsx

@@ -84,14 +84,9 @@ export function LoginForm() {
         <CardHeader className="text-center">
           <div className="flex justify-center mb-4">
             <img
-              src="/logo-light.svg"
+              src="/logo.png"
               alt="Gitea Mirror Logo"
-              className="h-10 w-10 dark:hidden"
-            />
-            <img
-              src="/logo-dark.svg"
-              alt="Gitea Mirror Logo"
-              className="h-10 w-10 hidden dark:block"
+              className="h-8 w-10"
             />
           </div>
           <CardTitle className="text-2xl">Gitea Mirror</CardTitle>

src/components/auth/SignupForm.tsx

@@ -54,14 +54,9 @@ export function SignupForm() {
         <CardHeader className="text-center">
           <div className="flex justify-center mb-4">
             <img
-              src="/logo-light.svg"
+              src="/logo.png"
               alt="Gitea Mirror Logo"
-              className="h-10 w-10 dark:hidden"
-            />
-            <img
-              src="/logo-dark.svg"
-              alt="Gitea Mirror Logo"
-              className="h-10 w-10 hidden dark:block"
+              className="h-8 w-10"
             />
           </div>
           <CardTitle className="text-2xl">Create Admin Account</CardTitle>

src/components/layout/Header.tsx

@@ -85,14 +85,9 @@ export function Header({ currentPage, onNavigate, onMenuClick }: HeaderProps) {
             className="flex items-center gap-2 py-1 hover:opacity-80 transition-opacity"
           >
             <img
-              src="/logo-light.svg"
+              src="/logo.png"
               alt="Gitea Mirror Logo"
-              className="h-6 w-6 dark:hidden"
-            />
-            <img
-              src="/logo-dark.svg"
-              alt="Gitea Mirror Logo"
-              className="h-6 w-6 hidden dark:block"
+              className="h-5 w-6"
             />
             <span className="text-xl font-bold hidden sm:inline">Gitea Mirror</span>
           </button>

www/src/components/Footer.astro

@@ -34,14 +34,9 @@ const currentYear = new Date().getFullYear();
       <div class="text-center">
         <div class="flex items-center justify-center gap-2 mb-2">
           <img
-            src="/logo-light.svg"
+            src="/assets/logo.png"
             alt="Gitea Mirror"
-            class="w-6 h-6 sm:w-8 sm:h-8 dark:hidden"
-          />
-          <img
-            src="/logo-dark.svg"
-            alt="Gitea Mirror"
-            class="w-6 h-6 sm:w-8 sm:h-8 hidden dark:block"
+            class="w-7 h-6 md:w-10 md:h-8"
           />
           <span class="font-semibold text-base sm:text-lg">Gitea Mirror</span>
         </div>

www/src/components/Header.tsx

@@ -29,14 +29,9 @@ export function Header() {
           {/* Logo */}
           <a href="#" className="flex items-center gap-2 group">
             <img
-              src="/logo-light.svg"
+              src="/assets/logo.png"
               alt="Gitea Mirror Logo"
-              className="h-6 w-6 dark:hidden"
-            />
-            <img
-              src="/logo-dark.svg"
-              alt="Gitea Mirror Logo"
-              className="h-6 w-6 hidden dark:block"
+              className="w-7 h-6 md:w-10 md:h-8"
             />
             <span className="text-lg sm:text-xl font-bold">Gitea Mirror</span>
           </a>

www/src/components/Hero.tsx

@@ -16,6 +16,7 @@ export function Hero() {
 
       {/* spline object */}
       <div className="spline-object absolute inset-0 max-lg:-z-10 max-h-[40rem] -translate-y-16 md:max-h-[50rem] lg:max-h-[60%] xl:max-h-[70%] 2xl:max-h-[80%] md:-translate-y-24 lg:-translate-y-28 flex items-center justify-center">
+        <div className="absolute right-2 bottom-4 h-20 w-40 bg-[#f8fbfb] dark:bg-[#010708]"/>
         <Spline
           scene="https://prod.spline.design/jl0aKWbdH9vHQnYV/scene.splinecode"
         />