logo spinning animation

This commit is contained in:
Adam Cała
2023-11-19 12:50:49 +01:00
parent 6a3b01ef3e
commit 6d32d68251
4 changed files with 77 additions and 41 deletions

View File

@@ -1,23 +1,14 @@
import type { Metadata } from "next";
import { Inter } from "next/font/google";
import { Zilla_Slab_Highlight } from "next/font/google";
import { Zen_Tokyo_Zoo } from "next/font/google";
import "./globals.css";
import Stars from "@/components/stars";
import Footer from "@/components/footer";
import { Suspense } from "react";
import Loading from "./loading";
import Link from "next/link";
import Logo from "@/components/Logo/logo";
const inter = Inter({ subsets: ["latin"] });
const zilla_slab_highlight = Zilla_Slab_Highlight({
weight: "700",
subsets: ["latin"],
});
const zen_tokyo_zoo = Zen_Tokyo_Zoo({
weight: "400",
subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Create Next App",
@@ -32,16 +23,7 @@ export default function RootLayout({
return (
<html lang="en">
<body className={inter.className}>
<Link href={"/"}>
<div className="fixed text-white top-0 z-50 m-5 text-8xl flex flex-row gap-1">
<h1
className={`${zilla_slab_highlight.className} text-stachowiak-green-950`}
>
J4
</h1>
<h1 className={`${zen_tokyo_zoo.className} text-8xl`}>studio</h1>
</div>
</Link>
<Logo></Logo>
<Suspense fallback={<Loading />}>{children}</Suspense>
<Footer />
</body>