import React from 'react';
import { FaReact } from 'react-icons/fa';
import { SiNextdotjs, SiFramer} from 'react-icons/si';
import SpotlightCard from '../components/cards/spotlightcard/page';


const cardData = [
  {
    title: 'Next.js',
    description: 'A React framework for server-rendered or statically-exported React apps.',
    icon: <SiNextdotjs size={40} />,
    
  },
  {
    title: 'React',
    description: 'A JavaScript library for building user interfaces.',
    icon: <FaReact size={40}  />,
  },
  {
    title: 'Framer Motion',
    description: ' A production-ready motion library for React.',
    icon: <SiFramer size={40} />,
  },
];

const Page = () => {
  return (
    <div className='mt-10'>
      <SpotlightCard cards={cardData} />
    </div>
  );
};

export default Page;