OneCosmicDev's picture
can you put some next.js?
da32bc7 verified
import './globals.css'
import Head from 'next/head'
export default function RootLayout({ children }) {
return (
<html lang="en">
<Head>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<script src="https://unpkg.com/feather-icons"></script>
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
</Head>
<body className="text-white">
<div id="vanta-background" className="vanta-background"></div>
{children}
<script src="/components/navbar.js"></script>
<script src="/components/footer.js"></script>
<script src="/script.js"></script>
<script dangerouslySetInnerHTML={{__html: `
feather.replace();
VANTA.NET({
el: "#vanta-background",
color: 0x102A43,
backgroundColor: 0x010A13,
points: 12,
maxDistance: 20,
spacing: 15
});
`}}></script>
</body>
</html>
)
}