arch-linux-gui · demonkillerr · Oct 13, 2025 · Oct 13, 2025 · Oct 14, 2025 · Oct 14, 2025
diff --git a/app/about/aboutus.tsx b/app/about/aboutus.tsx
@@ -66,8 +66,10 @@ const AboutPage = () => {
             Welcome to Arka Linux GUI, formerly known as Arch Linux GUI.
           </p>
           <p className="text-lg max-w-3xl mx-auto">
-            We provide a fast, offline Arch installer with a graphical user
-            interface.
+            We provide a simple Arch Linux distribution with a focus towards simplicity.
+          </p>
+          <p>
+            The project has been known as ALG, it's abbreviation, since the project's inception.
           </p>
         </div>
 
@@ -87,22 +89,21 @@ const AboutPage = () => {
             <div className="mb-12">
               <h2 className="text-3xl font-semibold mb-4">Our Mission</h2>
               <p className="leading-relaxed">
-                At Arka Linux GUI, our mission is to simplify the installation
-                process of Arch Linux by providing a user-friendly graphical
-                interface. We aim to make Arch Linux accessible to everyone,
-                from beginners to advanced users.
+                Our mission is to simplify the installation
+                and use of Arch Linux. We want to provide users with an amazing
+                experience of using an Arch Based Distribution.
               </p>
             </div>
             <div className="mb-12">
               <h2 className="text-3xl font-semibold mb-4">Our History</h2>
               <p className="leading-relaxed">
-                Originally launched as Arch Linux GUI, we have rebranded to Arka
-                Linux GUI to better reflect our vision and goals. Over the
-                years, we have evolved to provide a robust, offline installer
-                that caters to the needs of our diverse user base.
+                While we originally started as a installer for Arch Linux, we
+                have deviated enough from that idea, to be considered a full
+                distribution. We are very proud to be based on Arch Linux, without which,
+                this project would not have existed.
               </p>
             </div>
-            <div>
+            {/* <div>
               <h2 className="text-3xl font-semibold mb-4">Our Team</h2>
               <p className="leading-relaxed">
                 We are a dedicated team of developers, designers, and
@@ -111,7 +112,7 @@ const AboutPage = () => {
                 users. Our commitment to quality and user satisfaction drives us
                 to continually improve and innovate.
               </p>
-            </div>
+            </div> */}
           </div>
         </div>
 

diff --git a/app/downloads/Flavours.tsx b/app/downloads/Flavours.tsx
@@ -5,7 +5,6 @@ import React, { useEffect, useRef, useState } from "react";
 
 interface IsoLinks {
   sourceforge: string;
-  osdn: string;
   torrent: string;
 }
 
@@ -15,44 +14,41 @@ interface IsoData {
   xfce: IsoLinks;
 }
 
-const pureIso: IsoData = {
-  kde: {
-    sourceforge:
-      "https://sourceforge.net/projects/arch-linux-gui/files/archlinux-gui-plasma-pure-2022.07-x86_64.iso/download",
-    osdn: "https://osdn.net/dl/arch-linux-gui/archlinux-gui-plasma-pure-2022.07-x86_64.iso",
-    torrent: "https://some-torrent-link/kde-pure.torrent",
-  },
-  gnome: {
-    sourceforge:
-      "https://sourceforge.net/projects/arch-linux-gui/files/archlinux-gui-gnome-pure-2022.07-x86_64.iso/download",
-    osdn: "https://osdn.net/dl/arch-linux-gui/archlinux-gui-gnome-pure-2022.07-x86_64.iso",
-    torrent: "https://some-torrent-link/gnome-pure.torrent",
-  },
-  xfce: {
-    sourceforge:
-      "https://sourceforge.net/projects/arch-linux-gui/files/archlinux-gui-xfce-pure-2022.07-x86_64.iso/download",
-    osdn: "https://osdn.net/dl/arch-linux-gui/archlinux-gui-xfce-pure-2022.07-x86_64.iso",
-    torrent: "https://some-torrent-link/xfce-pure.torrent",
-  },
-};
+// const pureIso: IsoData = {
+//   kde: {
+//     sourceforge:
+//       "https://sourceforge.net/projects/arch-linux-gui/files/archlinux-gui-plasma-pure-2022.07-x86_64.iso/download",
+//     osdn: "https://osdn.net/dl/arch-linux-gui/archlinux-gui-plasma-pure-2022.07-x86_64.iso",
+//     torrent: "https://some-torrent-link/kde-pure.torrent",
+//   },
+//   gnome: {
+//     sourceforge:
+//       "https://sourceforge.net/projects/arch-linux-gui/files/archlinux-gui-gnome-pure-2022.07-x86_64.iso/download",
+//     osdn: "https://osdn.net/dl/arch-linux-gui/archlinux-gui-gnome-pure-2022.07-x86_64.iso",
+//     torrent: "https://some-torrent-link/gnome-pure.torrent",
+//   },
+//   xfce: {
+//     sourceforge:
+//       "https://sourceforge.net/projects/arch-linux-gui/files/archlinux-gui-xfce-pure-2022.07-x86_64.iso/download",
+//     osdn: "https://osdn.net/dl/arch-linux-gui/archlinux-gui-xfce-pure-2022.07-x86_64.iso",
+//     torrent: "https://some-torrent-link/xfce-pure.torrent",
+//   },
+// };
 
 const themedIso: IsoData = {
   kde: {
     sourceforge:
       "https://sourceforge.net/projects/arch-linux-gui/files/archlinux-gui-plasma-2022.07-x86_64.iso/download",
-    osdn: "https://osdn.net/dl/arch-linux-gui/archlinux-gui-plasma-2022.07-x86_64.iso",
     torrent: "https://some-torrent-link/kde-themed.torrent",
   },
   gnome: {
     sourceforge:
       "https://sourceforge.net/projects/arch-linux-gui/files/archlinux-gui-gnome-2022.07-x86_64.iso/download",
-    osdn: "https://osdn.net/dl/arch-linux-gui/archlinux-gui-gnome-2022.07-x86_64.iso",
     torrent: "https://some-torrent-link/gnome-themed.torrent",
   },
   xfce: {
     sourceforge:
       "https://sourceforge.net/projects/arch-linux-gui/files/archlinux-gui-xfce-2022.07-x86_64.iso/download",
-    osdn: "https://osdn.net/dl/arch-linux-gui/archlinux-gui-xfce-2022.07-x86_64.iso",
     torrent: "https://some-torrent-link/xfce-themed.torrent",
   },
 };
@@ -70,11 +66,11 @@ const DesktopEnvironment: React.FC<DesktopEnvironmentProps> = ({
   name,
   title,
   description,
-  pureImage,
+
   themedImage,
   isReversed,
 }) => {
-  const [isThemed, setIsThemed] = useState(false);
+  // Default to Themed variant for visuals and downloads
   const [dropdownVisible, setDropdownVisible] = useState(false);
   const dropdownRef = useRef<HTMLDivElement>(null);
 
@@ -96,38 +92,22 @@ const DesktopEnvironment: React.FC<DesktopEnvironmentProps> = ({
 
   const toggleDropdown = () => setDropdownVisible(!dropdownVisible);
 
-  const isoLinks = !isThemed ? themedIso[name] : pureIso[name];
+  const isoLinks = themedIso[name];
 
   const contentSection = (
     <div className="flex flex-col justify-center p-3 rounded-lg md:p-6">
       <h2 className="mb-4 text-3xl font-bold md:text-5xl">{title}</h2>
       <p className="mb-4 leading-relaxed md:text-lg">{description}</p>
       <div className="flex items-center text-center rounded-lg md:hidden">
         <Image
-          src={isThemed ? themedImage : pureImage}
+          src={themedImage}
           alt={title}
           width={500}
           height={300}
           priority={true}
           className="mx-auto rounded-lg"
         />
       </div>
-      <div className="flex items-center justify-center mt-6 mb-4 space-x-2">
-        <span className="font-bold">Pure</span>
-        <button
-          onClick={() => setIsThemed(!isThemed)}
-          className={`${
-            !isThemed ? "bg-[#F97316]" : "bg-gray-400"
-          } w-14 h-8 rounded-full relative`}
-        >
-          <span
-            className={`${
-              !isThemed ? "translate-x-3" : "-translate-x-3"
-            } inline-block w-6 mt-1 h-6 bg-white rounded-full shadow-md transform transition-transform duration-300`}
-          />
-        </button>
-        <span className="font-bold">Themed</span>
-      </div>
       <div className="relative flex justify-center mt-6">
         <button
           onClick={toggleDropdown}
@@ -160,7 +140,7 @@ const DesktopEnvironment: React.FC<DesktopEnvironmentProps> = ({
   const imageSection = (
     <div className="items-center hidden p-6 text-center rounded-lg md:flex">
       <Image
-        src={isThemed ? themedImage : pureImage}
+        src={themedImage}
         alt={title}
         width={900}
         height={800}
@@ -194,26 +174,26 @@ export default function Flavours() {
       <div className="flex flex-col space-y-6">
         <DesktopEnvironment
           name="kde"
-          title="KDE Plasma"
-          description="The Plasma Themed Edition (also known as the Flagship) of Arka Linux GUI helps you install Vanilla Arch Linux with the KDE Plasma Desktop Environment. It is pre-configured and ready to use. It comes with all the necessary software and settings to help users get started quickly."
-          pureImage="https://github.com/arch-linux-gui/artwork/blob/dev/desktop-screenshots/desktop-ss/themed/plasma.png?raw=true"
-          themedImage="https://github.com/arch-linux-gui/artwork/blob/dev/desktop-screenshots/desktop-ss/pure/plasma-pure.png?raw=true"
+          title="ALG Plasma"
+          description="ALG Plasma is the flagship edition of the ALG project. It is pre-configured and ready to use. It comes with all the necessary software and settings to help users get started quickly, including the welcome app and the app store. It is geared towards users who are familliar with the Windows 7/10/11 desktop user experience."
+          themedImage="https://github.com/arch-linux-gui/artwork/blob/dev/desktop-screenshots/desktop-ss/themed/plasma.png?raw=true"
+          pureImage="https://github.com/arch-linux-gui/artwork/blob/dev/desktop-screenshots/desktop-ss/pure/plasma-pure.png?raw=true"
           isReversed={false}
         />
         <DesktopEnvironment
           name="gnome"
-          title="GNOME"
-          description="The GNOME Edition of Arka Linux GUI helps you install Vanilla Arch Linux with the GNOME Desktop Environment. It is pre-configured and ready to use. It comes with all the necessary software and settings to help users get started quickly."
-          pureImage="https://github.com/arch-linux-gui/artwork/blob/dev/desktop-screenshots/desktop-ss/themed/gnome.png?raw=true"
-          themedImage="https://github.com/arch-linux-gui/artwork/blob/dev/desktop-screenshots/desktop-ss/pure/gnome.png?raw=true"
+          title="ALG GNOME"
+          description="The GNOME Edition of ALG gives you a more modern computing experience. It is pre-configured and ready to use. It comes with all the necessary software and settings to help users get started quickly, including the welcome app and the app store. It is geared towards users who are familliar with the MacOS desktop user experience, or would like to explore it."
+          themedImage="https://github.com/arch-linux-gui/artwork/blob/master/desktop-screenshots/desktop-ss/themed/gnome-41.png?raw=true"
+          pureImage="https://github.com/arch-linux-gui/artwork/blob/dev/desktop-screenshots/desktop-ss/pure/gnome.png?raw=true"
           isReversed={true}
         />
         <DesktopEnvironment
           name="xfce"
-          title="XFCE"
-          description="The XFCE Edition of Arka Linux GUI helps you install Vanilla Arch Linux with the XFCE Desktop Environment. It is pre-configured and ready to use. It comes with all the necessary software and settings to help users get started quickly."
-          pureImage="https://github.com/arch-linux-gui/artwork/blob/dev/desktop-screenshots/desktop-ss/themed/xfce-themed.png?raw=true"
-          themedImage="https://github.com/arch-linux-gui/artwork/blob/dev/desktop-screenshots/desktop-ss/pure/xfce-pure.png?raw=true"
+          title="ALG XFCE"
+          description="ALG XFCE is a lightweight edition of the ALG project, that promises a more traditional computing experience. It is geared towards users with older or minimal hardware. It aims to give life to your old laptor or PC, or as a full fledged experience for someone on a lower-end machine."
+          themedImage="https://github.com/arch-linux-gui/artwork/blob/dev/desktop-screenshots/desktop-ss/themed/xfce-themed.png?raw=true"
+          pureImage="https://github.com/arch-linux-gui/artwork/blob/dev/desktop-screenshots/desktop-ss/pure/xfce-pure.png?raw=true"
           isReversed={false}
         />
       </div>

diff --git a/app/downloads/Requirements.tsx b/app/downloads/Requirements.tsx
@@ -1,4 +1,5 @@
 import React from "react";
+import Link from "next/link";
 export default function Requirements() {
   return (
     <section className="bg-gradient-to-br from-orange-50 to-orange-100 dark:from-[#0b0b10] dark:to-[#09090B] px-6 pt-36 sm:px-12 md:px-20 md:pb-12 lg:px-28">
@@ -37,25 +38,43 @@ export default function Requirements() {
         </div>
         <div className="bg-[#9c89d1] p-6 rounded-lg">
           <h2 className="mb-4 text-2xl font-bold md:text-3xl">
-            General Instructions
+            Installation Instructions
           </h2>
-          <p className="mb-1 font-semibold text-white">Make Bootable USB:</p>
+          <h2 className="mb-1 font-semibold text-white">Make Bootable USB:</h2>
           <ul className="mb-4 text-white list-disc list-inside">
             <li>
-              Linux: Watch this video for Command Line DD method or watch the
-              video with Balena Etcher.
+              To create a bootable USB. You can follow the step-by-step guides on
+              the <Link href="/tutorials" className="underline underline-offset-2 font-semibold text-white">Tutorials page</Link>.
             </li>
+          <h2 className="mb-1 font-semibold text-white">Getting Started with ALG installation:</h2>
             <li>
-              Windows: Watch either one of these videos: With Rufus or With
-              Balena Etcher
+              Insert the USB into your computer and open the BIOS/Boot Menu. The
+              key to open it depends on your device.
             </li>
-            <li>MacOS: Watch this video.</li>
+            <li> Common keys are F8, F11,
+              F12, or Esc plus a Function key. Press the key repeatedly right
+              after turning on your PC.</li>
             <li>
-              Watch tutorials on the Tutorials page for installation guide.
+              Use the arrow keys to highlight your USB drive, then press Enter
+              to boot from it.
+            </li>
+            <h2 className="mb-1 font-semibold text-white">Selecting the correct graphics driver:</h2>
+            <li>
+              When the ALG boot options appear, choose the right option:
+              <ul className="list-disc list-inside ml-5">
+                <li>
+                  If you have an NVIDIA GPU (Kepler or newer), select Option 2
+                  (press the Down Arrow once, then Enter).
+                </li>
+                <li>
+                  For all other systems, select Option 1 (just press Enter).
+                </li>
+              </ul>
+            </li>
+            <li>
+              ALG will start based on your choice. For NVIDIA users, the
+              necessary drivers are enabled automatically.
             </li>
-            <li>Dual/Multi Boot: Watch these videos.</li>
-            <li>Don&#39;t forget to verify your download.</li>
-            <li>Optionally, view full changelog.</li>
           </ul>
         </div>
       </div>

diff --git a/app/tutorials/TutorialPage.tsx b/app/tutorials/TutorialPage.tsx
@@ -9,6 +9,18 @@ const install = [
     In this video, I will show you how to get a SHA256 checksum and compare with the strings I have provided, to ensure the legitimacy of the download. I will cover how you can do this on Windows and Linux. I have explained on Windows 11, however, the steps are applicable to Windows 10 and Windows 7. Simillarly, the steps show for Linux are done on Arch, but can be done on any Linux Distribution. You can find the checksums here as well.`,
     url: "wtZjRXOny7Q",
   },
+  {
+    title: "Make Bootable USB in Windows (7, 8, 10, 11)",
+    description: `In this video, we take a look at how to make a bootable USB of a Linux distribution, on Windows. In this video, as an example, I will make the Arka Linux GUI Gnome Edition.
+    I am doing this on Windows 11, however, the steps can be performed on Windows 7, 8 or 10.`,
+    url: "7ND2fiaFfic",
+  },
+  {
+    title: "Make Bootable USB with dd on any Linux Distro",
+    description: `In this video, we take a look at how to make a bootable USB of a Linux distribution, on another Linux distribution. In this video, as an example, I will make the Manjaro bootable USB on Ubuntu.
+    The method show here can be used to make Arka Linux GUI's bootable USB from any Linux distribution.`,
+    url: "KQGedNCA1E4",
+  },
   {
     title: "ALG Automatic Installation",
     description: `In this video, we take a look at how to install Arch Linux using a GUI installer (Calamares). In this video we install Arch Linux on UEFI/GPT setup with automatic partining. ALG developers do not encourage automatic partitoning. The primary reason is the creation of the boot and home partitions, within the root parition.
@@ -61,18 +73,6 @@ const archSpecific = [
 ];
 
 const miscellaneous = [
-  {
-    title: "Make Bootable USB in Windows (7, 8, 10, 11)",
-    description: `In this video, we take a look at how to make a bootable USB of a Linux distribution, on Windows. In this video, as an example, I will make the Arka Linux GUI Gnome Edition.
-    I am doing this on Windows 11, however, the steps can be performed on Windows 7, 8 or 10.`,
-    url: "7ND2fiaFfic",
-  },
-  {
-    title: "Make Bootable USB with dd on any Linux Distro",
-    description: `In this video, we take a look at how to make a bootable USB of a Linux distribution, on another Linux distribution. In this video, as an example, I will make the Manjaro bootable USB on Ubuntu.
-    The method show here can be used to make Arka Linux GUI's bootable USB from any Linux distribution.`,
-    url: "KQGedNCA1E4",
-  },
   {
     title: "Install and Setup VirtualBox in Arch Linux",
     description: `In this video, we take a look at how to install and setup VirtualBox in Arch Linux.

diff --git a/components/Footer.tsx b/components/Footer.tsx
@@ -11,7 +11,7 @@ export default function Footer() {
               &copy; {new Date().getFullYear()} ALG Team
             </div>
             <div className="flex flex-col items-center space-y-2 md:flex-row md:space-y-0 md:space-x-8">
-              <Link
+              {/* <Link
                 href="/JoinUs"
                 className="text-[12px] md:text-sm opacity-70 hover:opacity-100 transition-opacity duration-300"
               >
@@ -22,7 +22,7 @@ export default function Footer() {
                 className="text-[12px] md:text-sm opacity-70 hover:opacity-100 transition-opacity duration-300"
               >
                 About Us
-              </Link>
+              </Link> */}
             </div>
           </div>
 

diff --git a/components/Navbar.tsx b/components/Navbar.tsx
@@ -7,11 +7,11 @@ import { useEffect, useState } from "react";
 import { Button } from "./ui/button";
 
 const navItems = {
+  Downloads: "/downloads",
   Tutorials: "/tutorials",
   Support: "https://discord.com/invite/NgAFEw9Tkf",
   Sourceforge: "https://sourceforge.net/projects/arch-linux-gui/",
-  OSDN: "https://osdn.net/projects/arch-linux-gui/",
-  Downloads: "/downloads",
+  "About": "/about",
 };
 
 export default function CenteredDockToStickyNavbar() {