Spaces:
Runtime error
Runtime error
import type { Metadata } from "next"; | |
import { Inter } from "next/font/google"; | |
import "./globals.css"; | |
const inter = Inter({ subsets: ["latin"] }); | |
export const metadata: Metadata = { | |
title: "The Link | Move. Own. Evolve.", | |
description: "AI-powered electric mobility meets tokenized infrastructure ownership. Transforming rural America through clean energy and autonomous transportation.", | |
}; | |
export default function RootLayout({ | |
children, | |
}: Readonly<{ | |
children: React.ReactNode; | |
}>) { | |
return ( | |
<html lang="en"> | |
<body className={inter.className}> | |
<nav className="fixed top-0 left-0 right-0 z-50 py-4 glassmorphic"> | |
<div className="container mx-auto px-4"> | |
<div className="flex justify-between items-center"> | |
<div className="flex items-center"> | |
<h1 className="text-2xl font-bold gradient-text">The Link</h1> | |
</div> | |
<div className="hidden md:flex items-center space-x-8"> | |
<a href="#" className="text-gray-300 hover:text-[#00E0FF] transition-all">Vehicles</a> | |
<a href="#" className="text-gray-300 hover:text-[#00E0FF] transition-all">Hubs</a> | |
<a href="#" className="text-gray-300 hover:text-[#00E0FF] transition-all">Tokens</a> | |
<a href="#" className="text-gray-300 hover:text-[#00E0FF] transition-all">Vision AI</a> | |
<a href="#" className="text-gray-300 hover:text-[#00E0FF] transition-all">Studio</a> | |
</div> | |
<div className="flex items-center space-x-4"> | |
<button className="btn-secondary hidden md:block">Sign In</button> | |
<button className="btn-primary">Get Started</button> | |
<button className="md:hidden"> | |
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> | |
<path d="M3 12H21" stroke="white" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/> | |
<path d="M3 6H21" stroke="white" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/> | |
<path d="M3 18H21" stroke="white" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/> | |
</svg> | |
</button> | |
</div> | |
</div> | |
</div> | |
</nav> | |
{children} | |
</body> | |
</html> | |
); | |
} | |