diff --git a/public/llms.txt b/public/llms.txt
index f6b2f97..7d846d6 100644
--- a/public/llms.txt
+++ b/public/llms.txt
@@ -4,6 +4,18 @@ This repository is a high-performance webpage built on **Next.js 16 (App Router)
 
 ---
 
+## Website Navigation
+
+- [Documentation](https://pictopy.aossie.org/documentation)
+- [Contribute](https://pictopy.aossie.org/contribute)
+- [About Us](https://pictopy.aossie.org/about)
+- [Contact](https://pictopy.aossie.org/contact)
+
+## Project Resources
+
+- [PictoPy Website](https://pictopy.aossie.org/)
+- [PictoPy Website GitHub Repository](https://github.com/AOSSIE-Org/PictoPy-Website)
+
 ## 📂 Project Architecture
 
 - **`src/app/[locale]/`**: Localized dynamic route group. All pages and layouts live here.
diff --git a/src/app/[locale]/globals.css b/src/app/[locale]/globals.css
index e3a6e17..a4e70ba 100644
--- a/src/app/[locale]/globals.css
+++ b/src/app/[locale]/globals.css
@@ -2,24 +2,6 @@
 
 
 @theme {
-  /* Bind Tailwind v4 variables directly to semantic CSS variables */
-  --color-background-primary: var(--background);
-  --color-background-secondary: var(--background-secondary);
-  --color-foreground-primary: var(--foreground);
-  --color-foreground-secondary: var(--foreground-secondary);
-  --color-foreground-muted: var(--foreground-muted);
-  --color-border-default: var(--border);
-  
-  --color-button-primary-bg: var(--button-primary-bg);
-  --color-button-primary-text: var(--button-primary-text);
-  --color-button-primary-border: var(--button-primary-border);
-  --color-button-primary-hover-bg: var(--button-primary-hover-bg);
-  --color-button-primary-hover-border: var(--button-primary-hover-border);
-
-  --color-card-bg: var(--card-bg);
-  --color-card-border: var(--card-border);
-  --shadow-card: var(--card-shadow);
-
   --color-status-error-bg: var(--status-error-bg);
   --color-status-error-text: var(--status-error-text);
   --color-status-neutral-bg: var(--status-neutral-bg);
@@ -34,24 +16,6 @@
 
 /* --- LIGHT MODE (Default) --- */
 :root {
-  --background: #f5f5f5;
-  --background-secondary: #ffffff;
-  
-  --foreground: #1c1c1c;
-  --foreground-secondary: #121212;
-  --foreground-muted: #4d4d4d;
-  
-  --border: #e2e2e7;
-  
-  --button-primary-bg: #121212;
-  --button-primary-text: #ffffff;
-  --button-primary-border: #121212;
-  --button-primary-hover-bg: #2d2d2d;
-  --button-primary-hover-border: #2d2d2d;
-
-  --card-bg: rgba(255, 255, 255, 0.85);
-  --card-border: #e2e2e7;
-  --card-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
 
   --status-error-bg: #fee2e2;
   --status-error-text: #dc2626;
@@ -65,24 +29,6 @@
 
 /* --- DARK MODE --- */
 .dark {
-  --background: #101010;
-  --background-secondary: #000000;
-  
-  --foreground: #d3d3d3;
-  --foreground-secondary: #b4b4b4;
-  --foreground-muted: #7f8188;
-  
-  --border: #1e1e24;
-  
-  --button-primary-bg: #ffffff;
-  --button-primary-text: #101010;
-  --button-primary-border: transparent;
-  --button-primary-hover-bg: #e4e4e7;
-  --button-primary-hover-border: #e4e4e7;
-
-  --card-bg: rgba(22, 22, 22, 0.85);
-  --card-border: #1e1e24;
-  --card-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
 
   --status-error-bg: rgba(69, 10, 10, 0.5);
   --status-error-text: #f87171;
diff --git a/src/components/CTA.tsx b/src/components/CTA.tsx
new file mode 100644
index 0000000..0b3b950
--- /dev/null
+++ b/src/components/CTA.tsx
@@ -0,0 +1,30 @@
+import { getTranslations } from "next-intl/server";
+import Download from "./Download";
+
+async function CTA() {
+  const t = await getTranslations("Home.cta");
+  return (
+    <section aria-labelledby="cta-heading">
+      <div>
+        <div className="text-center tracking-normal">
+          <h2
+            id="cta-heading"
+            className="text-[20px] font-medium dark:text-text text-black leading-8"
+          >
+            {t("title")}
+          </h2>
+
+          <p className="text-[20px] font-medium leading-none text-text2">
+            {t("description")}
+          </p>
+        </div>
+
+        <div>
+          <Download />
+        </div>
+      </div>
+    </section>
+  );
+}
+
+export default CTA;
diff --git a/src/components/Download.tsx b/src/components/Download.tsx
index 8a9347f..a99f102 100644
--- a/src/components/Download.tsx
+++ b/src/components/Download.tsx
@@ -82,7 +82,7 @@ function DownloadButton({ value }: DownloadButtonProps) {
       }}
       className="h-9 px-3 rounded-lg flex items-center gap-2 text-sm font-medium transition"
     >
-      <value.icon />
+      <value.icon aria-label="Download" />
       {value.label}
     </Button>
   );
diff --git a/src/components/FAQ.tsx b/src/components/FAQ.tsx
new file mode 100644
index 0000000..8c516e2
--- /dev/null
+++ b/src/components/FAQ.tsx
@@ -0,0 +1,64 @@
+import { getTranslations } from "next-intl/server";
+
+interface FAQItem {
+  question: string;
+  answer: string;
+}
+
+export default async function FAQ() {
+  const t = await getTranslations("Home.faq");
+  const faqs: FAQItem[] = t.raw("items") as FAQItem[];
+  return (
+    <section className="bg-bg text-text tracking-normal leading-6.5">
+      <div className="px-6 py-12 md:px-8 md:py-20">
+        {/* Header */}
+        <div className="mb-16 text-center">
+          <h2 className="text-4xl font-semibold tracking-normal md:text-[64px] md:leading-18 bg-[linear-gradient(91.3deg,#202020_71.33%,#8F8F8F_152.13%)] bg-clip-text text-transparent [text-shadow:0px_4px_4px_0px_#00000026] dark:text-[#FFFFFF]">
+            {t("title")}
+          </h2>
+
+          <p className="mt-5 max-w-125 place-self-center text-[16px] leading-6.5 md:text-base tracking-normal font-medium dark:text-text2 text-text3">
+            {t("description")}
+          </p>
+        </div>
+
+        {/* FAQ list */}
+        <div className="w-full">
+          {faqs.map((faq, index) => (
+            <details
+              key={faq.question}
+              open={index === 0}
+              className="group border-b-2 dark:border-[#1B1C1E] border-[#E5E5E5] "
+            >
+              <summary className="flex cursor-pointer list-none items-center justify-between py-7 outline-none">
+                <span className="text-[16px] font-medium dark:text-text text-black ">
+                  {faq.question}
+                </span>
+
+                {/* Plus / Minus */}
+                <span
+                  aria-hidden="true"
+                  className="relative flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-white/35"
+                >
+                  <span className="absolute h-[1.5px] w-3 bg-black rounded-2xl" />
+
+                  <span
+                    className="
+                      absolute rounded-2xl h-3 w-[1.5px] bg-black
+                      transition-opacity duration-200
+                      group-open:opacity-0
+                    "
+                  />
+                </span>
+              </summary>
+
+              <div className="pb-12.5 pr-25 text-[16px] font-medium leading-6.5 text-text2">
+                {faq.answer}
+              </div>
+            </details>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/src/components/HomePage.tsx b/src/components/HomePage.tsx
index 2d101f8..d3a1aae 100644
--- a/src/components/HomePage.tsx
+++ b/src/components/HomePage.tsx
@@ -7,6 +7,10 @@ import MockUpWithDesc from "@/components/MockUpWithDesc";
 import Metrics from "@/components/Metrics";
 import SocialMediaCTA from "@/components/SocialMediaCTA";
 import MacMockDesc from "@/components/MacMockDesc";
+import FAQ from "./FAQ";
+import CTA from "./CTA";
+import PictoPyText from "./PictpPyText";
+import Footer from "./ui/Footer";
 
 export default function HomePage() {
   return (
@@ -18,6 +22,10 @@ export default function HomePage() {
       <MockUpWithDesc image={image} />
       <Metrics />
       <SocialMediaCTA />
+      <FAQ />
+      <CTA />
+      <PictoPyText />
+      <Footer />
     </>
   );
 }
diff --git a/src/components/PictpPyText.tsx b/src/components/PictpPyText.tsx
new file mode 100644
index 0000000..121f855
--- /dev/null
+++ b/src/components/PictpPyText.tsx
@@ -0,0 +1,14 @@
+export default function PictoPyText() {
+  return (
+    <div className="place-self-center">
+      <span
+        className="select-none text-[100px] font-semibold leading-none tracking-[0%] bg-[linear-gradient(178.49deg,rgba(230,230,230,0.1)_21.66%,rgba(128,128,128,0.1)_82.66%)] bg-clip-text text-transparent sm:text-[150px] md:text-[220px] lg:text-[280px] xl:text-[330px]"
+        style={{
+          filter: "drop-shadow(0 0 1px rgba(255,255,255,0.01))",
+        }}
+      >
+        PictoPy
+      </span>
+    </div>
+  );
+}
diff --git a/src/components/ShuffleGrid.tsx b/src/components/ShuffleGrid.tsx
index d14447b..cc7664b 100644
--- a/src/components/ShuffleGrid.tsx
+++ b/src/components/ShuffleGrid.tsx
@@ -2,6 +2,7 @@
 import { motion } from "framer-motion";
 import { useEffect, useRef, useState } from "react";
 import { squareData } from "@/const/const";
+import Image from "next/image";
 
 const shuffle = (array: (typeof squareData)[0][]) => {
   let currentIndex = array.length,
@@ -20,7 +21,6 @@ const shuffle = (array: (typeof squareData)[0][]) => {
   return array;
 };
 
-
 const ShuffleGrid = () => {
   const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
   const [squares, setSquares] = useState(squareData);
@@ -49,13 +49,18 @@ const ShuffleGrid = () => {
             initial={{ opacity: 0, scale: 0.9 }}
             animate={{ opacity: 0.1, scale: 1 }}
             transition={{ duration: 1.5, type: "spring" }}
-            className="w-full h-full"
-            style={{
-              backgroundImage: `url(${sq.src})`,
-              backgroundSize: "cover",
-            }}
-          />
-        ))}{" "}
+            className="w-full h-full relative overflow-hidden"
+          >
+            <Image
+              src={sq.src}
+              alt=""
+              fill
+              sizes="(max-width: 768px) 25vw, 25vw"
+              className="object-cover"
+              priority={sq.id < 4}
+            />
+          </motion.div>
+        ))}
       </div>
       <div className="absolute top-119.25 h-119.25 visible min-[411px]:hidden inset-0 grid bg-bg grid-cols-4 grid-rows-4 gap-2 z-0 overflow-hidden">
         {squares.map((sq) => (
@@ -65,13 +70,18 @@ const ShuffleGrid = () => {
             initial={{ opacity: 0, scale: 0.9 }}
             animate={{ opacity: 0.1, scale: 1 }}
             transition={{ duration: 1.5, type: "spring" }}
-            className="w-full h-full"
-            style={{
-              backgroundImage: `url(${sq.src})`,
-              backgroundSize: "cover",
-            }}
-          />
-        ))}{" "}
+            className="w-full h-full relative overflow-hidden"
+          >
+            <Image
+              src={sq.src}
+              alt=""
+              fill
+              sizes="(max-width: 768px) 25vw, 25vw"
+              className="object-cover"
+              priority={sq.id < 4}
+            />
+          </motion.div>
+        ))}
       </div>
     </>
   );
diff --git a/src/components/ui/Footer.tsx b/src/components/ui/Footer.tsx
new file mode 100644
index 0000000..f12e062
--- /dev/null
+++ b/src/components/ui/Footer.tsx
@@ -0,0 +1,164 @@
+import { Mail } from "lucide-react";
+import { getTranslations } from "next-intl/server";
+import { FaDiscord, FaGithub, FaYoutube, FaLinkedinIn } from "react-icons/fa";
+import { FiLink } from "react-icons/fi";
+import { SiX } from "react-icons/si";
+
+async function Footer() {
+  const t = await getTranslations("Home");
+  const footerLinks = [
+    {
+      title: t("footer.product"),
+      links: [
+        { name: t("footer.software"), link: "#" },
+        { name: t("footer.website"), link: "#" },
+      ],
+    },
+    {
+      title: t("footer.parentOrg"),
+      links: [
+        { name: "AOSSIE", link: "#" },
+        { name: "GitHub", link: "#" },
+      ],
+    },
+    {
+      title: t("footer.contribute"),
+      links: [
+        { name: t("footer.designTools"), link: "#" },
+        { name: t("footer.developerTools"), link: "#" },
+      ],
+    },
+    {
+      title: t("footer.projects"),
+      links: [
+        { name: "Resonate", link: "#" },
+        { name: "EduAid", link: "#" },
+      ],
+    },
+    {
+      title: t("footer.community"),
+      links: [
+        { name: t("footer.communityStories"), link: "#" },
+        { name: t("footer.ambassadors"), link: "#" },
+      ],
+    },
+  ];
+  return (
+    <footer className="bg-bg text-text">
+      <div className="px-5 pb-0 pt-12 sm:px-8 md:pt-18">
+        {/* Links */}
+        <div className="grid grid-cols-2 gap-y-8 md:grid-cols-5 md:gap-y-0">
+          {footerLinks.map((section) => (
+            <div key={section.title} className="flex flex-col gap-10">
+              <h2 className="text-[14px] leading-5.5 tracking-[0.2px] font-medium">
+                {section.title}
+              </h2>
+
+              <ul className="space-y-5">
+                {section.links.map((link) => (
+                  <li key={link.name}>
+                    <a
+                      aria-label={link.name}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      href={link.link}
+                      className="text-[14px] font-medium text-text3 transition-colors hover:text-text3/70"
+                    >
+                      {link.name}
+                    </a>
+                  </li>
+                ))}
+              </ul>
+            </div>
+          ))}
+        </div>
+
+        {/* Social icons */}
+        <div className="mt-10 py-4 flex items-center justify-center gap-3 md:mt-35">
+          <a
+            href="https://discord.com/invite/xnmAPS7zqB"
+            aria-label="Discord"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="text-text3 dark:text-[#838383] hover:text-black dark:hover:text-white"
+          >
+            <FaDiscord size={24} aria-hidden="true" />
+          </a>
+
+          <a
+            href="https://github.com/AOSSIE-Org"
+            aria-label="GitHub"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="text-text3 dark:text-[#838383] hover:text-black dark:hover:text-white"
+          >
+            <FaGithub size={24} aria-hidden="true" />
+          </a>
+
+          <a
+            href="https://www.youtube.com/@AOSSIE-Org"
+            aria-label="YouTube"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="text-text3 dark:text-[#838383] hover:text-black dark:hover:text-white"
+          >
+            <FaYoutube size={24} aria-hidden="true" />
+          </a>
+
+          <a
+            href="https://x.com/aossie_org"
+            aria-label="X (formerly Twitter)"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="text-text3 dark:text-[#838383] hover:text-black dark:hover:text-white"
+          >
+            <SiX size={20} aria-hidden="true" />
+          </a>
+
+          <a
+            href="https://www.linkedin.com/company/aossie"
+            aria-label="LinkedIn"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex h-6 w-6 items-center justify-center rounded-full bg-text3 dark:bg-[#838383] text-white dark:text-black hover:bg-black dark:hover:bg-white"
+          >
+            <FaLinkedinIn size={16} aria-hidden="true" />
+          </a>
+
+          <a
+            href="mailto:aossie.osst@gmail.com"
+            aria-label="Email"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="text-text3 dark:text-[#838383] hover:text-black dark:hover:text-white"
+          >
+            <Mail size={20} aria-hidden="true"  />
+          </a>
+
+          <a
+            href="https://aossie.org/en"
+            aria-label="AOSSIE"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="text-text3 dark:text-[#838383] hover:text-black dark:hover:text-white"
+          >
+            <FiLink size={20} aria-hidden="true" />
+          </a>
+        </div>
+
+        {/* Bottom */}
+        <div className="mt-2 border-t-2 border-[#E4E4E4] dark:border-[#1B1C1E]">
+          <div className="flex flex-col items-center justify-between gap-3 py-4 text-[14px] font-medium leading-5 tracking-[-0.15px] text-text3 md:flex-row">
+            <span>© 2026 PictoPy</span>
+
+            <span className="text-[16px] leading-[82%] tracking-normal text-text3">
+              {t("footer.madeWith")}
+            </span>
+          </div>
+        </div>
+      </div>
+    </footer>
+  );
+}
+
+export default Footer;
diff --git a/src/components/ui/Navbar.tsx b/src/components/ui/Navbar.tsx
index a944128..1390b62 100644
--- a/src/components/ui/Navbar.tsx
+++ b/src/components/ui/Navbar.tsx
@@ -35,19 +35,19 @@ const Navbar: React.FC = () => {
   const navItems = [
     {
       label: tN("documentation"),
-      href: "/documentation",
+      href: "#",
     },
     {
       label: tN("contribute"),
-      href: "/contribute",
+      href: "#",
     },
     {
       label: tN("aboutUs"),
-      href: "/about",
+      href: "#",
     },
     {
       label: tN("contact"),
-      href: "/contact",
+      href: "#",
     },
   ];
   useEffect(() => {
@@ -115,7 +115,7 @@ const Navbar: React.FC = () => {
               className="h-9 px-3 rounded-lg flex items-center gap-2 text-sm font-medium transition"
             >
               <a href={link ?? "#"} target="_blank" rel="noopener noreferrer">
-                <Icon size={17} />
+                <Icon size={17} aria-label="Download" />
                 Download
               </a>
             </Button>
diff --git a/src/index.css b/src/index.css
index aefabcb..d0815bf 100644
--- a/src/index.css
+++ b/src/index.css
@@ -4,9 +4,6 @@
 
 @custom-variant dark (&:where(.dark, .dark *));
 
-body {
-    font-family: "Inter", sans-serif;
-}
 
 @theme {
     --color-bg: var(--bg);
diff --git a/src/messages/en.json b/src/messages/en.json
index 97c0c6e..2b5b8bb 100644
--- a/src/messages/en.json
+++ b/src/messages/en.json
@@ -95,6 +95,49 @@
         "description": "Check out our YouTube channel to learn about PictoPy and even more projects.",
         "button": "Subscribe"
       }
+    },
+
+    "faq": {
+      "title": "PictoPy FAQs",
+      "description": "Everything you need to know about PictoPy's smart photo organization and AI-powered tagging features.",
+      "items": [
+        {
+          "question": "What is PictoPy?",
+          "answer": "PictoPy is an intelligent photo management application that uses advanced AI to automatically tag and organize your photos based on detected objects, faces, and scenes. It's designed to make your photo collection searchable and easily accessible while maintaining your privacy."
+        },
+        {
+          "question": "How does the smart tagging feature work?",
+          "answer": "Our smart tagging system uses AI-powered object detection and facial recognition to analyze your photos. It automatically identifies people, objects, scenes, and activities in your images, creating searchable tags without requiring manual input. All processing happens on your device for maximum privacy."
+        },
+        {
+          "question": "Is my privacy protected when using PictoPy?",
+          "answer": "Absolutely. PictoPy is built with a privacy-first approach. All image analysis and processing is performed locally on your device, and your photos never leave your control unless you explicitly choose to share them. We don't store or access your photos on our servers."
+        },
+        {
+          "question": "What platforms does PictoPy support?",
+          "answer": "PictoPy is designed for cross-platform compatibility. It's available on iOS, Android, macOS, and Windows, allowing you to manage your photo collection seamlessly across all your devices with synchronization options that respect your privacy preferences."
+        }
+      ]
+    },
+
+    "cta": {
+      "title": "Take the powerful way.",
+      "description": "Download and use PictoPy for free."
+    },
+
+    "footer": {
+      "product": "Product",
+      "software": "Software",
+      "website": "Website",
+      "parentOrg": "Parent Org",
+      "contribute": "Contribute",
+      "designTools": "Design Tools",
+      "developerTools": "Developer Tools",
+      "projects": "Projects",
+      "community": "Community",
+      "communityStories": "Community Stories",
+      "ambassadors": "Ambassadors",
+      "madeWith": "Made with ♥ by AOSSIE Community"
     }
   },
 
diff --git a/src/messages/hi.json b/src/messages/hi.json
index 02bb5da..67c5eef 100644
--- a/src/messages/hi.json
+++ b/src/messages/hi.json
@@ -96,6 +96,49 @@
         "description": "PictoPy और अन्य प्रोजेक्ट्स के बारे में जानने के लिए हमारा YouTube चैनल देखें।",
         "button": "सब्सक्राइब करें"
       }
+    },
+
+    "faq": {
+      "title": "PictoPy के अक्सर पूछे जाने वाले सवाल",
+      "description": "PictoPy की स्मार्ट फोटो ऑर्गनाइज़ेशन और AI-संचालित टैगिंग सुविधाओं के बारे में आपको जो कुछ जानना चाहिए, वह यहाँ मिलेगा।",
+      "items": [
+        {
+          "question": "PictoPy क्या है?",
+          "answer": "PictoPy एक स्मार्ट फोटो मैनेजमेंट एप्लिकेशन है, जो एडवांस्ड AI का उपयोग करके आपकी तस्वीरों में मौजूद वस्तुओं, चेहरों और दृश्यों को पहचानकर उन्हें अपने आप टैग और व्यवस्थित करता है। इसे आपकी फोटो कलेक्शन को आसानी से खोजने और एक्सेस करने योग्य बनाने के साथ-साथ आपकी गोपनीयता बनाए रखने के लिए डिज़ाइन किया गया है।"
+        },
+        {
+          "question": "स्मार्ट टैगिंग फीचर कैसे काम करता है?",
+          "answer": "हमारा स्मार्ट टैगिंग सिस्टम आपकी तस्वीरों का विश्लेषण करने के लिए AI-संचालित ऑब्जेक्ट डिटेक्शन और फेस रिकग्निशन का उपयोग करता है। यह आपकी तस्वीरों में लोगों, वस्तुओं, दृश्यों और गतिविधियों को अपने आप पहचानकर खोजने योग्य टैग बनाता है, जिससे आपको मैन्युअल रूप से टैग जोड़ने की आवश्यकता नहीं होती। आपकी अधिकतम गोपनीयता के लिए सभी प्रोसेसिंग आपके डिवाइस पर ही होती है।"
+        },
+        {
+          "question": "क्या PictoPy का इस्तेमाल करते समय मेरी गोपनीयता सुरक्षित रहती है?",
+          "answer": "बिल्कुल। PictoPy को प्राइवेसी-फर्स्ट दृष्टिकोण के साथ बनाया गया है। सभी इमेज एनालिसिस और प्रोसेसिंग आपके डिवाइस पर स्थानीय रूप से की जाती है और आपकी तस्वीरें आपके नियंत्रण से बाहर नहीं जातीं, जब तक कि आप उन्हें स्वयं शेयर करने का विकल्प न चुनें। हम आपकी तस्वीरों को अपने सर्वर पर स्टोर या एक्सेस नहीं करते हैं।"
+        },
+        {
+          "question": "PictoPy किन प्लेटफ़ॉर्म को सपोर्ट करता है?",
+          "answer": "PictoPy को क्रॉस-प्लेटफ़ॉर्म उपयोग के लिए डिज़ाइन किया गया है। यह iOS, Android, macOS और Windows पर उपलब्ध है, जिससे आप अपनी फोटो कलेक्शन को अलग-अलग डिवाइस पर आसानी से मैनेज कर सकते हैं। इसमें आपकी प्राइवेसी प्राथमिकताओं का सम्मान करने वाले सिंक्रोनाइज़ेशन विकल्प भी शामिल हैं।"
+        }
+      ]
+    },
+
+    "cta": {
+      "title": "शक्तिशाली तरीके को अपनाएँ।",
+      "description": "PictoPy को मुफ़्त में डाउनलोड करें और इस्तेमाल करें।"
+    },
+
+    "footer": {
+      "product": "उत्पाद",
+      "software": "सॉफ़्टवेयर",
+      "website": "वेबसाइट",
+      "parentOrg": "मूल संगठन",
+      "contribute": "योगदान करें",
+      "designTools": "डिज़ाइन टूल्स",
+      "developerTools": "डेवलपर टूल्स",
+      "projects": "प्रोजेक्ट्स",
+      "community": "समुदाय",
+      "communityStories": "समुदाय की कहानियाँ",
+      "ambassadors": "एंबेसडर",
+      "madeWith": "AOSSIE Community द्वारा ♥ के साथ बनाया गया"
     }
   },