Merge pull request #2192 from bitfinity-network/Added-solidity-under-…

…languages-docs

Added solidity under landings - DocsHome

src/components/DocsHome/index.tsx

@@ -80,7 +80,7 @@ const DocsHomePage: FC = () => {
           grid 
           grid-cols-1
           sm:grid-cols-2 
-          md:grid-cols-[1.25fr_minmax(0,1fr)_minmax(0,1fr)_minmax(0,1fr)_minmax(0,1fr)] 
+          md:grid-cols-6 
           px-0
           pb-5 sm:pb-10
         "
@@ -138,6 +138,34 @@ const DocsHomePage: FC = () => {
                 </p>
               </div>
             </div>
+            <div className="snap-center min-w-[80vw] sm:min-w-0 border-0 border-r sm:border-t md:border-t-0 border-solid border-black/10 px-6 sm:pl-0 sm:pr-8 md:px-6 pt-10 sm:pb-10 md:pb-0 md:pt-0 flex flex-col">
+              <div className="mb-16 md:mb-0 md:h-[200px]">
+                <img
+                  src="/img/docs/solidity.png"
+                  alt="Motoko docs"
+                  className="w-10 h-10"
+                  loading="lazy"
+                />
+              </div>
+              <div className="flex-1 flex flex-col">
+                <h4 className="tw-heading-5 mb-6">Solidity</h4>
+                <p className="tw-paragraph text-black/80 mb-6 flex-1">
+                  Bitfinity allows you to build Internet apps on the Internet
+                  Computer with Solidity, a popular language for DeFi
+                  applications.
+                </p>
+                <p className="mb-0">
+                  <Link
+                    href="https://bitfinity.network"
+                    className="link-primary"
+                    title="Go to Motoko docs"
+                  >
+                    <LinkArrowRight />
+                  </Link>
+                </p>
+              </div>
+            </div>
+
             <div className="snap-center min-w-[80vw] sm:min-w-0 border-0 border-r sm:border-r-0 md:border-r sm:border-t md:border-t-0 border-solid border-black/10 px-6 sm:pl-8 sm:pr-0 md:px-6 pt-10 sm:pb-10 md:pb-0 md:pt-0 flex flex-col">
               <div className="mb-16 md:mb-0 md:h-[200px]">
                 <img