'use client'
import React from 'react';
import BrandScrollSection from './components/ui/BrandSection';
import { FaApple, FaMicrosoft, FaGoogle, FaAmazon, FaFacebook, FaTwitter, FaLinkedin, FaInstagram } from 'react-icons/fa';

const Brands = [
  { name: 'Apple', logo: FaApple },
  { name: 'Microsoft', logo: FaMicrosoft },
  { name: 'Google', logo: FaGoogle },
  { name: 'Amazon', logo: FaAmazon },
  { name: 'Facebook', logo: FaFacebook },
  { name: 'Twitter', logo: FaTwitter },
  { name: 'LinkedIn', logo: FaLinkedin },
  { name: 'Instagram', logo: FaInstagram },
];

const App = () => {
  return (
    <BrandSection brands={Brands} scrollSpeed={0.1} scrollInterval={30}/>
  );
};

export default App;