From dabe53cea233e844ae7cc327fac00721abbac310 Mon Sep 17 00:00:00 2001
From: Ludovic DEHON <tchiot.ludo@gmail.com>
Date: Fri, 8 Sep 2023 10:31:08 +0200
Subject: [PATCH] refactor(site): better partners apge

---
 components/layout/Header.vue                  |   2 +-
 components/partners/BecomeAPartner.vue        | 135 +++++++++---------
 components/partners/BetterTogether.vue        |  70 ++++-----
 components/partners/Headers.vue               |  35 ++---
 components/partners/IntegratesWith.vue        |  52 +++----
 components/partners/Partners.vue              |  77 +++++-----
 components/partners/PerksAndBenefits.vue      |  43 +++---
 pages/{kestra-partners.vue => partners.vue}   |   0
 ...{Adrian-Brudaru.svg => adrian-brudaru.svg} |   0
 .../partners/{Frame922.svg => background.svg} |   0
 ...chnology_Partner.svg => badge-partner.svg} |   0
 ...etaillieur.svg => charles-letaillieur.svg} |   0
 .../{Chris-Tata.svg => chris-tata.svg}        |   0
 .../{Airbyte.svg => airbyte.svg}              |   0
 .../integrate-with-logos/{AWS.svg => aws.svg} |   0
 .../{MicrosoftAzure.svg => azure.svg}         |   0
 .../{Integrates-with.svg => background.svg}   |   0
 .../integrate-with-logos/{GCP.svg => gcp.svg} |   0
 .../{MotherDuck.svg => mother-duck.svg}       |   0
 .../{airbytelogo.svg => airbyte.svg}          |   0
 .../{converteologo.svg => converteo.svg}      |   0
 .../{databrickslogo.svg => databricks.svg}    |   0
 .../{dlthublogo.svg => dlthub.svg}            |   0
 .../{nticologo.svg => ntico.svg}              |   0
 .../{terraformlogo.svg => terraform.svg}      |   0
 25 files changed, 201 insertions(+), 213 deletions(-)
 rename pages/{kestra-partners.vue => partners.vue} (100%)
 rename public/partners/{Adrian-Brudaru.svg => adrian-brudaru.svg} (100%)
 rename public/partners/{Frame922.svg => background.svg} (100%)
 rename public/partners/{Badge_Kestra_Technology_Partner.svg => badge-partner.svg} (100%)
 rename public/partners/{Charles-Letaillieur.svg => charles-letaillieur.svg} (100%)
 rename public/partners/{Chris-Tata.svg => chris-tata.svg} (100%)
 rename public/partners/integrate-with-logos/{Airbyte.svg => airbyte.svg} (100%)
 rename public/partners/integrate-with-logos/{AWS.svg => aws.svg} (100%)
 rename public/partners/integrate-with-logos/{MicrosoftAzure.svg => azure.svg} (100%)
 rename public/partners/integrate-with-logos/{Integrates-with.svg => background.svg} (100%)
 rename public/partners/integrate-with-logos/{GCP.svg => gcp.svg} (100%)
 rename public/partners/integrate-with-logos/{MotherDuck.svg => mother-duck.svg} (100%)
 rename public/partners/partners-logos/{airbytelogo.svg => airbyte.svg} (100%)
 rename public/partners/partners-logos/{converteologo.svg => converteo.svg} (100%)
 rename public/partners/partners-logos/{databrickslogo.svg => databricks.svg} (100%)
 rename public/partners/partners-logos/{dlthublogo.svg => dlthub.svg} (100%)
 rename public/partners/partners-logos/{nticologo.svg => ntico.svg} (100%)
 rename public/partners/partners-logos/{terraformlogo.svg => terraform.svg} (100%)

diff --git a/components/layout/Header.vue b/components/layout/Header.vue
index 3291f04cf4..742529c1c3 100644
--- a/components/layout/Header.vue
+++ b/components/layout/Header.vue
@@ -140,7 +140,7 @@
                                 </NuxtLink>
                             </li>
                             <li>
-                                <NuxtLink class="dropdown-item" href="/kestra-partners" @click="globalClick(true)">
+                                <NuxtLink class="dropdown-item" href="/partners" @click="globalClick(true)">
                                     <Handshake />
                                     <p>
                                         <span>Partners</span><br/>
diff --git a/components/partners/BecomeAPartner.vue b/components/partners/BecomeAPartner.vue
index 716f52232d..a3cf90e002 100644
--- a/components/partners/BecomeAPartner.vue
+++ b/components/partners/BecomeAPartner.vue
@@ -15,9 +15,7 @@
                                 <form ref="becomeAPartner" @submit="checkForm" class="needs-validation" novalidate data-aos="fade-left">
                                     <div class="row mb-3">
                                         <div class="form-group col-md-6 has-error">
-                                            <label for="firstName" class="mb-1"
-                                                >First Name *</label
-                                            >
+                                            <label for="firstName" class="mb-1">First Name *</label>
                                             <input
                                                 type="text"
                                                 class="form-control"
@@ -26,9 +24,7 @@
                                             />
                                         </div>
                                         <div class="form-group col-md-6">
-                                            <label for="lastName" class="mb-1"
-                                                >Last Name *</label
-                                            >
+                                            <label for="lastName" class="mb-1">Last Name *</label>
                                             <input
                                                 type="text"
                                                 class="form-control"
@@ -38,9 +34,7 @@
                                         </div>
                                     </div>
                                     <div class="form-group mb-3">
-                                        <label for="companyMail" class="mb-1"
-                                            >Company Mail *</label
-                                        >
+                                        <label for="companyMail" class="mb-1">Company Mail *</label>
                                         <input
                                             type="email"
                                             class="form-control"
@@ -49,10 +43,7 @@
                                         />
                                     </div>
                                     <div class="form-group mb-3">
-                                        <label for="jobTitle" class="mb-1"
-                                        >
-                                            Job Title
-                                        </label>
+                                        <label for="jobTitle" class="mb-1">Job Title</label>
                                         <input
                                             type="text"
                                             class="form-control"
@@ -61,11 +52,7 @@
                                         />
                                     </div>
                                     <div class="form-group mb-4">
-                                        <label for="howToIntegrateKestraPartnerShip" class="mb-1"
-                                        >
-                                            How would you integrate Kestra partnership program?
-                                        </label
-                                        >
+                                        <label for="howToIntegrateKestraPartnerShip" class="mb-1">How would you integrate Kestra partnership program?</label>
                                         <input
                                             type="text"
                                             class="form-control"
@@ -96,68 +83,74 @@
 </template>
 
 <script setup>
-const hubSpotUrl = "https://api.hsforms.com/submissions/v3/integration/submit/27220195/77f32ae3-0f49-404a-a28d-6dfe92c8bc78";
-const checkForm = function (){
-    e.preventDefault()
-    e.stopPropagation()
+    const hubSpotUrl = "https://api.hsforms.com/submissions/v3/integration/submit/27220195/77f32ae3-0f49-404a-a28d-6dfe92c8bc78";
+
+    const checkForm = (e) => {
+        e.preventDefault()
+        e.stopPropagation()
 
-    const form = this.$refs.becomeAPartner;
-    const route = useRoute();
-    if (form.checkValidity()) {
-        form.classList.add('was-validated')
+        const form = this.$refs.becomeAPartner;
+        const route = useRoute();
+        if (form.checkValidity()) {
+            form.classList.add('was-validated')
 
-        const formData = {
-            fields: [{
-                objectTypeId: "0-1",
-                name: "firstname",
-                value: form.firstName.value
-            },
-            {
-                objectTypeId: "0-1",
-                name: "lastname",
-                value: form.lastName.value
-            },
-            {
-                objectTypeId: "0-1",
-                name: "companyMail",
-                value: form.companyMail.value
-            },
-            {
-                objectTypeId: "0-1",
-                name: "jobTitle",
-                value: form.jobTitle.value
-            },
-            {
-                objectTypeId: "0-1",
-                name: "howToIntegrateKestraPartnerShip",
-                value: form.howToIntegrateKestraPartnerShip.value
-            }],
-            context: {
-                pageUri: route.path,
-                pageName: route.path
+            const formData = {
+                fields: [{
+                    objectTypeId: "0-1",
+                    name: "firstname",
+                    value: form.firstName.value
+                },
+                    {
+                        objectTypeId: "0-1",
+                        name: "lastname",
+                        value: form.lastName.value
+                    },
+                    {
+                        objectTypeId: "0-1",
+                        name: "companyMail",
+                        value: form.companyMail.value
+                    },
+                    {
+                        objectTypeId: "0-1",
+                        name: "jobTitle",
+                        value: form.jobTitle.value
+                    },
+                    {
+                        objectTypeId: "0-1",
+                        name: "howToIntegrateKestraPartnerShip",
+                        value: form.howToIntegrateKestraPartnerShip.value
+                    }],
+                context: {
+                    pageUri: route.path,
+                    pageName: route.path
+                }
             }
-        }
-        fetch(hubSpotUrl, {method: "POST", body: JSON.stringify(formData), headers: {"Content-Type": "application/json"}})
-            .then((_) => {
-                form.reset()
-                form.classList.remove('was-validated')
+            fetch(hubSpotUrl, {
+                method: "POST",
+                body: JSON.stringify(formData),
+                headers: {"Content-Type": "application/json"}
             })
+                .then((_) => {
+                    form.reset()
+                    form.classList.remove('was-validated')
+                })
+        }
     }
-}
 </script>
 
 <style lang="scss" scoped>
-@import "../../assets/styles/variable";
-.container-fluid {
-    background: $purple-13;
+    @import "../../assets/styles/variable";
 
-    .form-group {
-        margin-bottom: 10px;
-    }
+    .container-fluid {
+        background: $purple-13;
 
-    .mandatory-fields {
-        color: $purple-15;
-        font-size: small;
+        .form-group {
+            margin-bottom: 10px;
+        }
+
+        .mandatory-fields {
+            color: $purple-15;
+            font-size: small;
+        }
     }
-}
 </style>
diff --git a/components/partners/BetterTogether.vue b/components/partners/BetterTogether.vue
index dbe493680c..5a960ae0e0 100644
--- a/components/partners/BetterTogether.vue
+++ b/components/partners/BetterTogether.vue
@@ -38,7 +38,7 @@ export default {
         return {
             testimonialData: [
                 {
-                    profile: "/partners/Chris-Tata.svg",
+                    profile: "/partners/chris-tata.svg",
                     message:
                         "Airbyte and Kestra share a common vision: to simplify data pipeline creation. This partnership brings together the strengths of two leading data management companies, so our customers can get the most out of their data and achieve their business goals.",
                     name: "Chris Tata",
@@ -46,7 +46,7 @@ export default {
                     alt: "Picture of Chris Tata",
                 },
                 {
-                    profile: "/partners/Adrian-Brudaru.svg",
+                    profile: "/partners/adrian-brudaru.svg",
                     message:
                         "Kestra and dlt share a vision of simplifying data pipeline creation. Thanks to Kestra's and dlt's declarative interface, you can deploy existing pipelines in seconds or build new ones in minutes, complete with self healing schemas and lineage to increase robustness and trust.",
                     name: "Adrian Brudaru",
@@ -54,7 +54,7 @@ export default {
                     alt: "Picture of Adrian Brudaru",
                 },
                 {
-                    profile: "/partners/Charles-Letaillieur.svg",
+                    profile: "/partners/charles-letaillieur.svg",
                     message:
                         "Kestra offers an elegant solution to the pain points we face in the data transformation projects of our customers: monitoring, management and maintenance of large-scale data flows.What sets Kestra apart is not only its open-source community but also its seamless integration with modern data stack tools like Airbyte and Restack. We are genuinely thrilled to engage Kestra.",
                     name: "Charles Letaillieur",
@@ -68,44 +68,44 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "../../assets/styles/variable";
+    @import "../../assets/styles/variable";
 
-.row {
-    align-items: center;
-    justify-content: center;
-}
-
-:deep(.card-body) {
-    padding: calc($spacer * 2);
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    min-height: 420px;
-
-    &:before {
-        content: "“";
-        font-size: 10rem;
-        color: var(--bs-primary);
-        position: absolute;
-        margin-top: -3.5rem;
-        margin-left: -0.5rem;
+    .row {
+        align-items: center;
+        justify-content: center;
     }
 
-    p {
-        margin-top: calc($spacer * 3.5);
-    }
+    :deep(.card-body) {
+        padding: calc($spacer * 2);
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        min-height: 420px;
 
-    .footer {
-        img {
-            border-radius: 50%;
-            float: left;
-            margin-right: $spacer;
+        &:before {
+            content: "“";
+            font-size: 10rem;
+            color: var(--bs-primary);
+            position: absolute;
+            margin-top: -3.5rem;
+            margin-left: -0.5rem;
         }
 
-        span {
-            font-size: $font-size-sm;
-            float: left;
+        p {
+            margin-top: calc($spacer * 3.5);
+        }
+
+        .footer {
+            img {
+                border-radius: 50%;
+                float: left;
+                margin-right: $spacer;
+            }
+
+            span {
+                font-size: $font-size-sm;
+                float: left;
+            }
         }
     }
-}
 </style>
diff --git a/components/partners/Headers.vue b/components/partners/Headers.vue
index a1f1bb316c..a47f9a52d3 100644
--- a/components/partners/Headers.vue
+++ b/components/partners/Headers.vue
@@ -1,9 +1,9 @@
 <template>
     <div class="position-relative container-fluid d-flex justify-content-center">
         <div class="position-relative">
-            <img src="/partners/Frame922.svg" alt="Frame 922">
+            <img src="/partners/background.svg" alt="Frame 922" />
             <div class="logo position-absolute start-50 translate-middle">
-                <img src="/partners/Badge_Kestra_Technology_Partner.svg" alt="Badge_Kestra_Technology_Partner">
+                <img src="/partners/badge-partner.svg" alt="Become Kestra partner">
             </div>
         </div>
         <div class="description position-absolute start-50 translate-middle text-center w-50">
@@ -15,19 +15,22 @@
 </template>
 
 <style scoped lang="scss">
-@import "../../assets/styles/variable";
-.container-fluid {
-    background: $purple-17;
-    padding-bottom: 3rem;
-    .logo {
-        top: 245px;
-    }
-    .description {
-        top: 75%;
-    }
-    
-    h2 span {
-        font-weight: 100;
+    @import "../../assets/styles/variable";
+
+    .container-fluid {
+        background: $purple-17;
+        padding-bottom: 3rem;
+
+        .logo {
+            top: 245px;
+        }
+
+        .description {
+            top: 75%;
+        }
+
+        h2 span {
+            font-weight: 100;
+        }
     }
-}
 </style>
\ No newline at end of file
diff --git a/components/partners/IntegratesWith.vue b/components/partners/IntegratesWith.vue
index e0c31ef574..0c89b94ad8 100644
--- a/components/partners/IntegratesWith.vue
+++ b/components/partners/IntegratesWith.vue
@@ -3,50 +3,36 @@
         <div class="text-center pt-5" data-aos="zoom-in">
             <div>
                 <img
-                    src="/partners/integrate-with-logos/Integrates-with.svg"
-                    alt="Kestra Integrate Image"
+                    src="/partners/integrate-with-logos/background.svg"
+                    alt="Kestra's Integration"
                 />
             </div>
             <div class="my-3">
                 <h2>Kestra Integrates with:</h2>
             </div>
             <div>
-                <img src="/partners/integrate-with-logos/AWS.svg" alt="AWS logo" />
-                <img src="/partners/integrate-with-logos/GCP.svg" alt="GCP logo" />
-                <img
-                    src="/partners/integrate-with-logos/MicrosoftAzure.svg"
-                    alt="Microsoft Azure logo"
-                />
-                <img
-                    src="/partners/integrate-with-logos/Airbyte.svg"
-                    alt="Airbyte logo"
-                />
-                <img
-                    src="/partners/integrate-with-logos/tabular.svg"
-                    alt="logo-horizontal-color"
-                />
-                <img
-                    src="/partners/integrate-with-logos/MotherDuck.svg"
-                    alt="MotherDuck logo"
-                />
-                <div class="py-3">
-                    <p class="and-more fw-bold">And more...</p>
-                </div>
+                <img src="/partners/integrate-with-logos/aws.svg" alt="AWS logo" />
+                <img src="/partners/integrate-with-logos/gcp.svg" alt="GCP logo" />
+                <img src="/partners/integrate-with-logos/azure.svg" alt="Microsoft Azure logo" />
+                <img src="/partners/integrate-with-logos/airbyte.svg" alt="Airbyte logo" />
+                <img src="/partners/integrate-with-logos/tabular.svg" alt="Tabular logo" />
+                <img src="/partners/integrate-with-logos/mother-duck.svg" alt="MotherDuck logo" />
+                <div class="py-3"><p class="and-more fw-bold">And more...</p></div>
             </div>
         </div>
     </div>
 </template>
 
-<script setup>
-</script>
 
 <style lang="scss" scoped>
-@import "../../assets/styles/variable";
-.container-fluid {
-    background: $purple-17;
-}
-.and-more {
-    color: $purple-18;
-    font-size: $font-size-lg;
-}
+    @import "../../assets/styles/variable";
+
+    .container-fluid {
+        background: $purple-17;
+    }
+
+    .and-more {
+        color: $purple-18;
+        font-size: $font-size-lg;
+    }
 </style>
diff --git a/components/partners/Partners.vue b/components/partners/Partners.vue
index 0554e5ebbc..d94064479f 100644
--- a/components/partners/Partners.vue
+++ b/components/partners/Partners.vue
@@ -4,27 +4,27 @@
             <div class="row card-group mb-2">
                 <div class="col-12 col-md-4 col-lg-4 mb-4">
                     <div class="card" data-aos="zoom-in">
-                        <img src="/partners/partners-logos/airbytelogo.svg" class="card-img-top" alt="airbytelogo">
+                        <img src="/partners/partners-logos/airbyte.svg" class="card-img-top" alt="Airbyte's Logo">
                         <div class="card-body">
                             <p class="card-text">Technology Partner</p>
                             <h5 class="card-title">Airbyte</h5>
-                            <a href="#">Visit the Airbyte website <OpenInNew /></a>
+                            <a href="https://airbyte.com/" target="_blank">Visit the Airbyte website <OpenInNew /></a>
                         </div>
                     </div>
                 </div>
                 <div class="col-12 col-md-4 col-lg-4 mb-4">
                     <div class="card" data-aos="zoom-in">
-                        <img src="/partners/partners-logos/dlthublogo.svg" class="card-img-top" alt="dlthublogo">
+                        <img src="/partners/partners-logos/dlthub.svg" class="card-img-top" alt="dlthub's Logo">
                         <div class="card-body">
                             <p class="card-text">Technology Partner</p>
                             <h5 class="card-title">dlthub</h5>
-                            <a href="#">Visit the dlthub website <OpenInNew /></a>
+                            <a href="https://dlthub.com/" target="_blank">Visit the dlthub website <OpenInNew /></a>
                         </div>
                     </div>
                 </div>
                 <div class="col-12 col-md-4 col-lg-4 mb-4">
                     <div class="card" data-aos="zoom-in">
-                        <img src="/partners/partners-logos/terraformlogo.svg" class="card-img-top" alt="terraformlogo">
+                        <img src="/partners/partners-logos/terraform.svg" class="card-img-top" alt="Terraform's logo">
                         <div class="card-body">
                             <p class="card-text">Technology Partner</p>
                             <h5 class="card-title">Terraform</h5>
@@ -34,7 +34,7 @@
                 </div>
                 <div class="col-12 col-md-4 col-lg-4 mb-4">
                     <div class="card" data-aos="zoom-in">
-                        <img src="/partners/partners-logos/databrickslogo.svg" class="card-img-top" alt="databrickslogo">
+                        <img src="/partners/partners-logos/databricks.svg" class="card-img-top" alt="Databricks's logo">
                         <div class="card-body">
                             <p class="card-text">Technology Partner</p>
                             <h5 class="card-title">Databricks</h5>
@@ -44,7 +44,7 @@
                 </div>
                 <div class="col-12 col-md-4 col-lg-4 mb-4">
                     <div class="card text-center" data-aos="zoom-in">
-                        <img src="/partners/Badge_Kestra_Technology_Partner.svg" class="card-img-top" alt="Badge_Kestra_Technology_Partner" height="118" width="118">
+                        <img src="/partners/badge-partner.svg" class="card-img-top" alt="Technology Partner" height="118" width="118">
                         <div class="card-body">
                             <h5 class="card-title mb-3">Want to join our Partner Program?</h5>
                             <button class="btn btn-primary">Become a Partner</button>
@@ -57,17 +57,17 @@
             <div class="row card-group mb-2">
                 <div class="col-12 col-md-4 col-lg-4 mb-4">
                     <div class="card" data-aos="zoom-in">
-                        <img src="/partners/partners-logos/converteologo.svg" class="card-img-top" alt="converteologo">
+                        <img src="/partners/partners-logos/converteo.svg" class="card-img-top" alt="Converteo's logo">
                         <div class="card-body">
                             <p class="card-text">Consulting Partner</p>
                             <h5 class="card-title">Converteo</h5>
-                            <a href="#">Visit the Converteo website <OpenInNew /></a>
+                            <a href="https://converteo.com/en/" target="_blank">Visit the Converteo website <OpenInNew /></a>
                         </div>
                     </div>
                 </div>
                 <div class="col-12 col-md-4 col-lg-4 mb-4">
                     <div class="card" data-aos="zoom-in">
-                        <img src="/partners/partners-logos/nticologo.svg" class="card-img-top" alt="nticologo">
+                        <img src="/partners/partners-logos/ntico.svg" class="card-img-top" alt="Ntico's logo">
                         <div class="card-body">
                             <p class="card-text">Consulting Partner</p>
                             <h5 class="card-title">Ntico</h5>
@@ -77,7 +77,7 @@
                 </div>
                 <div class="col-12 col-md-4 col-lg-4 mb-4">
                     <div class="card text-center" data-aos="zoom-in">
-                        <img src="/partners/Badge_Kestra_Technology_Partner.svg" class="card-img-top" alt="Badge_Kestra_Technology_Partner" height="118" width="118">
+                        <img src="/partners/badge-partner.svg" class="card-img-top" alt="Badge_Kestra_Technology_Partner" height="118" width="118">
                         <div class="card-body">
                             <h5 class="card-title mb-3">Want to join our Partner Program?</h5>
                             <button class="btn btn-primary">Become a Partner</button>
@@ -90,34 +90,39 @@
 </template>
 
 <script setup>
-import Section from '../layout/Section.vue'
-import OpenInNew from 'vue-material-design-icons/OpenInNew.vue'
+    import Section from '../layout/Section.vue'
+    import OpenInNew from 'vue-material-design-icons/OpenInNew.vue'
 </script>
 
 <style scoped lang="scss">
-@import "../../assets/styles/variable";
-.card-group {
-    background: none !important;
-    justify-content: start;
-    .card {
-        padding: 2rem;
-        .coming-soon {
-            background: $purple-18;
-            padding: 0 0.5rem;
-            line-height: 1.375rem;
-            height: 22px;
-        }
-        .card-text {
-            font-size: $font-size-sm;
-            color: var(--bs-pink);
-            font-weight: 800;
-            text-transform: uppercase;
-            font-family: var(--bs-font-monospace);
-            display: inline;
-        }
-        .card-title {
-            margin: 1rem 0;
+    @import "../../assets/styles/variable";
+
+    .card-group {
+        background: none !important;
+        justify-content: start;
+
+        .card {
+            padding: 2rem;
+
+            .coming-soon {
+                background: $purple-18;
+                padding: 0 0.5rem;
+                line-height: 1.375rem;
+                height: 22px;
+            }
+
+            .card-text {
+                font-size: $font-size-sm;
+                color: var(--bs-pink);
+                font-weight: 800;
+                text-transform: uppercase;
+                font-family: var(--bs-font-monospace);
+                display: inline;
+            }
+
+            .card-title {
+                margin: 1rem 0;
+            }
         }
     }
-}
 </style>
\ No newline at end of file
diff --git a/components/partners/PerksAndBenefits.vue b/components/partners/PerksAndBenefits.vue
index 5edd4e35a8..87f3547320 100644
--- a/components/partners/PerksAndBenefits.vue
+++ b/components/partners/PerksAndBenefits.vue
@@ -10,7 +10,7 @@
                         </div>
                     </div>
                 </div>
-    
+
                 <div class="col-6 col-md-4 col-lg-3 mb-4">
                     <div class="card" data-aos="zoom-in">
                         <div class="card-body">
@@ -19,7 +19,7 @@
                         </div>
                     </div>
                 </div>
-    
+
                 <div class="col-6 col-md-4 col-lg-3 mb-4">
                     <div class="card" data-aos="zoom-in">
                         <div class="card-body">
@@ -28,7 +28,7 @@
                         </div>
                     </div>
                 </div>
-    
+
                 <div class="col-6 col-md-4 col-lg-3 mb-4">
                     <div class="card" data-aos="zoom-in">
                         <div class="card-body">
@@ -37,7 +37,7 @@
                         </div>
                     </div>
                 </div>
-    
+
                 <div class="col-6 col-md-4 col-lg-3 mb-4">
                     <div class="card" data-aos="zoom-in">
                         <div class="card-body">
@@ -46,7 +46,7 @@
                         </div>
                     </div>
                 </div>
-    
+
                 <div class="col-6 col-md-4 col-lg-3 mb-4">
                     <div class="card" data-aos="zoom-in">
                         <div class="card-body">
@@ -55,7 +55,7 @@
                         </div>
                     </div>
                 </div>
-    
+
                 <div class="col-6 col-md-4 col-lg-3 mb-4">
                     <div class="card" data-aos="zoom-in">
                         <div class="card-body">
@@ -70,23 +70,24 @@
 </template>
 
 <script setup>
-import Section from '../layout/Section.vue'
-import MedalOutline from 'vue-material-design-icons/MedalOutline.vue'
-import PlaylistStar from 'vue-material-design-icons/PlaylistStar.vue'
-import Looks from 'vue-material-design-icons/Looks.vue'
-import ToggleSwitchOutline from 'vue-material-design-icons/ToggleSwitchOutline.vue'
-import ClockFast from 'vue-material-design-icons/ClockFast.vue'
-import GamepadOutline from 'vue-material-design-icons/GamepadOutline.vue'
-import TimerSandEmpty from 'vue-material-design-icons/TimerSandEmpty.vue'
+    import Section from '../layout/Section.vue'
+    import MedalOutline from 'vue-material-design-icons/MedalOutline.vue'
+    import PlaylistStar from 'vue-material-design-icons/PlaylistStar.vue'
+    import Looks from 'vue-material-design-icons/Looks.vue'
+    import ToggleSwitchOutline from 'vue-material-design-icons/ToggleSwitchOutline.vue'
+    import ClockFast from 'vue-material-design-icons/ClockFast.vue'
+    import GamepadOutline from 'vue-material-design-icons/GamepadOutline.vue'
+    import TimerSandEmpty from 'vue-material-design-icons/TimerSandEmpty.vue'
 </script>
 
 <style scoped lang="scss">
-.card-group {
-    background: none !important;
-    justify-content: start;
-    .card {
-        min-height: 190px;
-        padding: 32px 16px;
+    .card-group {
+        background: none !important;
+        justify-content: start;
+
+        .card {
+            min-height: 190px;
+            padding: 32px 16px;
+        }
     }
-}
 </style>
\ No newline at end of file
diff --git a/pages/kestra-partners.vue b/pages/partners.vue
similarity index 100%
rename from pages/kestra-partners.vue
rename to pages/partners.vue
diff --git a/public/partners/Adrian-Brudaru.svg b/public/partners/adrian-brudaru.svg
similarity index 100%
rename from public/partners/Adrian-Brudaru.svg
rename to public/partners/adrian-brudaru.svg
diff --git a/public/partners/Frame922.svg b/public/partners/background.svg
similarity index 100%
rename from public/partners/Frame922.svg
rename to public/partners/background.svg
diff --git a/public/partners/Badge_Kestra_Technology_Partner.svg b/public/partners/badge-partner.svg
similarity index 100%
rename from public/partners/Badge_Kestra_Technology_Partner.svg
rename to public/partners/badge-partner.svg
diff --git a/public/partners/Charles-Letaillieur.svg b/public/partners/charles-letaillieur.svg
similarity index 100%
rename from public/partners/Charles-Letaillieur.svg
rename to public/partners/charles-letaillieur.svg
diff --git a/public/partners/Chris-Tata.svg b/public/partners/chris-tata.svg
similarity index 100%
rename from public/partners/Chris-Tata.svg
rename to public/partners/chris-tata.svg
diff --git a/public/partners/integrate-with-logos/Airbyte.svg b/public/partners/integrate-with-logos/airbyte.svg
similarity index 100%
rename from public/partners/integrate-with-logos/Airbyte.svg
rename to public/partners/integrate-with-logos/airbyte.svg
diff --git a/public/partners/integrate-with-logos/AWS.svg b/public/partners/integrate-with-logos/aws.svg
similarity index 100%
rename from public/partners/integrate-with-logos/AWS.svg
rename to public/partners/integrate-with-logos/aws.svg
diff --git a/public/partners/integrate-with-logos/MicrosoftAzure.svg b/public/partners/integrate-with-logos/azure.svg
similarity index 100%
rename from public/partners/integrate-with-logos/MicrosoftAzure.svg
rename to public/partners/integrate-with-logos/azure.svg
diff --git a/public/partners/integrate-with-logos/Integrates-with.svg b/public/partners/integrate-with-logos/background.svg
similarity index 100%
rename from public/partners/integrate-with-logos/Integrates-with.svg
rename to public/partners/integrate-with-logos/background.svg
diff --git a/public/partners/integrate-with-logos/GCP.svg b/public/partners/integrate-with-logos/gcp.svg
similarity index 100%
rename from public/partners/integrate-with-logos/GCP.svg
rename to public/partners/integrate-with-logos/gcp.svg
diff --git a/public/partners/integrate-with-logos/MotherDuck.svg b/public/partners/integrate-with-logos/mother-duck.svg
similarity index 100%
rename from public/partners/integrate-with-logos/MotherDuck.svg
rename to public/partners/integrate-with-logos/mother-duck.svg
diff --git a/public/partners/partners-logos/airbytelogo.svg b/public/partners/partners-logos/airbyte.svg
similarity index 100%
rename from public/partners/partners-logos/airbytelogo.svg
rename to public/partners/partners-logos/airbyte.svg
diff --git a/public/partners/partners-logos/converteologo.svg b/public/partners/partners-logos/converteo.svg
similarity index 100%
rename from public/partners/partners-logos/converteologo.svg
rename to public/partners/partners-logos/converteo.svg
diff --git a/public/partners/partners-logos/databrickslogo.svg b/public/partners/partners-logos/databricks.svg
similarity index 100%
rename from public/partners/partners-logos/databrickslogo.svg
rename to public/partners/partners-logos/databricks.svg
diff --git a/public/partners/partners-logos/dlthublogo.svg b/public/partners/partners-logos/dlthub.svg
similarity index 100%
rename from public/partners/partners-logos/dlthublogo.svg
rename to public/partners/partners-logos/dlthub.svg
diff --git a/public/partners/partners-logos/nticologo.svg b/public/partners/partners-logos/ntico.svg
similarity index 100%
rename from public/partners/partners-logos/nticologo.svg
rename to public/partners/partners-logos/ntico.svg
diff --git a/public/partners/partners-logos/terraformlogo.svg b/public/partners/partners-logos/terraform.svg
similarity index 100%
rename from public/partners/partners-logos/terraformlogo.svg
rename to public/partners/partners-logos/terraform.svg