Improved website

Author: gcclinux

README.md

@@ -10,7 +10,7 @@ EasyEdit is an easy markdown editor that allows you to write Markdown (MD) and p
 
 ## *Try it before Installing it*
 
-[Try EasyEdit](https://easyedit-web.web.app/ "EasyEdit")
+[![Try EasyEdit Online](https://img.shields.io/badge/🚀_Try_EasyEdit-Launch_Web_App-success?style=for-the-badge&logo=rocket)](https://gcclinux.github.io/EasyEdit/webapp/)
 
 ## *Install the project*
 ```
@@ -60,20 +60,21 @@ $ docker run -d --name EASYEDIT -p 3024:3024 ghcr.io/gcclinux/easyedit:main
 | row1 | col2 | col3 |
 | row2 | col2 | col3 |
 
-## *Markdown Image URL Example*
+---
 
-[![GitHub Project](https://raw.githubusercontent.com/gcclinux/EasyEdit/refs/heads/main/public/easyedit128.png "EasyEdit Icon")](https://github.com/gcclinux/EasyEdit)
+## *Quick Links*
 
----
+[![Home](https://img.shields.io/badge/🏠_Home-Visit_Site-blue?style=for-the-badge)](https://gcclinux.github.io/EasyEdit/) 
+[![Docs](https://img.shields.io/badge/📚_Documentation-Read_Docs-green?style=for-the-badge)](https://gcclinux.github.io/EasyEdit/docs) 
+[![Features](https://img.shields.io/badge/✨_Features-Explore-purple?style=for-the-badge)](https://gcclinux.github.io/EasyEdit/features) 
 
-## *Links*
+[![Download](https://img.shields.io/badge/⬇️_Download-Get_Latest-orange?style=for-the-badge)](https://gcclinux.github.io/EasyEdit/download) 
+[![WebApp](https://img.shields.io/badge/🚀_Web_App-Try_Online-success?style=for-the-badge)](https://gcclinux.github.io/EasyEdit/webapp/) 
+[![Releases](https://img.shields.io/badge/📦_Releases-View_All-blueviolet?style=for-the-badge)](https://github.com/gcclinux/EasyEdit/releases) 
 
-- [Home](https://gcclinux.github.io/EasyEdit/)
-- [Docs](https://gcclinux.github.io/EasyEdit/docs)
-- [Features](https://gcclinux.github.io/EasyEdit/features)
-- [Downloads](https://gcclinux.github.io/EasyEdit/download)
-- [Project](https://github.com/gcclinux/EasyEdit)
-- [Latest releases](https://github.com/gcclinux/EasyEdit/releases)
+[![GitHub](https://img.shields.io/badge/💻_Source_Code-GitHub-black?style=for-the-badge&logo=github)](https://github.com/gcclinux/EasyEdit) 
+[![Stars](https://img.shields.io/github/stars/gcclinux/EasyEdit?style=for-the-badge&logo=github)](https://github.com/gcclinux/EasyEdit/stargazers) 
+[![License](https://img.shields.io/github/license/gcclinux/EasyEdit?style=for-the-badge)](LICENSE) 
 
 ## *Support & Community*
 

docs-site/src/components/Header.css

@@ -49,17 +49,20 @@
 
 .webapp-link {
   padding: 0.5rem 1rem;
-  background: linear-gradient(135deg, var(--accent-color), var(--secondary-color));
+  background: linear-gradient(135deg, #50c878, #48b06f);
   color: white !important;
   border-radius: 6px;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
   font-weight: 600;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
 }
 
 .webapp-link:hover {
   transform: translateY(-2px);
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
-  text-decoration: none;
+  text-decoration: none !important;
+  color: white !important;
+  background: linear-gradient(135deg, #48b06f, #3fa060);
 }
 
 .github-link {

docs-site/src/components/Header.tsx

@@ -14,16 +14,6 @@ export default function Header() {
             <li><Link to="/features">Features</Link></li>
             <li><Link to="/docs">Docs</Link></li>
             <li><Link to="/download">Download</Link></li>
-            <li>
-              <a 
-                href="/EasyEdit/webapp/" 
-                target="_blank" 
-                rel="noopener noreferrer"
-                className="webapp-link"
-              >
-                🚀 Web App
-              </a>
-            </li>
             <li>
               <a 
                 href="https://github.com/gcclinux/EasyEdit" 

docs-site/src/pages/Docs.tsx

@@ -131,13 +131,13 @@ export default function Docs() {
             </div>
           </div>
 
-          <div className="try-it-section">
+                    <div className="try-it-section">
             <h2>Try EasyEdit Online</h2>
             <p>Experience EasyEdit directly in your browser without downloading anything!</p>
-            <div className="hero-buttons">
-              <Link to="/docs" className="btn btn-secondary">📚 Documentation</Link>
-              <a href="https://easyedit-web.web.app/" target="_blank" rel="noopener noreferrer" className="btn btn-primary">🚀 Try It Online</a>
-              <Link to="/download" className="btn btn-secondary">⬇️ Download</Link>
+            <div className="cta-links">
+              <Link to="/EasyEdit/docs" className="cta-button secondary">📚 Docs</Link>
+              <a href="/EasyEdit/webapp/" target="_blank" rel="noopener noreferrer" className="cta-button primary">🚀 Try It</a>
+              <Link to="/EasyEdit/download" className="cta-button secondary">⬇️ Download</Link>
             </div>
           </div>
         </div>

docs-site/src/pages/Home.css

@@ -36,26 +36,56 @@
   flex-wrap: wrap;
 }
 
+.hero-buttons .btn-primary {
+  background-color: white;
+  color: #667eea !important;
+  text-shadow: none;
+}
+
+.hero-buttons .btn-primary:hover {
+  background-color: #f8f9ff;
+  color: #5570d6 !important;
+}
+
+.btn-webapp {
+  background-color: #ffffff !important;
+  color: #4a5568 !important;
+  font-weight: 700 !important;
+  text-shadow: none !important;
+  border: 2px solid #e2e8f0 !important;
+}
+
+.btn-webapp:hover {
+  background-color: #f7fafc !important;
+  color: #2d3748 !important;
+  border-color: #cbd5e0 !important;
+  transform: translateY(-2px);
+}
+
 .btn {
   padding: 0.875rem 2rem;
   border-radius: 8px;
   font-weight: 600;
-  text-decoration: none;
+  text-decoration: none !important;
   transition: all 0.3s ease;
   display: inline-block;
   font-size: 1rem;
   border: 2px solid transparent;
+  cursor: pointer;
 }
 
 .btn-primary {
   background-color: white;
-  color: #667eea;
+  color: #667eea !important;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
 }
 
 .btn-primary:hover {
   transform: translateY(-2px);
-  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
-  text-decoration: none;
+  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
+  text-decoration: none !important;
+  color: #5570d6 !important;
+  background-color: #f8f9ff;
 }
 
 .btn-secondary {

docs-site/src/pages/Home.tsx

@@ -20,8 +20,8 @@ export default function Home() {
               <Link to="/docs" className="btn btn-secondary">
                 📚 Documentation
               </Link>
-              <a href="https://easyedit-web.web.app/" target="_blank" rel="noopener noreferrer" className="btn btn-primary">
-                🚀 Try It Online
+              <a href="/EasyEdit/webapp/" target="_blank" rel="noopener noreferrer" className="btn btn-primary btn-webapp">
+                🚀 WebApp
               </a>
               <Link to="/download" className="btn btn-secondary">
                 ⬇️ Download