Magic Bento

import React from 'react';
import ReactDOM from 'react-dom/client';
import MagicBento from '@/components/ui/magic-bento';

const App = () => {
  return (
    <div className="min-h-screen bg-black flex justify-center items-center p-4">
      <MagicBento 
        textAutoHide={true}
        enableStars={true}
        enableSpotlight={true}
        enableBorderGlow={true}
        enableTilt={true}
        enableMagnetism={true}
        clickEffect={true}
        spotlightRadius={300}
        particleCount={12}
        glowColor="132, 0, 255"
      />
    </div>
  );
};

const root = ReactDOM.createRoot(document.getElementById('root')!);
root.render(<App />);

export default App;