12 homepage images

docker-compose.yml

@@ -4,7 +4,7 @@
 
 services:
   database:
-    image: ghcr.io/research-software-directory/rsd-saas/database:v2.29.0
+    image: ghcr.io/research-software-directory/rsd-saas/database:v3.1.0
     ports:
       # enable connection from outside (development mode)
       - "5432:5432"
@@ -23,7 +23,7 @@ services:
       - net
 
   backend:
-    image: ghcr.io/research-software-directory/rsd-saas/backend:v2.29.0
+    image: ghcr.io/research-software-directory/rsd-saas/backend:v3.1.0
     expose:
       - 3500
     environment:
@@ -39,7 +39,7 @@ services:
       - net
 
   auth:
-    image: ghcr.io/research-software-directory/rsd-saas/auth:v2.29.0
+    image: ghcr.io/research-software-directory/rsd-saas/auth:v3.1.0
     ports:
       - 5005:5005
     expose:
@@ -85,7 +85,7 @@ services:
       ]
 
   scrapers:
-    image: ghcr.io/research-software-directory/rsd-saas/scrapers:v2.29.0
+    image: ghcr.io/research-software-directory/rsd-saas/scrapers:v3.1.0
     environment:
       # it uses values from .env file
       - POSTGREST_URL

frontend/components/home/kin/ContributeSection.tsx

@@ -3,9 +3,9 @@
 //
 // SPDX-License-Identifier: Apache-2.0
 
-import Image from 'next/legacy/image'
 import GradientBorderButton from './GradientBorderButton'
 import {config} from './config'
+import HowToUseVeda from '~/assets/HowToUseVeda.svg'
 
 const {button} = config
 
@@ -15,20 +15,7 @@ export default function ContributeSection() {
       id="learn-more"
       className="p-5 md:p-10 grid gap-12 grid-cols-1 sm:grid-cols-2 max-w-screen-xl mt-20 mx-auto">
       <div className="relative">
-        <div
-          className='sm:absolute top-0 lg:-top-10 xl:-top-20 left-0 z-0'
-        >
-          <Image
-            src="/images/uniting-the-world-to-tackle-climate-change.webp"
-            width="1100"
-            height="800"
-            layout="intrinsic"
-            alt="rsd-illustration"
-            style={{
-              borderRadius:'50%'
-            }}
-          />
-        </div>
+        <HowToUseVeda className="w-[100%]"/>
       </div>
       <div>
         <h2 className="flex justify-center text-3xl lg:text-4xl font-rsd-titles font-bold "

frontend/components/home/kin/JumboBanner.tsx

@@ -9,7 +9,7 @@ const {button} = config
 
 export default function JumboBanner() {
   return (
-    <div className="max-w-screen-xl mx-auto p-4  grid lg:grid-cols-[3fr,2fr] gap-8 md:gap-20 lg:my-20 md:px-10">
+    <div className="max-w-screen-xl mx-auto p-4  grid lg:grid-cols-[2fr,2fr] gap-8 md:gap-20 lg:my-20 md:px-10">
       {/* Jumbo Text*/}
       <div className="flex flex-col justify-center"
         data-aos="fade" data-aos-offset="200" data-aos-delay="50" data-aos-duration="1000"