diff --git a/src/app/globals.css b/src/app/globals.css index 59c8ba2..43cc502 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -21,3 +21,9 @@ body { background: linear-gradient(to top, transparent, oklch(var(--b1))) oklch(var(--b2)); } + +@layer components { + .container { + padding-inline: 2rem; + } +} diff --git a/src/app/page.tsx b/src/app/page.tsx index 250e447..14ae119 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,9 +1,11 @@ +import Link from 'next/link'; +import { BsPlusCircle } from 'react-icons/bs'; + import { LandingNextEvent } from './(features)/LandingNextEvent'; -import { MainFilters } from './ui/MainFilters'; export default function Home() { return ( -
+
{/* Suspense */} @@ -13,16 +15,34 @@ export default function Home() { } const Hero = () => ( -
-
-
-

Slick Telemetry

- -

- We are Slick Telemetry, like-minded individuals and fans of Formula 1. - We are currently building an analysis platform for F1 Data Analysis! +

+
+ {/* Slick Telemetry */} +
+

Slick Telemetry

+

+ Your home for Formula 1 insights

+ + + + {/* Formula */} +
+

Formula 1

+

+ The world largest science contest +

+
+ + {/* Call to Action */} +
+ + + +
);