diff --git a/README.md b/README.md
index c21e2f8bc..86c83944c 100644
--- a/README.md
+++ b/README.md
@@ -101,6 +101,34 @@ If you encounter issues or want to start completely fresh:
 1. Run `yarn nuke:all` to clean everything
 2. Reinstall dependencies and rebuild from scratch
 
+## Sponsors
+
+Thank you to all our sponsors! 🍻
+
+Support orval development by [Open Collective](https://opencollective.com/orval) and your logo will be displayed here with a link to your website.
+
+<a href="https://opencollective.com/orval">
+  <img src="https://orval.dev/images/orval-logo-horizontal.svg?raw=true" width="300" alt="Become a sponsor" />
+</a>
+
+## Backers
+
+Thank you to all our backers! 🙏
+
+Support us with a one-time donation and help us continue our activities on [Open Collective](https://opencollective.com/orval).
+
+<a href="https://opencollective.com/orval">
+  <img src="https://orval.dev/images/emblem.svg" width="50" height="50" alt="Backer" />
+</a>
+<a href="https://opencollective.com/orval">
+  <img src="https://orval.dev/images/emblem.svg" width="50" height="50" alt="Backer" />
+</a>
+<a href="https://opencollective.com/orval">
+  <img src="https://orval.dev/images/emblem.svg" width="50" height="50" alt="Backer" />
+</a>
+
+**Note:** After becoming a sponsor or backer, please contact us on [Discord](https://discord.gg/6fC2sjDU7w) to upload your logo.
+
 ## Star History
 
 <a href="https://star-history.com/#orval-labs/orval&Date">
diff --git a/docs/src/pages/index.tsx b/docs/src/pages/index.tsx
index d851790d3..2557779e9 100644
--- a/docs/src/pages/index.tsx
+++ b/docs/src/pages/index.tsx
@@ -1,4 +1,3 @@
-import { Banner } from '@/components/Banner';
 import { Footer } from '@/components/Footer';
 import { Nav } from '@/components/Nav';
 import { Seo } from '@/components/Seo';
@@ -32,7 +31,7 @@ const Home = (props) => {
           <div className="py-24 mx-auto container px-4 sm:mt-12  relative">
             <img
               src="/images/emblem.svg"
-              className="absolute transform right-0 top-5/12 h-0 lg:h-full scale-100 translate-x-1/12 -translate-y-1/4"
+              className="absolute transform right-0 top-1/2 h-0 lg:h-96 xl:h-full scale-100 translate-x-1/12 -translate-y-1/2"
               alt="orval Emblem"
             />
             <div className="grid grid-cols-12 lg:gap-8">
@@ -264,29 +263,100 @@ my-app
             <h3 className="text-2xl md:text-5xl mx-auto leading-tight font-extrabold tracking-tight   lg:leading-none mt-2">
               Thanks for the support, guys! 🍻
             </h3>
-            <div className="flex flex-wrap justify-center mt-8">
-              {sponsors.map((sponsor) => (
+
+            {/* Sponsors Section */}
+            <div className="mt-12">
+              <h4 className="text-lg font-semibold text-gray-700 mb-6">
+                Sponsors
+              </h4>
+              <div className="flex justify-center items-center">
                 <a
-                  key={sponsor.login}
+                  href="https://opencollective.com/orval"
                   target="_blank"
-                  href={`https://github.com/${sponsor.login}`}
+                  rel="noopener noreferrer"
+                  className="hover:opacity-80 transition-opacity"
                 >
                   <img
-                    className="w-10 h-10 m-1 rounded-full"
-                    src={sponsor.avatarUrl}
+                    className="h-40 w-auto"
+                    src="/images/orval-logo-horizontal.svg"
+                    alt="Sample Sponsor"
+                    title="Sample Sponsor"
                   />
                 </a>
-              ))}
+              </div>
             </div>
+
+            {/* Backers Section */}
+            <div className="mt-12">
+              <h4 className="text-lg font-semibold text-gray-700 mb-6">
+                Backers
+              </h4>
+              <div className="flex flex-wrap justify-center items-center gap-4">
+                <a
+                  href="https://opencollective.com/orval"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="hover:opacity-80 transition-opacity"
+                >
+                  <img
+                    className="h-20 w-20 rounded-full"
+                    src="/images/emblem.svg"
+                    alt="Sample Backer"
+                    title="Sample Backer"
+                  />
+                </a>
+                <a
+                  href="https://opencollective.com/orval"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="hover:opacity-80 transition-opacity"
+                >
+                  <img
+                    className="h-20 w-20 rounded-full"
+                    src="/images/emblem.svg"
+                    alt="Sample Backer"
+                    title="Sample Backer"
+                  />
+                </a>
+                <a
+                  href="https://opencollective.com/orval"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="hover:opacity-80 transition-opacity"
+                >
+                  <img
+                    className="h-20 w-20 rounded-full"
+                    src="/images/emblem.svg"
+                    alt="Sample Backer"
+                    title="Sample Backer"
+                  />
+                </a>
+              </div>
+            </div>
+
             <div className="inline-flex rounded-md shadow-sm mt-12">
               <a
-                href="https://github.com/sponsors/anymaniax"
+                href="https://opencollective.com/orval"
                 target="_blank"
+                rel="noopener noreferrer"
                 className="inline-flex items-center justify-center text-center px-5 py-3 border border-transparent text-base leading-6 font-medium rounded-md text-white bg-coral-default hover:bg-coral-light focus:outline-hidden focus:shadow-outline transition duration-150 ease-in-out"
               >
-                Become a sponsor
+                Support us on Open Collective
               </a>
             </div>
+
+            <p className="mt-6 text-sm text-gray-600">
+              After becoming a sponsor or backer, please contact us on{' '}
+              <a
+                href={siteConfig.discordUrl}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="text-coral-default hover:text-coral-light underline"
+              >
+                Discord
+              </a>{' '}
+              to upload your logo.
+            </p>
           </div>
         </div>
         <div className="bg-gray-50 border-b border-gray-100">