Skip to content

Commit 7ba80eb

Browse files
KaiqueNoronhaKaiqueNoronha
committed
.
1 parent 09fa9e2 commit 7ba80eb

5 files changed

Lines changed: 25 additions & 37 deletions

File tree

‎public/clients/bentCareLogo.svg‎

Lines changed: 3 additions & 0 deletions
Loading

‎public/clients/ethicsNetLogo2.svg‎

Lines changed: 2 additions & 2 deletions
Loading

‎src/components/InternalLinks/styles.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ const changa = Changa({ weight: ['500'],subsets: ['latin'] });
88
export const NavLinks = styled.div`
99
display: flex;
1010
padding: 10px;
11-
justify-content: center;
11+
justify-content: flex-start;
1212
align-items: center;
1313
gap: 1.39vw;
1414
color: ${({ theme }) => theme.colors.black};

‎src/components/NewCarousel/new-carousel.tsx‎

Lines changed: 13 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -3,17 +3,16 @@
33
import { useState, useRef } from 'react'
44
import Image from 'next/image';
55
import { Trans } from 'react-i18next';
6-
//import LecodeLogoBackground from '@/images/lecode-logo-background.svg';
7-
import SetaEsquerda from '../../images/seta-esquerda.svg';
8-
import SetaDireita from '../../images/seta-direita.svg';
6+
import SetaEsquerda from '../../images/seta-esquerda.svg';
7+
import SetaDireita from '../../images/seta-direita.svg';
98
import novoLogo from '../../../public/clients/novoLogo.svg'
109
import autonomyLogo from '../../../public/clients/autonomyLogo.svg'
1110
import ethicsNetLogo2 from '../../../public/clients/ethicsNetLogo2.svg'
1211
import falconsLogo from '../../../public/clients/falconsLogo.svg'
1312
import scouthubLogo from '../../../public/clients/scouthubLogo.svg'
1413
import workStory from '../../../public/clients/workStory.svg'
1514
import synergyLogo from '../../../public/clients/synergyLogo.svg'
16-
//import {LogoBackground} from '../../app/(components)/(testimony)/styles';
15+
import bentCareLogo from '../../../public/clients/bentCareLogo.svg'
1716
import {
1817
CarouselContainer,
1918
CarouselWrapper,
@@ -26,22 +25,16 @@ import {
2625
} from './styles'
2726

2827
const logos = [
29-
{ src: novoLogo, alt: 'Novo Logo' },
28+
{ src: workStory, alt: 'Work Story Logo' },
29+
{ src: falconsLogo, alt: 'Falcons Logo' },
3030
{ src: autonomyLogo, alt: 'Autonomy Logo' },
3131
{ src: synergyLogo, alt: 'Synergy Logo' },
32-
{ src: falconsLogo, alt: 'Falcons Logo' },
3332
{ src: scouthubLogo, alt: 'Scouthub Logo' },
34-
{ src: workStory, alt: 'Work Story Logo' },
33+
{ src: novoLogo, alt: 'Novo Logo' },
34+
{ src: bentCareLogo, alt: 'bentCareLogo' },
3535
{ src: ethicsNetLogo2, alt: 'EthicsNet Logo' },
3636
]
3737

38-
// const BackgroundLogo = [
39-
// { $top: '100px', $right: '-50px', $opacity: '9%' },
40-
// { $top: '100px', $left: '-38px', $opacity: '9%' },
41-
// { $bottom: '70px', $right: '15px',$opacity: '9%' },
42-
// { $bottom: '70px', $left: '-48px', $opacity: '9%' },
43-
// ]
44-
4538
export function NewCarousel () {
4639
const [currentIndex, setCurrentIndex] = useState(0)
4740
const slideRef = useRef<HTMLDivElement>(null)
@@ -66,22 +59,14 @@ export function NewCarousel () {
6659

6760
return (
6861
<CarouselContainer>
69-
{/* {BackgroundLogo.map((props, index) => (
70-
<LogoBackground
71-
key={`logo-background-${index}`}
72-
src={LecodeLogoBackground}
73-
alt={`lecode-logo-background-${index}`}
74-
{...props}
75-
/>
76-
))} */}
7762
<TitleContainer>
7863
<Title>
7964
<Trans i18nKey='clients.subtitle' />
8065
</Title>
8166
</TitleContainer>
8267
<CarouselWrapper>
8368
<NavigationButton direction="left" onClick={prevSlide}>
84-
<Image alt='setaEsquerda'src={SetaEsquerda}/>
69+
<Image alt='setaEsquerda' src={SetaEsquerda} />
8570
</NavigationButton>
8671

8772
<CarouselSlide ref={slideRef} style={{
@@ -97,21 +82,19 @@ export function NewCarousel () {
9782
style={{
9883
width: '50%',
9984
flexShrink: 0,
100-
padding: logo.alt === 'EthicsNet Logo' ? '20px 2.25rem' : '0 1rem',
85+
padding: '0 0.5rem',
10186
objectFit: 'contain'
10287
}}
10388
/>
10489
))}
10590
</CarouselSlide>
106-
10791
<NavigationButton direction="right" onClick={nextSlide}>
108-
<Image
109-
alt='setaDireita'
110-
src={SetaDireita}
111-
/>
92+
<Image
93+
alt='setaDireita'
94+
src={SetaDireita}
95+
/>
11296
</NavigationButton>
11397
</CarouselWrapper>
114-
11598
<DotsContainer>
11699
{Array.from({ length: totalDots }).map((_, index) => (
117100
<Dot

‎src/components/NewCarousel/styles.tsx‎

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,7 @@ export const CarouselWrapper = styled.div`
2222
overflow: hidden;
2323
display: flex;
2424
align-items: center;
25+
padding: 0 2rem;
2526
`
2627

2728
export const CarouselSlide = styled.div`
@@ -34,12 +35,12 @@ export const NavigationButton = styled.button<{ direction: 'left' | 'right' }>`
3435
position: absolute;
3536
top: 50%;
3637
transform: translateY(-50%);
37-
${({ direction }) => direction === 'left' ? 'left: 0;' : 'right: 0;'}
38+
${({ direction }) => direction === 'left' ? 'left: 0.5rem;' : 'right: 0.5rem;'}
3839
background: rgba(255, 255, 255, 0.8);
3940
border: none;
4041
border-radius: 50%;
41-
width: 40px;
42-
height: 40px;
42+
width: 32px;
43+
height: 32px;
4344
display: flex;
4445
align-items: center;
4546
justify-content: center;
@@ -89,4 +90,5 @@ export const Title = styled(Header1)`
8990
@media (${Styles.devices.tabletL}) {
9091
font-size: 2rem;
9192
}
92-
`;
93+
`;
94+

0 commit comments

Comments
 (0)