@@ -10,6 +10,8 @@ import {
1010 Title ,
1111} from './styles' ;
1212import Image from 'next/image' ;
13+ import LecodeLogoBackground from '@/images/lecode-logo-background.svg' ;
14+ import { LogoBackground } from '../../app/(components)/(testimony)/styles' ;
1315
1416import novoLogo from '../../../public/clients/novoLogo.svg' ;
1517import autonomyLogo from '../../../public/clients/autonomyLogo.svg' ;
@@ -30,6 +32,14 @@ export const Clients = () => {
3032 client7 : < Image src = { synergyLogo } alt = 'client7' width = { 200 } height = { 200 } /> ,
3133 } ;
3234
35+
36+ const BackgroundLogo = [
37+ { $top : '-3px' , $right : '-50px' } ,
38+ { $top : '300px' , $left : '-30px' , $opacity : '10%' } ,
39+ { $bottom : '450px' , $right : '100px' } ,
40+ { $bottom : '100px' , $left : '90px' , $opacity : '10%' } ,
41+ ]
42+
3343 return (
3444 < ComponentContainer id = 'clients' >
3545 < TitleContainer >
@@ -38,6 +48,14 @@ export const Clients = () => {
3848 </ Title >
3949 </ TitleContainer >
4050 < ClientsContainer >
51+ { BackgroundLogo . map ( ( props , index ) => (
52+ < LogoBackground
53+ key = { `logo-background-${ index } ` }
54+ src = { LecodeLogoBackground }
55+ alt = { `lecode-logo-background-${ index } ` }
56+ { ...props }
57+ />
58+ ) ) }
4159 { Object . values ( clients ) . map ( ( client , index ) => (
4260 < ClientCard key = { index } > { client } </ ClientCard >
4361 ) ) }
0 commit comments