images changes

src/components/LogosSection.tsx

@@ -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>
   );