feat: add gemini and re-order sections

src/components/IntegratesWith.astro

@@ -1,17 +1,19 @@
 ---
 import Logo from "./Logo.astro";
-import openaiLockup from "../assets/openai-lockup.svg";
 import anthropic from "../assets/anthropic.svg";
+import openaiLockup from "../assets/openai-lockup.svg";
+import gemini from "../assets/gemini.svg";
 import meta from "../assets/meta.svg";
 ---
 
 <div class="bg-primary-light dark:bg-primary-dark py-8 not-content">
   <div class="mx-auto max-w-7xl">
     <h2 class="text-center text-lg/8 font-semibold text-text-light dark:text-text-dark">Integrates with</h2>
     <div class="mx-auto mt-6 lg:mt-10 max-w-none gap-x-10 gap-y-10 flex justify-center items-center flex-wrap">
+      <Logo src={anthropic.src} alt="Anthropic"  />
+      <Logo src={gemini.src} alt="Google Gemini" className="pb-4" />
       <Logo src={openaiLockup.src} alt="OpenAI" className="h-10" />
-      <Logo src={anthropic.src} alt="Anthropic" />
-      <Logo src={meta.src} alt="Meta Llama" className="h-7" />
+      <Logo src={meta.src} alt="Meta Llama" className="h-6" />
     </div>
   </div>
 </div>

src/components/SupportedBy.astro

@@ -9,13 +9,13 @@ import awsForStartups from "../assets/aws-for-startups.svg";
   <div class="mx-auto max-w-7xl">
     <h2 class="text-center text-lg/8 font-semibold text-text-light dark:text-text-dark">Supported by</h2>
     <div class="mx-auto mt-10 grid max-w-lg grid-cols-2 items-center gap-x-8 gap-y-10">
+      <Logo src={awsForStartups.src} alt="AWS for Startups" />
       <Logo src={microsoftForStartupsLight.src} alt="Microsoft for Startups" className="block dark:hidden" />
       <Logo
         src={microsoftForStartupsDark.src}
         alt="Microsoft for Startups"
         className="hidden dark:block dark:invert-0 dark:brightness-100"
       />
-      <Logo src={awsForStartups.src} alt="AWS for Startups" />
     </div>
   </div>
 </div>

src/content/docs/index.mdx

@@ -33,8 +33,6 @@ import GetNotified from "../../components/GetNotified.astro";
 
 <FeaturesBlock />
 
-<SupportedBy />
-
 ## How it works
 
 <Card title="Write Human-Readable Instructions" icon="pencil">
@@ -65,6 +63,8 @@ al.check("task 'buy milk' is completed")
   <LinkButton href="https://github.com/alumnium-hq/alumnium/tree/main/examples" icon="external" variant="secondary" target="_blank">Check out more examples</LinkButton>
 </Card>
 
+<SupportedBy />
+
 <GetNotified />
 
 ## Future-Proof Your Test Automation