chore: move images to public/images and update imports

src/components/CallToAction2.jsx

@@ -2,8 +2,7 @@ import Image from 'next/image'
 
 import { Button } from '@/components/Button'
 import { Container } from '@/components/Container'
-import backgroundImage from '@/images/background-call-to-action2.png'
-import logoVeda from '@/images/logos/veda.svg'  
+  
 
 export function CallToAction2() {
   return (
@@ -13,7 +12,7 @@ export function CallToAction2() {
     >
       <Image
         className="absolute left-1/2 top-1/2 max-w-none -translate-x-1/2 -translate-y-1/2"
-        src={backgroundImage}
+        src="/images/background-call-to-action2.png"
         alt=""
         width={2347}
         height={1244}
@@ -21,29 +20,9 @@ export function CallToAction2() {
       />
       <Container className="relative">
         <div className="mx-auto max-w-3xl text-center">
-        <ul
-          role="list"
-          className=" flex items-center justify-center gap-x-8 sm:flex-col sm:gap-x-0 sm:gap-y-2 xl:flex-row xl:gap-x-12 xl:gap-y-0"
-        >
-          {[
-            [
-              { name: 'veda', logo: logoVeda },
-            ],
-          ].map((group, groupIndex) => (
-            <li key={groupIndex}>
-              <ul
-                role="list"
-                className="flex flex-col items-center gap-y-2 sm:flex-row sm:gap-x-12 sm:gap-y-0"
-              >
-                {group.map((company) => (
-                  <li key={company.name} className="flex">
-                    <Image src={company.logo} alt={company.name} unoptimized />
-                  </li>
-                ))}
-              </ul>
-            </li>
-          ))}
-        </ul>
+        <div className="flex items-center justify-center">
+          <Image src="/images/logos/veda.svg" alt="" width={120} height={32} className="h-8 w-auto" unoptimized />
+        </div>
         </div>
       </Container>
     </section>