import Iceberg from './components/Iceberg';

const icebergsData = [
  { href: '/service1', top: '20%', left: '10%' },
  { href: '/service2', top: '40%', left: '70%' },
  { href: '/service3', top: '60%', left: '30%' },
  { href: '/service4', top: '75%', left: '55%' },
];

function App() {
  return (
    <div className="relative w-full h-screen bg-gradient-to-b from-[#001e3c] to-[#003c5c]">
      {icebergsData.map((iceberg, index) => (
        <Iceberg key={index} href={iceberg.href} style={{ top: iceberg.top, left: iceberg.left }} />
      ))}
    </div>
  );
}

export default App;

