KLC/KLC-Website-Frontend
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

images changes

Browse Source
This commit is contained in:
priyanshuvish
2025-10-07 14:39:14 +05:30
parent 06518400a7
commit b5a8f0f9c3
25 changed files with 1188 additions and 919 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2056
src/components/LearningFacilityNew.tsx
View File

File diff suppressed because it is too large Load Diff

51
src/components/LogosSection.tsx
View File

@@ -18,17 +18,7 @@ const logoData = [
{ src: larsen, name: 'ARES', width: 163, height: 54 }, // ARES
{ src: axis, name: 'KADANS', width: 206, height: 54 }, // KADANS
{ src: levis, name: 'levis', width: 206, height: 54 }, // KADANS
{ src: tata, name: 'tata', width: 206, height: 54 }, // KADANS
// { src: tata, name: 'tata', width: 206, height: 54 }, // KADANS
// Repeat logos for more variety in scrolling
{ src: accenture, name: 'CANMOOR', width: 302, height: 54 }, // CANMOOR (repeat)
{ src: ceat, name: 'BlackRock', width: 210, height: 54 }, // BlackRock (repeat)
{ src: hsbc, name: 'Royal London', width: 145, height: 54 }, // Royal London (repeat)
{ src: adani, name: 'Abstract', width: 172, height: 54 }, // Abstract (repeat)
{ src: larsen, name: 'ARES', width: 163, height: 54 }, // ARES (repeat)
{ src: axis, name: 'KADANS', width: 206, height: 54 }, // KADANS (repeat)
{ src: levis, name: 'levis', width: 206, height: 54 }, // KADANS
{ src: tata, name: 'tata', width: 206, height: 54 }, // KADANS
{ src: tata, name: 'tata', width: 206, height: 54 },
];
@@ -98,7 +88,7 @@ export function LogosSection() {
>
{/* Top Row - Scrolling Left to Right */}
<div
className="relative h-[54px] mb-16 overflow-hidden"
className="relative h-[54px] overflow-hidden"
role="list"
aria-label="Client logos row 1"
>
@@ -132,43 +122,6 @@ export function LogosSection() {
</div>
</div>
</div>
{/* Bottom Row - Scrolling Right to Left */}
<div
className="relative h-[54px] overflow-hidden"
role="list"
aria-label="Client logos row 2"
>
<div className="flex items-center h-full will-change-transform">
<div
className="scroll-right flex items-center h-full"
style={{
width: '400%',
gap: '80px',
paddingLeft: '40px',
paddingRight: '40px'
}}
>
{/* Create multiple sets for seamless infinite scroll */}
{[1, 2, 3, 4].map((setNumber) => (
<div
key={`bottom-set-${setNumber}`}
className="flex items-center h-full"
style={{ gap: '80px' }}
>
{bottomRowLogos.map((logo, index) => (
<LogoItem
key={`bottom-${setNumber}-${index}`}
logo={logo}
index={index}
duplicate={setNumber > 1}
/>
))}
</div>
))}
</div>
</div>
</div>
</div>
</section>
);