Update Flathub to Flatpak

Author: sa-fw-an

Diff for: src/constants/TryCardData.ts

@@ -105,12 +105,12 @@ export const TryCardData: CardDataType[] = [
     gradientClass: 'bg-gradient-to-r from-red-600 to-green-500',
   },
   {
-    title: 'Convenient installation via Flathub',
+    title: 'Convenient installation via Flatpak',
     description:
       'Create musical code with the browser based visual programming language Music Blocks',
-    tryNowText: 'Try Flathub now!',
+    tryNowText: 'Try Flatpak now!',
     tryNowHref: 'https://flathub.org/apps/search?q=sugar%20labs',
-    learnMoreText: 'Learn more about Flathub',
+    learnMoreText: 'Learn more about Flatpak',
     learnMoreHref: '/flathub',
     imagePath: FlatHubImg,
     gradientClass: 'bg-gradient-to-r from-gray-400 to-gray-900',

Diff for: src/constants/TryNowData/flathubData.ts

@@ -1,9 +1,9 @@
 export const flathubData = {
-  title: 'Flathub for Sugar Labs',
+  title: 'Flatpak for Sugar Labs',
   subtitle: 'Simplified Learning Platform Distribution',
   quote: '"Education should be accessible everywhere" – Sugar Labs',
   description:
-    'Flathub enables easy installation and distribution of Sugar Labs educational activities across different Linux platforms.',
+    'Flatpak enables easy installation and distribution of Sugar Labs educational activities across different Linux platforms.',
   images: [
     {
       src: 'assets/TryNowImages/flathub1.png',
@@ -14,9 +14,9 @@ export const flathubData = {
 
 export const flathubSections = [
   {
-    title: 'Flathub and Sugar Labs',
+    title: 'Flatpak and Sugar Labs',
     content:
-      'Flathub provides a streamlined way to package and distribute Sugar Labs educational activities. It ensures that learning tools can be easily installed on various Linux distributions, making education more accessible.',
+      'Flatpak provides a streamlined way to package and distribute Sugar Labs educational activities. It ensures that learning tools can be easily installed on various Linux distributions, making education more accessible.',
     button: 'Explore Sugar Labs Activities',
     buttonLink: 'https://flathub.org/apps/search?q=sugar%20labs',
   },
@@ -70,8 +70,8 @@ export const flathubLogoCards = [
 export const numberedCards1 = [
   {
     number: '1',
-    title: 'Install Flathub',
-    description: 'Add Flathub repository to your Linux system',
+    title: 'Install Flatpak',
+    description: 'Add Flatpak repository to your Linux system',
     borderColor: '#68A6F7',
   },
   {

Diff for: src/pages/TryNow/FlatHub.tsx

@@ -60,7 +60,7 @@ const FlatHubPage = () => {
         ))}
 
         <h2 className="text-3xl sm:text-4xl font-semibold border-b-2 border-gray-300 pb-2 font-[Caveat] text-center mx-auto w-fit mt-10">
-          What can you do with <span className="text-[#68A6F7]">Flathub</span>?
+          What can you do with <span className="text-[#68A6F7]">Flatpak</span>?
         </h2>
 
         <div className="flex justify-center">