diff --git a/docs/home.html b/docs/home.html
new file mode 100644
index 0000000..67d6b47
--- /dev/null
+++ b/docs/home.html
@@ -0,0 +1,235 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Cloud Gallery</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            margin: 0;
+            padding: 0;
+            background-color: white;
+            color: black;
+        }
+        header {
+            background-color: white;
+            text-align: center;
+            padding: 20px 0;
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+        }
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 20px;
+        }
+        .app-details {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 40px 20px;
+        }
+        .app-details .text {
+            max-width: 50%;
+        }
+        .app-details h2 {
+            color: black;
+            font-size: 32px;
+            margin-bottom: 10px;
+        }
+        .app-details p {
+            font-size: 16px;
+            margin-bottom: 20px;
+        }
+        .app-details .screenshots img {
+            width: 300px;
+            height: auto;
+            border-radius: 10px;
+            margin: 0 10px; 
+            transition: transform 0.3s;
+        }
+        .app-details .screenshots img:hover {
+            transform: scale(1.05);
+        }
+        .features {
+            padding: 40px 20px;
+        }
+        .features h2 {
+            text-align: center;
+            margin-bottom: 30px;
+        }
+        .features .feature-list {
+            display: flex;
+            flex-wrap: wrap;
+            justify-content: center;
+            gap: 20px;
+        }
+        .feature {
+            padding: 20px;
+            width: 28%;
+            border-radius: 15px;
+            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
+            transition: transform 0.3s, box-shadow 0.3s, background 0.3s;
+        }
+        .feature:hover {
+            transform: translateY(-5px);
+            background-color: rgba(204, 49, 61, 0.1);
+        }
+        .feature h3 {
+            margin-bottom: 10px;
+        }
+        footer {
+            display: flex;
+           justify-content: space-around;
+            padding: 40px 20px;
+            box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
+        }
+        footer .footer-section {
+            display: flex;
+            flex-direction: column;
+            align-items: flex-start;
+            gap: 10px;
+        }
+        footer a {
+            text-decoration: none;
+            color: black;
+            font-size: 14px;
+            transition: color 0.3s;
+        }
+        footer a:hover {
+            color: #CC313D;
+        }
+        footer img {
+            width: 150px;
+            transition: transform 0.3s;
+        }
+        footer img:hover {
+            transform: scale(1.05);
+        }
+        @media (max-width: 768px) {
+            .app-details {
+                flex-direction: column;
+                text-align: center;
+            }
+            .app-details .text {
+                max-width: 100%;
+                margin-bottom: 20px;
+            }
+            .features .feature-list .feature {
+                width: 95%;
+            }
+            footer {
+                flex-direction: column;
+                align-items: center;
+                gap: 20px;
+            }
+            footer .footer-section {
+                align-items: center;
+            }
+        }
+        @media (max-width: 480px) {
+            .features .feature-list .feature {
+                width: 100%;
+            }
+        }
+    </style>
+</head>
+<body>
+
+<div class="container">
+    <section class="app-details">
+        <div class="text">
+            <h2>Cloud Gallery: All Your Memories in One Spot</h2>
+            <p>Easily view and manage photos, videos from Google
+                Drive, Dropbox, and your device, all in a simple, user-friendly interface.</p>
+            <div>
+                <a href="https://play.google.com/store/apps/details?id=com.canopas.cloud_gallery">
+                    <img src="https://github.com/canopas/cloud-gallery/raw/main/cta/google-play.png"
+                         width="200" alt="Download on Google Play">
+                </a>
+                <a href="https://apps.apple.com/in/app/cloud-gallery/id6480052005?platform=iphone">
+                    <img src="https://github.com/canopas/cloud-gallery/raw/main/cta/app-store.png"
+                         width="200" alt="Download on App Store">
+                </a>
+            </div>
+        </div>
+        <div class="screenshots">
+            <img src="https://github.com/canopas/cloud-gallery/raw/main/screenshots/home-light.png"
+                 alt="Screenshot">
+
+        </div>
+    </section>
+    <section class="features">
+        <h2>Features</h2>
+        <div class="feature-list">
+            <div class="feature">
+                <h3>Sync with Cloud Providers</h3>
+                <p>Easily access and manage your photos and videos stored on both your
+                    device and cloud accounts like Google Drive and Dropbox, all in one place. Enjoy the convenience
+                    of having your memories at your fingertips, wherever you go.</p>
+            </div>
+            <div class="feature">
+                <h3>Auto Backup to Cloud</h3>
+                <p>Never worry about losing your cherished memories again! Cloud
+                    Gallery’s auto backup feature ensures your local photos and videos are automatically backed up to
+                    either Google Drive or Dropbox, keeping them safe and secure.</p>
+            </div>
+            <div class="feature">
+                <h3>Effortless Uploads & Downloads</h3>
+                <p>Upload photos and videos from your device’s local storage to
+                    your cloud account, and easily download files from Google Drive or Dropbox to your device with
+                    just a tap.</p>
+            </div>
+            <div class="feature">
+                <h3>Access Media on Multiple Devices</h3>
+                <p>With the cloud feature, access your media seamlessly across
+                    multiple devices, ensuring your content is always at your fingertips, no matter where you are.</p>
+            </div>
+            <div class="feature">
+                <h3>Stay Organized</h3>
+                <p>Organize and categorize your photos and videos in Google Drive or Dropbox,
+                    making it easy to find and manage your media files.</p>
+            </div>
+            <div class="feature">
+                <h3>Secure User Data</h3>
+                <p>With an intuitive and user-friendly interface, Cloud Gallery makes it easy
+                    to manage your media files, ensuring a hassle-free experience.</p>
+            </div>
+            <div class="feature">
+                <h3>Cross-Platform Compatibility</h3>
+                <p>Whether you're using an Android or iOS device, Cloud Gallery
+                    offers seamless compatibility across platforms.</p>
+            </div>
+            <div class="feature">
+                <h3>User-Friendly Interface</h3>
+                <p>With an intuitive and user-friendly interface, Cloud Gallery makes it
+                    easy to manage your media files, ensuring a hassle-free experience.</p>
+            </div>
+        </div>
+    </section>
+</div>
+<footer>
+    <div class="footer-section">
+        <a href="https://cloud-gallery.canopas.com/terms-and-conditions">Terms and Conditions</a>
+        <a href="https://cloud-gallery.canopas.com/privacy-policy">Privacy Policy</a>
+        <a href="https://github.com/canopas/cloud-gallery/wiki">Wiki</a>
+    </div>
+    <div class="footer-section">
+        <a href="https://github.com/canopas/cloud-gallery/issues">Report an Issue</a>
+        <a href="https://github.com/canopas/cloud-gallery/discussions">Discussions</a>
+        <a href="https://github.com/canopas/cloud-gallery">Github</a>
+        <a href="https://canopas.com">Developer</a>
+    </div>
+    <div class="footer-section">
+        <a href="https://play.google.com/store/apps/details?id=com.canopas.cloud_gallery">
+            <img src="https://github.com/canopas/cloud-gallery/raw/main/cta/google-play.png"
+                 alt="Download from Google Play">
+        </a>
+        <a href="https://apps.apple.com/in/app/cloud-gallery/id6480052005?platform=iphone">
+            <img src="https://github.com/canopas/cloud-gallery/raw/main/cta/app-store.png"
+                 alt="Download on App Store">
+        </a>
+    </div>
+</footer>
+</body>
+</html>
diff --git a/docs/new-home.html b/docs/new-home.html
deleted file mode 100644
index 514491a..0000000
--- a/docs/new-home.html
+++ /dev/null
@@ -1,198 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Cloud Gallery</title>
-    <style>
-        body {
-            font-family: Arial, sans-serif;
-            margin: 0;
-            padding: 0;
-            background-color: white;
-            color: black;
-        }
-        header {
-            background-color: white;
-            text-align: center;
-            padding: 20px 0;
-            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-        }
-        .container {
-            max-width: 1200px;
-            margin: 0 auto;
-            padding: 20px;
-        }
-        .app-details {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            padding: 40px 20px;
-        }
-        .app-details .text {
-            max-width: 50%;
-        }
-        .app-details h2 {
-            color: black;
-            font-size: 32px;
-            margin-bottom: 10px;
-        }
-        .app-details p {
-            font-size: 16px;
-            margin-bottom: 20px;
-        }
-        .app-details .screenshots img {
-            width: 300px;
-            height: auto;
-            border-radius: 10px;
-            margin: 0 10px; 
-            transition: transform 0.3s;
-        }
-        .app-details .screenshots img:hover {
-            transform: scale(1.05);
-        }
-        .features {
-            padding: 40px 20px;
-        }
-        .features h2 {
-            text-align: center;
-            margin-bottom: 30px;
-        }
-        .features .feature-list {
-            display: flex;
-            flex-wrap: wrap;
-            justify-content: space-around;
-            gap: 20px;
-        }
-        .feature {
-            padding: 20px;
-            width: 30%;
-            border-radius: 15px;
-            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
-            transition: transform 0.3s, box-shadow 0.3s, background 0.3s;
-        }
-        .feature:hover {
-            transform: translateY(-5px);
-            background-color: rgba(204, 49, 61, 0.1);
-        }
-        .feature h3 {
-            margin-bottom: 10px;
-        }
-        footer {
-            display: flex;
-            justify-content: space-between;
-            padding: 40px 20px;
-            box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
-        }
-        footer .footer-section {
-            display: flex;
-            flex-direction: column;
-            align-items: flex-start;
-            gap: 10px;
-        }
-        footer a {
-            text-decoration: none;
-            color: black;
-            font-size: 14px;
-            transition: color 0.3s;
-        }
-        footer a:hover {
-            color: #CC313D;
-        }
-        footer img {
-            width: 150px;
-            transition: transform 0.3s;
-        }
-        footer img:hover {
-            transform: scale(1.05);
-        }
-        @media (max-width: 768px) {
-            .app-details {
-                flex-direction: column;
-                text-align: center;
-            }
-            .app-details .text {
-                max-width: 100%;
-                margin-bottom: 20px;
-            }
-            .features .feature-list .feature {
-                width: 45%;
-            }
-            footer {
-                flex-direction: column;
-                text-align: center;
-                gap: 20px;
-            }
-        }
-        @media (max-width: 480px) {
-            .features .feature-list .feature {
-                width: 100%;
-            }
-        }
-    </style>
-</head>
-<body>
-    <header>
-        <h1>Cloud Gallery</h1>
-        <p>All Your Memories in One Spot</p>
-    </header>
-    <div class="container">
-        <section class="app-details">
-            <div class="text">
-                <h2>Cloud Gallery: All Your Memories in One Spot</h2>
-                <p>Enjoy all your media in one spot! Easily view and manage photos, videos from Google Drive, Dropbox, and your device, all in a simple, user-friendly interface.</p>
-                <div style="display: flex; gap: 30px;">
-                    <a href="https://play.google.com/store/apps/details?id=com.canopas.cloud_gallery">
-                        <img src="https://github.com/canopas/cloud-gallery/raw/main/cta/google-play.png" width="200" alt="Download on Google Play">
-                    </a>
-                    <a href="https://apps.apple.com/in/app/cloud-gallery/id6480052005?platform=iphone">
-                        <img src="https://github.com/canopas/cloud-gallery/raw/main/cta/app-store.png" width="200" alt="Download on App Store">
-                    </a>
-                </div>
-            </div>
-            <div class="screenshots">
-                <img src="https://github.com/canopas/cloud-gallery/raw/main/screenshots/home-light.png" alt="Screenshot">
-            
-            </div>
-        </section>
-        <section class="features">
-            <h2>Features</h2>
-            <div class="feature-list">
-                <div class="feature">
-                    <h3>Sync with Cloud Providers</h3>
-                    <p>Access and manage photos and videos from your device, Google Drive, and Dropbox in one place.</p>
-                </div>
-                <div class="feature">
-                    <h3>Auto Backup</h3>
-                    <p>Securely back up your photos and videos to Google Drive or Dropbox automatically.</p>
-                </div>
-                <div class="feature">
-                    <h3>Effortless Transfers</h3>
-                    <p>Upload or download media with just a few clicks, from your device to the cloud or vice versa.</p>
-                </div>
-            </div>
-        </section>
-    </div>
-    <footer>
-        <div class="footer-section">
-            <a href="#">Terms and Conditions</a>
-            <a href="#">Privacy Policy</a>
-        </div>
-        <div class="footer-section">
-            <a href="#">Community</a>
-            <a href="#">Having an Issue?</a>
-            <a href="#">Contact Us</a>
-            <a href="#">Source Code</a>
-            <a href="#">About Us</a>
-        </div>
-        <div class="footer-section">
-            <a href="https://play.google.com/store/apps/details?id=com.canopas.cloud_gallery">
-                <img src="https://github.com/canopas/cloud-gallery/raw/main/cta/google-play.png" alt="Download from Google Play">
-            </a>
-            <a href="https://apps.apple.com/in/app/cloud-gallery/id6480052005?platform=iphone">
-                <img src="https://github.com/canopas/cloud-gallery/raw/main/cta/app-store.png" alt="Download on App Store">
-            </a>
-        </div>
-    </footer>
-</body>
-</html>
