From f43c94eda6ac7fb6d0c4af782c32976cb5135cad Mon Sep 17 00:00:00 2001
From: Gopal Kaul <gopalkaul5@gmail.com>
Date: Tue, 21 Feb 2023 20:25:27 +0530
Subject: [PATCH 1/4] Add FAQ Component and add appropriate question and
 answers

---
 src/pages/index.astro | 103 ++++++++++++++++++++++--------------------
 1 file changed, 54 insertions(+), 49 deletions(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 1d10990..edcf16e 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -40,8 +40,13 @@ const meta = {
 
     <Fragment slot="subtitle">
       <span class="hidden sm:inline">
-        PikaOS is a gaming focused Linux distribution focussing on ease of use and high
-        compatability. Using the know how from <a class="underline" href="https://nobaraproject.org/">Nobara</a> combined with a <a class="underline" href="https://ubuntu.com/">Ubuntu</a> base, PikaOS is almost unrivaled in software compatability.
+        PikaOS is a gaming focused Linux distribution focussing on ease of use
+        and high compatability. Using the know how from <a
+          class="underline"
+          href="https://nobaraproject.org/">Nobara</a
+        > combined with a <a class="underline" href="https://ubuntu.com/"
+          >Ubuntu</a
+        > base, PikaOS is almost unrivaled in software compatability.
       </span>
     </Fragment>
   </Hero>
@@ -129,8 +134,8 @@ const meta = {
     }}
   /> -->
 
-   <!-- Features2 Widget ************** -->
-<!-- 
+  <!-- Features2 Widget ************** -->
+  <!-- 
   <Features2
     title="Most used widgets"
     subtitle="Provides frequently used components for building websites using Tailwind CSS"
@@ -195,48 +200,48 @@ const meta = {
 
   <!-- FAQs Widget ******************* -->
 
-  <!-- <FAQs
+  <FAQs
     title="Frequently Asked Questions"
-    subtitle="Duis turpis dui, fringilla mattis sem nec, fringilla euismod neque. Morbi tincidunt lacus nec tortor scelerisque pulvinar."
     highlight="FAQs"
     items={[
       [
         {
-          question: "What do I need to start?",
+          question: "Why Ubuntu?",
           answer:
-            "Space, the final frontier. These are the voyages of the Starship Enterprise. Its five-year mission: to explore strange new worlds. Many say exploration is part of our destiny, but it’s actually our duty to future generations.",
+            "Ubuntu is a very easy to use distribution with the most community support and cooperate support (if you google a proprietary app chances are it's only a deb) so it's the perfect base for our goals, and ubuntu holds a very special place in my heart (Cosmo), and the Launchpad PPA system is really awesome compared to other build systems.",
         },
         {
-          question: "How to install the Astro + Tailwind CSS template?",
+          question: "What is the snap situation on PikaOS?",
           answer:
-            "Well, the way they make shows is, they make one show. That show's called a pilot. Then they show that show to the people who make shows, and on the strength of that one show they decide if they're going to make more shows. Some pilots get picked and become television programs. Some don't, become nothing. She starred in one of the ones that became nothing.",
+            "We have removed snaps from the ISOs, and they will not be forced upon you, firefox and other packages canonical turned into a snap, are now native packages by using it's official source (eg: firefox) or our friends at the xtradeb team (eg: chromium), though if you need snaps they are not completely blocked and can be manually installed.",
         },
         {
-          question: "What's something that you don't understand?",
+          question: "Why is apx present on this mutable distribution?",
           answer:
-            "A flower in my garden, a mystery in my panties. Heart attack never stopped old Big Bear. I didn't even know we were calling him Big Bear.",
+            "Although i totally see how our user base would never touch apx, I Cosmo require it for my operations (contributing to Nobara, maintaining my AUR submissions), and it has to be configured with the system that's why it's included, and either way it's a nice to have for power users, since they can install any packaging format they want safely (including the aur), and it won't harm or confuse new users since it's clearly marked as subsystem.",
         },
       ],
       [
         {
-          question: "What's an example of when you changed your mind?",
+          question:
+            "Why do you guys use pikman instead of apt like all the other ubuntu distributions?",
           answer:
-            "Michael Knight a young loner on a crusade to champion the cause of the innocent. The helpless. The powerless in a world of criminals who operate above the law. Here he comes Here comes Speed Racer. He's a demon on wheels.",
-        },
-        {
-          question: "What is something that you would like to try again?",
-          answer:
-            "A business big enough that it could be listed on the NASDAQ goes belly up. Disappears! It ceases to exist without me. No, you clearly don't know who you're talking to, so let me clue you in.",
+            "apt is very slow! so to have a good experience we need to use nala and we have flatpak and apx scattered everywhere like crazy, so we have 4 package managers at this point which is STUPID, so why not bring them all into one.",
         },
         {
           question:
-            "If you could only ask one question to each person you meet, what would that question be?",
-          answer:
-            "This is not about revenge. This is about justice. A lot of things can change in twelve years, Admiral. Well, that's certainly good to know. About four years. I got tired of hearing how young I looked.",
+            "Ubuntu is really slow moving distribution, isn't that terrible for a gaming distro?",
+          answer: `While yes that might be true in some cases, we have went through a lot of measures to remidiate this issue by
+<ul class='list-disc list-inside'>
+<li>Using a list of very Polished PPA & Official Sources.</li>
+<li>Updating a lot of stuff ourselves.</li>
+<li>Enable proposed and backports repositories which unfreezes the repositories and allows feature updates, while keeping the distro rock stable.</li>
+</ul>
+          `,
         },
       ],
     ]}
-  /> -->
+  />
 
   <!-- Stats Widget ****************** -->
 
@@ -251,31 +256,31 @@ const meta = {
 
   <!-- CallToAction Widget *********** -->
   <div id="download">
-  <Downloads
-    downloads={[
-      {
-        text: "Gnome",
-        hrefEU: "https://pikaos.ferreo.dev/PikaOS-Gnome-2210-amd64_23.02.17.iso",
-        hrefWW: "https://cdn.ferreo.dev/PikaOS-Gnome-2210-amd64_23.02.17.iso",
-        md5: "https://pikaos.ferreo.dev/PikaOS-Gnome-2210-amd64_23.02.17.md5",
-        isComgingSoon: false,
-      },
-      {
-        text: "KDE",
-        hrefEU: "https://pikaos.ferreo.dev/PikaOS-KDE-2210-amd64_23.02.18.iso",
-        hrefWW: "https://cdn.ferreo.dev/PikaOS-KDE-2210-amd64_23.02.18.iso",
-        md5: "https://pikaos.ferreo.dev/PikaOS-KDE-2210-amd64_23.02.18.md5",
-        isComgingSoon: false,
-      },
-    ]}
-  >
-    <Fragment slot="title">
-      PikaOS Download
-    </Fragment>
+    <Downloads
+      downloads={[
+        {
+          text: "Gnome",
+          hrefEU:
+            "https://pikaos.ferreo.dev/PikaOS-Gnome-2210-amd64_23.02.17.iso",
+          hrefWW: "https://cdn.ferreo.dev/PikaOS-Gnome-2210-amd64_23.02.17.iso",
+          md5: "https://pikaos.ferreo.dev/PikaOS-Gnome-2210-amd64_23.02.17.md5",
+          isComgingSoon: false,
+        },
+        {
+          text: "KDE",
+          hrefEU:
+            "https://pikaos.ferreo.dev/PikaOS-KDE-2210-amd64_23.02.18.iso",
+          hrefWW: "https://cdn.ferreo.dev/PikaOS-KDE-2210-amd64_23.02.18.iso",
+          md5: "https://pikaos.ferreo.dev/PikaOS-KDE-2210-amd64_23.02.18.md5",
+          isComgingSoon: false,
+        },
+      ]}
+    >
+      <Fragment slot="title">PikaOS Download</Fragment>
 
-    <Fragment slot="subtitle">
-      Grab our latest PikaOS ISO now!<br/><br/>
-    </Fragment>
-  </Downloads>
-</div>
+      <Fragment slot="subtitle">
+        Grab our latest PikaOS ISO now!<br /><br />
+      </Fragment>
+    </Downloads>
+  </div>
 </Layout>

From 2874c682dab735897e98c64e9fe921c06be4eaef Mon Sep 17 00:00:00 2001
From: Gopal Kaul <gopalkaul5@gmail.com>
Date: Tue, 21 Feb 2023 20:30:00 +0530
Subject: [PATCH 2/4] Add ID to make scroll work

---
 src/components/widgets/FAQs.astro | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/widgets/FAQs.astro b/src/components/widgets/FAQs.astro
index caf3b8b..e752cd2 100644
--- a/src/components/widgets/FAQs.astro
+++ b/src/components/widgets/FAQs.astro
@@ -21,7 +21,7 @@ const {
 } = Astro.props;
 ---
 
-<div class="px-4 py-16 mx-auto max-w-6xl lg:py-20">
+<div class="px-4 py-16 mx-auto max-w-6xl lg:py-20" id="faqs">
   <div class="max-w-xl sm:mx-auto lg:max-w-2xl">
     {
       (title || subtitle || highlight) && (

From 04980fc4d50d7dd45b7aad625f0ae75c768bf000 Mon Sep 17 00:00:00 2001
From: Gopal Kaul <gopalkaul5@gmail.com>
Date: Tue, 21 Feb 2023 20:30:33 +0530
Subject: [PATCH 3/4] Add scroll margin top

---
 src/components/widgets/FAQs.astro | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/widgets/FAQs.astro b/src/components/widgets/FAQs.astro
index e752cd2..719607c 100644
--- a/src/components/widgets/FAQs.astro
+++ b/src/components/widgets/FAQs.astro
@@ -21,7 +21,7 @@ const {
 } = Astro.props;
 ---
 
-<div class="px-4 py-16 mx-auto max-w-6xl lg:py-20" id="faqs">
+<div class="px-4 py-16 mx-auto max-w-6xl lg:py-20 scroll-mt-16" id="faqs">
   <div class="max-w-xl sm:mx-auto lg:max-w-2xl">
     {
       (title || subtitle || highlight) && (

From 67370c27f0f43414a9876e09adcb7dc991e41791 Mon Sep 17 00:00:00 2001
From: Gopal Kaul <gopalkaul5@gmail.com>
Date: Tue, 21 Feb 2023 20:32:52 +0530
Subject: [PATCH 4/4] Add FAQs to the Header

---
 src/components/widgets/Header.astro | 59 ++++++++++++++++++-----------
 1 file changed, 37 insertions(+), 22 deletions(-)

diff --git a/src/components/widgets/Header.astro b/src/components/widgets/Header.astro
index 5e88e7e..cd5d1a9 100644
--- a/src/components/widgets/Header.astro
+++ b/src/components/widgets/Header.astro
@@ -1,29 +1,38 @@
 ---
-import { Icon } from 'astro-icon';
-import Logo from '~/components/common/Logo.astro';
-import ToggleTheme from '~/components/common/ToggleTheme.astro';
-import ToggleMenu from '~/components/common/ToggleMenu.astro';
+import { Icon } from "astro-icon";
+import Logo from "~/components/common/Logo.astro";
+import ToggleTheme from "~/components/common/ToggleTheme.astro";
+import ToggleMenu from "~/components/common/ToggleMenu.astro";
 
-import { getHomePermalink} from '~/utils/permalinks';
+import { getHomePermalink } from "~/utils/permalinks";
 
 const links = [
-      {
-        text: 'Features',
-        href: '#features',
-      },
-      {
-        text: 'Download',
-        href: '#download',
-      },
-      // {
-      //   text: 'About us',
-      //   href: '#about',
-      // },
+  {
+    text: "Features",
+    href: "#features",
+  },
+  {
+    text: "FAQs",
+    href: "#faqs",
+  },
+  {
+    text: "Download",
+    href: "#download",
+  },
+  // {
+  //   text: 'About us',
+  //   href: '#about',
+  // },
 ];
 ---
 
-<header class="sticky top-0 z-40 flex-none mx-auto w-full transition-all ease-in duration-100" id="header">
-  <div class="py-3 px-3 md:py-3.5 md:px-4 mx-auto w-full md:flex md:justify-between max-w-6xl">
+<header
+  class="sticky top-0 z-40 flex-none mx-auto w-full transition-all ease-in duration-100"
+  id="header"
+>
+  <div
+    class="py-3 px-3 md:py-3.5 md:px-4 mx-auto w-full md:flex md:justify-between max-w-6xl"
+  >
     <div class="flex justify-between">
       <a class="flex items-center" href={getHomePermalink()}>
         <Logo />
@@ -37,14 +46,20 @@ const links = [
       class="items-center w-full md:w-auto hidden md:flex text-gray-600 dark:text-slate-200 h-[calc(100vh-72px)] md:h-auto overflow-y-auto md:overflow-visible"
       aria-label="Main navigation"
     >
-      <ul class="flex flex-col pt-8 md:pt-0 md:flex-row md:self-center w-full md:w-auto text-xl md:text-base">
+      <ul
+        class="flex flex-col pt-8 md:pt-0 md:flex-row md:self-center w-full md:w-auto text-xl md:text-base"
+      >
         {
           links.map(({ text, href, links }) => (
-            <li class={links?.length ? 'dropdown' : ''}>
+            <li class={links?.length ? "dropdown" : ""}>
               {links?.length ? (
                 <>
                   <button class="font-medium hover:text-gray-900 dark:hover:text-white px-4 py-3 flex items-center transition duration-150 ease-in-out">
-                    {text} <Icon name="tabler:chevron-down" class="w-3.5 h-3.5 ml-0.5 hidden md:inline" />
+                    {text}{" "}
+                    <Icon
+                      name="tabler:chevron-down"
+                      class="w-3.5 h-3.5 ml-0.5 hidden md:inline"
+                    />
                   </button>
                   <ul class="dropdown-menu rounded md:absolute pl-4 md:pl-0 md:hidden font-medium md:bg-white md:min-w-[200px] dark:md:bg-slate-800 drop-shadow-xl">
                     {links.map(({ text: text2, href: href2 }) => (