diff --git a/package.json b/package.json
index 9a3e163b27..2d75d915f3 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "givethdapp",
- "version": "2.27.4",
+ "version": "2.27.5",
"private": true,
"scripts": {
"build": "next build",
diff --git a/public/images/banners/qf-round/regenToken.svg b/public/images/banners/qf-round/regenToken.svg
new file mode 100644
index 0000000000..674b206279
--- /dev/null
+++ b/public/images/banners/qf-round/regenToken.svg
@@ -0,0 +1,11 @@
+
diff --git a/src/components/views/projects/qfBanner/ActiveQFProjectsBanner.tsx b/src/components/views/projects/qfBanner/ActiveQFProjectsBanner.tsx
index b55d41c3ad..9e50b04861 100644
--- a/src/components/views/projects/qfBanner/ActiveQFProjectsBanner.tsx
+++ b/src/components/views/projects/qfBanner/ActiveQFProjectsBanner.tsx
@@ -1,4 +1,4 @@
-import { B, Lead, Container, Row, Flex } from '@giveth/ui-design-system';
+import { B, Lead, Container, Row } from '@giveth/ui-design-system';
import { useIntl } from 'react-intl';
import Image from 'next/image';
import { useState, useEffect } from 'react';
@@ -11,6 +11,8 @@ import {
Title,
Sponsor,
SmallerSponsor,
+ BottomSponsors,
+ MiddleSponsors,
} from './common';
import { useAppSelector } from '@/features/hooks';
@@ -126,7 +128,7 @@ export const ActiveQFProjectsBanner = () => {
{/* />*/}
{/* ))}*/}
{/**/}
-
+
{sponsors.map(s => (
{
height={188}
/>
))}
-
-
+
+
{bottomSponsors.map(s => (
{
height={120}
/>
))}
-
+
@@ -198,4 +200,8 @@ const bottomSponsors = [
title: '@OctantApp',
image: '/images/banners/qf-round/OctantApp.svg',
},
+ {
+ title: '@RegenToken',
+ image: '/images/banners/qf-round/regenToken.svg',
+ },
];
diff --git a/src/components/views/projects/qfBanner/common.ts b/src/components/views/projects/qfBanner/common.ts
index 05564a4c49..5c42b7e39b 100644
--- a/src/components/views/projects/qfBanner/common.ts
+++ b/src/components/views/projects/qfBanner/common.ts
@@ -165,6 +165,19 @@ export const Sponsor = styled(Image)`
}
`;
+export const MiddleSponsors = styled(Flex)`
+ :nth-child(2) {
+ margin-top: -12px;
+ }
+`;
+
+export const BottomSponsors = styled(Flex)`
+ padding-top: 16px;
+ :nth-child(2) {
+ margin-top: -12px;
+ }
+`;
+
export const SmallerSponsor = styled(Image)`
width: 80px;
height: 80px;