diff --git a/src/components/HomePageHeader/index.jsx b/src/components/HomePageHeader/index.jsx
index 4d5e014b..c5ecf7ff 100644
--- a/src/components/HomePageHeader/index.jsx
+++ b/src/components/HomePageHeader/index.jsx
@@ -10,10 +10,10 @@ function HomepageHeader() {
 
   return (
     <header className={css.hero}>
-      <div className="container">
+      <div className={css['flex-col']}>
         <img alt={siteConfig.title} src={`img/logos/fastify-white.svg`} />
 
-        <h2>{siteConfig.tagline}</h2>
+        <h2 className="text--center">{siteConfig.tagline}</h2>
 
         <div>
           <GitHubButton
diff --git a/src/components/HomePageHeader/styles.module.css b/src/components/HomePageHeader/styles.module.css
index 9c4b6c79..5437c1bf 100644
--- a/src/components/HomePageHeader/styles.module.css
+++ b/src/components/HomePageHeader/styles.module.css
@@ -10,8 +10,19 @@
 
 .hero {
   background: url('/static/img/bg-pattern-dark.png');
+  display: flex;
+  align-items: center;
+  justify-content: center;
   filter: invert(var(--fty-hero-color-filter));
-  padding: 3rem 2rem;
+  padding: 2rem;
+}
+
+.flex-col {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
 }
 
 .hero img {
diff --git a/src/components/QuickStart/index.jsx b/src/components/QuickStart/index.jsx
index 179f410d..9035b6ed 100644
--- a/src/components/QuickStart/index.jsx
+++ b/src/components/QuickStart/index.jsx
@@ -165,7 +165,7 @@ start()`
 
   return (
     <>
-      <h1>Quick start</h1>
+      <h1 className="text--center">Quick start</h1>
       <p>Get Fastify with NPM:</p>
 
       <CodeBlock language="bash">npm install fastify</CodeBlock>
diff --git a/src/css/custom.css b/src/css/custom.css
index e7a2e3a6..b99eee0e 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -68,3 +68,22 @@
   border-radius: var(--ifm-code-border-radius);
   padding: 2em 1em 1em;
 }
+
+.flex {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 2.5rem;
+}
+
+.button {
+  min-width: 10.75rem;
+  padding: 0.5rem 1rem;
+}
+
+@media screen and (max-width: 480px) {
+  .flex {
+    justify-content: space-evenly;
+    gap: 0;
+  }
+}
diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index 0fce7c52..34eea9bb 100644
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -20,8 +20,18 @@ export default function Home() {
       <HomepageHeader />
 
       <main>
+        <section className="section flex">
+          <Link to="/docs/latest/Guides/Getting-Started" className="button button--lg button--primary">
+            Getting Started
+          </Link>
+
+          <Link to="/resources" className="button button--lg button--secondary">
+            Learn More
+          </Link>
+        </section>
+
         <section className="section">
-          <div className="container">
+          <div className="container text--center">
             <h1>Why</h1>
             <p>
               An efficient server implies a lower cost of the infrastructure, a better responsiveness under load and
@@ -37,7 +47,7 @@ export default function Home() {
         </section>
 
         <section className="section">
-          <div className="container">
+          <div className="container text--center">
             <h1>Who is using Fastify?</h1>
             <p>Fastify is proudly powering a large ecosystem of organisations and products out there.</p>
             <p>
@@ -50,8 +60,8 @@ export default function Home() {
 
         <section className="section alternate">
           <div className="container">
-            <h1>Core features</h1>
-            <p>These are the main features and principles on which Fastify has been built:</p>
+            <h1 className="text--center">Core features</h1>
+            <p className="text--center">These are the main features and principles on which Fastify has been built:</p>
             <ul>
               <li>
                 <strong>Highly performant:</strong> as far as we know, Fastify is one of the fastest web frameworks in
@@ -126,8 +136,8 @@ export default function Home() {
 
         <section className="section">
           <div className="container">
-            <h1>Meet The Team</h1>
-            <p>
+            <h1 className="text--center">Meet The Team</h1>
+            <p className="text--center">
               <i>In alphabetical order</i>
             </p>
             <Team />