feat: update landing texts and how it works section

- updates texts on the top and in the key points section
- revamps the How it Works section
- optimised the Overview GIF (compress+speed up+smaller resolution)
- removes Edit link as Google sees it as 404
- adds the Prettier config

.prettierrc

@@ -0,0 +1 @@
+{ "printWidth": 120, "trailingComma": "all" }

astro.config.mjs

@@ -14,9 +14,6 @@ export default defineConfig({
         src: "./public/favicon.svg",
         alt: "Alumnium",
       },
-      editLink: {
-        baseUrl: 'https://github.com/alumnium-hq/alumnium.github.io/edit/main/',
-      },
       title: "Alumnium",
       social: {
         github: "https://github.com/alumnium-hq/alumnium",
@@ -82,8 +79,8 @@ export default defineConfig({
               slug: "docs/guides/verifications",
             },
           ],
-        }
-      ]
+        },
+      ],
     }),
   ],
 });

src/content/docs/index.mdx

@@ -3,7 +3,7 @@ title: Alumnium
 description: Pave the way towards AI-powered test automation
 template: splash
 hero:
-  tagline: Pave the way towards AI-powered test automation!
+  tagline: Testing doesn’t have to be tedious! </br> Alumnium bridges the gap between human and automated testing by using AI to translate your test instructions into executable commands.
   image:
     file: ../../assets/logo.svg
   actions:
@@ -14,33 +14,63 @@ hero:
       link: https://github.com/alumnium-hq/alumnium
       icon: external
       variant: minimal
+      attrs:
+        target: _blank
 ---
 
-import { Card, CardGrid } from "@astrojs/starlight/components";
+import { Card, CardGrid, LinkButton } from "@astrojs/starlight/components";
 import overview from "../../assets/overview.gif";
 
 <CardGrid stagger>
   <Card title="Powered by AI" icon="rocket">
     Leverage the full power and capabilities of LLMs.
   </Card>
-  <Card title="Built for development teams" icon="heart">
+  <Card title="Built for Development Teams" icon="heart">
     Written by software and QA engineers alike.
   </Card>
-  <Card title="Support for web" icon="pen">
-    Alumnium works together with [Selenium](https://www.selenium.dev/), de-facto standard for web automation.
-    Mobile support is coming soon.
+  <Card title="Support for Web" icon="laptop">
+    Alumnium works together with [Selenium](https://www.selenium.dev/), de-facto standard for web automation. Mobile
+    support is coming soon.
   </Card>
-  <Card title="Control your test cases" icon="star">
-    Keep the control of your test cases, and leave interaction with the
-    application to AI.
+  <Card title="Control Your Test Cases" icon="approve-check">
+    Don't sacrifice precision or control of your test cases. Leave interaction with the application to AI.
   </Card>
 </CardGrid>
 
 ## How it works
 
-<Card title="Check out what Alumnium can do" icon="magnifier">
-  <img src={overview.src} width={overview.width} height={overview.height} alt="Alumnium overview" />
+<Card title="Write Human-Readable Instructions" icon="pencil">
+  Write your test case instructions in plain language with test framework you like. Alumnium provides 2 types of
+  commands: `do` and `check`. Use `do` to describe the steps to <b>do</b>. Use `check` to verify the <b>results</b>.
+
+```python title="todo_test.py"
+al.do("create task 'buy milk'")
+al.do("mark task 'buy milk' as completed")
+al.check("task 'buy milk' is completed")
+```
+
+  <LinkButton href="/docs/getting-started/writing-first-test" variant="secondary">Write your first test</LinkButton>
 </Card>
-<Card title="Learn more" icon="open-book">
-  Read more in [the Alumnium Docs](docs/).
+<Card title="AI-Powered Test Execution" icon="translate">
+  Alumnium’s AI interprets your instructions, generates Selenium code and executes browser interactions. It works with the web page's accessibility tree and a screenshot in case it's no enough.
+
+{" "}
+
+<img src={overview.src} width={overview.width} height={overview.height} alt="Alumnium overview" />
+
+  <LinkButton href="/docs" variant="secondary">Learn more details</LinkButton>
 </Card>
+<Card title="Engineer-Centric Flexibility" icon="warning">
+  Alumnium doesn’t write the tests for you — it helps you automate them. Designed for test and software engineers, the
+  tool keeps you in control of your test logic while handling the browser interactions.
+
+  <LinkButton href="https://github.com/alumnium-hq/alumnium/tree/main/examples" icon="external" variant="secondary" target="_blank">Check out more examples</LinkButton>
+</Card>
+
+## Future-Proof Your Test Automation
+
+Alumnium is built with growth in mind. As we expand support for additional languages and mobile platforms, you’ll have the tools you need to keep your automation strategy agile and adaptable.
+
+Get started with Python support and see how Alumnium can transform your test automation process.
+
+<LinkButton href="/getting-started/installation">Try Alumnium</LinkButton>