Added a new logo loop + optimized the component setup (DRY)

src/pages/index.astro

@@ -5,8 +5,10 @@ import Layout from "../layouts/Layout.astro";
 import { siteConfig } from "../config/site";
 import HeroSection from "../components/sections/HeroSection.astro";
 import ServicesSection from "../components/sections/ServicesSection.astro";
+import ClientList from "../components/sections/ClientList.astro";
 import AboutSection from "../components/sections/AboutSection.astro";
 import ContactSection from "../components/sections/ContactSection.vue";
+import Section from "../components/Section.astro";
 
 const pageMetaInfo = {
     title: siteConfig.name,
@@ -18,5 +20,12 @@ const pageMetaInfo = {
     <HeroSection />
     <ServicesSection />
     <AboutSection />
-    <ContactSection client:visible />
+    <ClientList />
+    <Section
+        id="contact"
+        title={siteConfig.contact.mainTitle}
+        background="bg-base-200"
+    >
+        <ContactSection client:visible />
+    </Section>
 </Layout>