Viel Spaß, Ramez

2025-12-19 18:25:38 +01:00
parent 96e46507c8
commit 5d780e0c36
16 changed files with 435 additions and 116 deletions
--- a/app/favicon.ico
+++ b/app/favicon.ico
--- a/app/globals.css
+++ b/app/globals.css
@@ -1,26 +1,27 @@
@import "tailwindcss";
+@import "tw-animate-css";
+

 :root {
-  --background: #ffffff;
-  --foreground: #171717;
+	--background: #0a0a0a;
+	--foreground: #151515;
+	--border: #373737;
+	--primary: #FFFFFF;
+	--secondary: #989898;
+	--highlight: #FF00FF;
 }

@theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --font-sans: var(--font-geist-sans);
-  --font-mono: var(--font-geist-mono);
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --background: #0a0a0a;
-    --foreground: #ededed;
-  }
+	--color-background: var(--background);
+	--color-foreground: var(--foreground);
+	--color-border: var(--border);
+	--color-primary: var(--primary);
+	--color-secondary: var(--secondary);
+	--color-highlight: var(--highlight);
 }

 body {
-  background: var(--background);
-  color: var(--foreground);
-  font-family: Arial, Helvetica, sans-serif;
+	background-color: var(--background);
+  	color: var(--primary);
+  	font-family: monospace;
 }
--- a/app/imprint/page.tsx
+++ b/app/imprint/page.tsx
@@ -0,0 +1,46 @@
+import Link from 'next/link';
+import GradientText from '@/components/GradientText';
+
+export default function Home() {
+    return (
+        <div className="flex min-h-screen items-center justify-center">
+            <main className="flex min-h-screen flex-col justify-center gap-4">
+
+                <h1 className="font-bold text-lg">Imprint</h1>
+
+                <div className="flex flex-col text-secondary gap-2">
+                    <div>
+                        <Link href="/">
+                            <GradientText
+                                colors={[ '#F52491', '#692896' ]}
+                                animationSpeed={3}
+                            >
+                                GSH Digital Services
+                            </GradientText>
+                        </Link>
+                        <p>CEO Tim Herb</p>
+                    </div>
+
+                    <div>
+                        <p>Horrenberger Straße 25</p>
+                        <p>74909 Meckesheim</p>
+                        <p>Germany</p>
+                    </div>
+                    
+                    <div>
+                        <a href="mailto:info@gsh-services.com">
+                            info@gsh-services.com
+                        </a>
+                    </div>
+                </div>
+                <br />
+                <Link
+                    className="text-secondary underline"
+                    href="/"
+                >
+                    Go back
+                </Link>
+            </main>
+        </div>
+    );
+}
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,34 +1,20 @@
-import type { Metadata } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
-import "./globals.css";
-
-const geistSans = Geist({
-  variable: "--font-geist-sans",
-  subsets: ["latin"],
-});
-
-const geistMono = Geist_Mono({
-  variable: "--font-geist-mono",
-  subsets: ["latin"],
-});
+import type { Metadata } from 'next';
+import './globals.css';

 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+	title: 'GSH Digital Services'
 };

-export default function RootLayout({
-  children,
-}: Readonly<{
-  children: React.ReactNode;
-}>) {
-  return (
-    <html lang="en">
-      <body
-        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
-      >
-        {children}
-      </body>
-    </html>
-  );
+type Props = Readonly<{
+	children: React.ReactNode;
+}>
+
+export default function RootLayout({ children }: Props) {
+	return (
+		<html lang="en">
+			<body>
+				{children}
+			</body>
+		</html>
+	);
 }
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,65 +1,43 @@
-import Image from "next/image";
+import Image from 'next/image';
+import Link from 'next/link';
+import Logo from '@/public/logo.svg';
+import GradientText from '@/components/GradientText';

 export default function Home() {
-  return (
-    <div className="flex min-h-screen items-center justify-center bg-zinc-50 font-sans dark:bg-black">
-      <main className="flex min-h-screen w-full max-w-3xl flex-col items-center justify-between py-32 px-16 bg-white dark:bg-black sm:items-start">
-        <Image
-          className="dark:invert"
-          src="/next.svg"
-          alt="Next.js logo"
-          width={100}
-          height={20}
-          priority
-        />
-        <div className="flex flex-col items-center gap-6 text-center sm:items-start sm:text-left">
-          <h1 className="max-w-xs text-3xl font-semibold leading-10 tracking-tight text-black dark:text-zinc-50">
-            To get started, edit the page.tsx file.
-          </h1>
-          <p className="max-w-md text-lg leading-8 text-zinc-600 dark:text-zinc-400">
-            Looking for a starting point or more instructions? Head over to{" "}
-            <a
-              href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-              className="font-medium text-zinc-950 dark:text-zinc-50"
-            >
-              Templates
-            </a>{" "}
-            or the{" "}
-            <a
-              href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-              className="font-medium text-zinc-950 dark:text-zinc-50"
-            >
-              Learning
-            </a>{" "}
-            center.
-          </p>
+    return (
+        <div className="flex min-h-screen items-center justify-center">
+            <main className="flex min-h-screen w-full flex-col items-center justify-center gap-8">
+                <Image
+                    className="w-[20rem]"
+                    src={Logo}
+                    alt="Company Logo"
+                    width={300}
+                    height={37}
+                />
+                
+                <div className="flex flex-col items-center">
+                    <GradientText
+                        className="font-bold text-lg"
+                        colors={[ '#F52491', '#692896' ]}
+                        animationSpeed={3}
+                    >
+                        Something great is being built here.
+                    </GradientText>
+                    <p>
+                        <span>Can&apos;t wait? Contact us via </span>
+                        <a href="mailto:info@gsh-services.com">
+                            info@gsh-services.com
+                        </a>
+                    </p>
+                </div>
+
+                <Link
+                    className="text-secondary underline"
+                    href="/imprint"
+                >
+                    Imprint
+                </Link>
+            </main>
        </div>
-        <div className="flex flex-col gap-4 text-base font-medium sm:flex-row">
-          <a
-            className="flex h-12 w-full items-center justify-center gap-2 rounded-full bg-foreground px-5 text-background transition-colors hover:bg-[#383838] dark:hover:bg-[#ccc] md:w-[158px]"
-            href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            <Image
-              className="dark:invert"
-              src="/vercel.svg"
-              alt="Vercel logomark"
-              width={16}
-              height={16}
-            />
-            Deploy Now
-          </a>
-          <a
-            className="flex h-12 w-full items-center justify-center rounded-full border border-solid border-black/[.08] px-5 transition-colors hover:border-transparent hover:bg-black/[.04] dark:border-white/[.145] dark:hover:bg-[#1a1a1a] md:w-[158px]"
-            href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            Documentation
-          </a>
-        </div>
-      </main>
-    </div>
-  );
+    );
 }
--- a/components/GradientText.css
+++ b/components/GradientText.css
@@ -0,0 +1,65 @@
+.animated-gradient-text {
+	position: relative;
+	margin: 0;
+	display: flex;
+	max-width: fit-content;
+	flex-direction: row;
+	align-items: center;
+	justify-content: center;
+	backdrop-filter: blur(10px);
+	transition: box-shadow 0.5s ease-out;
+	overflow: hidden;
+}
+
+.gradient-overlay {
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	background-size: 300% 100%;
+	animation: gradient linear infinite;
+	border-radius: inherit;
+	z-index: 0;
+	pointer-events: none;
+}
+
+.gradient-overlay::before {
+	content: '';
+	position: absolute;
+	left: 0;
+	top: 0;
+	border-radius: inherit;
+	width: calc(100% - 2px);
+	height: calc(100% - 2px);
+	left: 50%;
+	top: 50%;
+	transform: translate(-50%, -50%);
+	background-color: #060010;
+	z-index: -1;
+}
+
+@keyframes gradient {
+	0% {
+		background-position: 0% 50%;
+	}
+
+	50% {
+		background-position: 100% 50%;
+	}
+
+	100% {
+		background-position: 0% 50%;
+	}
+}
+
+.text-content {
+	display: inline-block;
+	position: relative;
+	z-index: 2;
+	background-size: 300% 100%;
+	background-clip: text;
+	-webkit-background-clip: text;
+	color: transparent;
+	animation: gradient linear infinite;
+}
--- a/components/GradientText.tsx
+++ b/components/GradientText.tsx
@@ -0,0 +1,32 @@
+import './GradientText.css';
+import React, { ReactNode } from 'react';
+
+interface GradientTextProps {
+  children: ReactNode;
+  className?: string;
+  colors?: string[];
+  animationSpeed?: number;
+  showBorder?: boolean;
+}
+
+export default function GradientText({
+  children,
+  className = '',
+  colors = ['#40ffaa', '#4079ff', '#40ffaa', '#4079ff', '#40ffaa'],
+  animationSpeed = 8,
+  showBorder = false
+}: GradientTextProps) {
+  const gradientStyle = {
+    backgroundImage: `linear-gradient(to right, ${colors.join(', ')})`,
+    animationDuration: `${animationSpeed}s`
+  };
+
+  return (
+    <div className={`animated-gradient-text ${className}`}>
+      {showBorder && <div className="gradient-overlay" style={gradientStyle}></div>}
+      <div className="text-content" style={gradientStyle}>
+        {children}
+      </div>
+    </div>
+  );
+}
--- a/lib/utils.ts
+++ b/lib/utils.ts
@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx"
+import { twMerge } from "tailwind-merge"
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,9 +8,13 @@
      "name": "gsh-temp-website",
      "version": "0.1.0",
      "dependencies": {
+        "class-variance-authority": "^0.7.1",
+        "clsx": "^2.1.1",
+        "lucide-react": "^0.562.0",
        "next": "16.1.0",
        "react": "19.2.3",
-        "react-dom": "19.2.3"
+        "react-dom": "19.2.3",
+        "tailwind-merge": "^3.4.0"
      },
      "devDependencies": {
        "@tailwindcss/postcss": "^4",
@@ -20,6 +24,7 @@
        "eslint": "^9",
        "eslint-config-next": "16.1.0",
        "tailwindcss": "^4",
+        "tw-animate-css": "^1.4.0",
        "typescript": "^5"
      }
    },
@@ -2570,12 +2575,33 @@
        "url": "https://github.com/chalk/chalk?sponsor=1"
      }
    },
+    "node_modules/class-variance-authority": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/class-variance-authority/-/class-variance-authority-0.7.1.tgz",
+      "integrity": "sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "clsx": "^2.1.1"
+      },
+      "funding": {
+        "url": "https://polar.sh/cva"
+      }
+    },
    "node_modules/client-only": {
      "version": "0.0.1",
      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
      "license": "MIT"
    },
+    "node_modules/clsx": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
    "node_modules/color-convert": {
      "version": "2.0.1",
      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
@@ -4833,6 +4859,15 @@
        "yallist": "^3.0.2"
      }
    },
+    "node_modules/lucide-react": {
+      "version": "0.562.0",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.562.0.tgz",
+      "integrity": "sha512-82hOAu7y0dbVuFfmO4bYF1XEwYk/mEbM5E+b1jgci/udUBEE/R7LF5Ip0CCEmXe8AybRM8L+04eP+LGZeDvkiw==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
    "node_modules/magic-string": {
      "version": "0.30.21",
      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
@@ -6018,6 +6053,16 @@
        "url": "https://github.com/sponsors/ljharb"
      }
    },
+    "node_modules/tailwind-merge": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-3.4.0.tgz",
+      "integrity": "sha512-uSaO4gnW+b3Y2aWoWfFpX62vn2sR3skfhbjsEnaBI81WD1wBLlHZe5sWf0AqjksNdYTbGBEd0UasQMT3SNV15g==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/dcastil"
+      }
+    },
    "node_modules/tailwindcss": {
      "version": "4.1.18",
      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.18.tgz",
@@ -6145,6 +6190,16 @@
      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
      "license": "0BSD"
    },
+    "node_modules/tw-animate-css": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/tw-animate-css/-/tw-animate-css-1.4.0.tgz",
+      "integrity": "sha512-7bziOlRqH0hJx80h/3mbicLW7o8qLsH5+RaLR2t+OHM3D0JlWGODQKQ4cxbK7WlvmUxpcj6Kgu6EKqjrGFe3QQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/Wombosvideo"
+      }
+    },
    "node_modules/type-check": {
      "version": "0.4.0",
      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
--- a/package.json
+++ b/package.json
@@ -9,9 +9,13 @@
    "lint": "eslint"
  },
  "dependencies": {
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.562.0",
    "next": "16.1.0",
    "react": "19.2.3",
-    "react-dom": "19.2.3"
+    "react-dom": "19.2.3",
+    "tailwind-merge": "^3.4.0"
  },
  "devDependencies": {
    "@tailwindcss/postcss": "^4",
@@ -21,6 +25,7 @@
    "eslint": "^9",
    "eslint-config-next": "16.1.0",
    "tailwindcss": "^4",
+    "tw-animate-css": "^1.4.0",
    "typescript": "^5"
  }
 }
--- a/public/file.svg
+++ b/public/file.svg
@@ -1 +0,0 @@
-<svg fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 13.5V5.41a1 1 0 0 0-.3-.7L9.8.29A1 1 0 0 0 9.08 0H1.5v13.5A2.5 2.5 0 0 0 4 16h8a2.5 2.5 0 0 0 2.5-2.5m-1.5 0v-7H8v-5H3v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1M9.5 5V2.12L12.38 5zM5.13 5h-.62v1.25h2.12V5zm-.62 3h7.12v1.25H4.5zm.62 3h-.62v1.25h7.12V11z" clip-rule="evenodd" fill="#666" fill-rule="evenodd"/></svg>
--- a/public/globe.svg
+++ b/public/globe.svg
@@ -1 +0,0 @@
-<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.27 14.1a6.5 6.5 0 0 0 3.67-3.45q-1.24.21-2.7.34-.31 1.83-.97 3.1M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.48-1.52a7 7 0 0 1-.96 0H7.5a4 4 0 0 1-.84-1.32q-.38-.89-.63-2.08a40 40 0 0 0 3.92 0q-.25 1.2-.63 2.08a4 4 0 0 1-.84 1.31zm2.94-4.76q1.66-.15 2.95-.43a7 7 0 0 0 0-2.58q-1.3-.27-2.95-.43a18 18 0 0 1 0 3.44m-1.27-3.54a17 17 0 0 1 0 3.64 39 39 0 0 1-4.3 0 17 17 0 0 1 0-3.64 39 39 0 0 1 4.3 0m1.1-1.17q1.45.13 2.69.34a6.5 6.5 0 0 0-3.67-3.44q.65 1.26.98 3.1M8.48 1.5l.01.02q.41.37.84 1.31.38.89.63 2.08a40 40 0 0 0-3.92 0q.25-1.2.63-2.08a4 4 0 0 1 .85-1.32 7 7 0 0 1 .96 0m-2.75.4a6.5 6.5 0 0 0-3.67 3.44 29 29 0 0 1 2.7-.34q.31-1.83.97-3.1M4.58 6.28q-1.66.16-2.95.43a7 7 0 0 0 0 2.58q1.3.27 2.95.43a18 18 0 0 1 0-3.44m.17 4.71q-1.45-.12-2.69-.34a6.5 6.5 0 0 0 3.67 3.44q-.65-1.27-.98-3.1" fill="#666"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>
--- a/public/logo.svg
+++ b/public/logo.svg
@@ -0,0 +1,150 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 7844.96 955.91">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: url(#linear-gradient-2);
+      }
+
+      .cls-2 {
+        fill: url(#linear-gradient-17);
+      }
+
+      .cls-3 {
+        fill: url(#linear-gradient-15);
+      }
+
+      .cls-4 {
+        fill: url(#linear-gradient-18);
+      }
+
+      .cls-5 {
+        fill: url(#linear-gradient-14);
+      }
+
+      .cls-6 {
+        fill: url(#linear-gradient-20);
+      }
+
+      .cls-7 {
+        fill: url(#linear-gradient-6);
+      }
+
+      .cls-8 {
+        fill: url(#linear-gradient-11);
+      }
+
+      .cls-9 {
+        fill: url(#linear-gradient-10);
+      }
+
+      .cls-10 {
+        fill: url(#linear-gradient-16);
+      }
+
+      .cls-11 {
+        fill: url(#linear-gradient-21);
+      }
+
+      .cls-12 {
+        fill: url(#linear-gradient-5);
+      }
+
+      .cls-13 {
+        fill: url(#linear-gradient-7);
+      }
+
+      .cls-14 {
+        fill: url(#linear-gradient-9);
+      }
+
+      .cls-15 {
+        fill: url(#linear-gradient-3);
+      }
+
+      .cls-16 {
+        fill: url(#linear-gradient);
+      }
+
+      .cls-17 {
+        fill: url(#linear-gradient-19);
+      }
+
+      .cls-18 {
+        fill: url(#linear-gradient-4);
+      }
+
+      .cls-19 {
+        fill: url(#linear-gradient-8);
+      }
+
+      .cls-20 {
+        fill: url(#linear-gradient-12);
+      }
+
+      .cls-21 {
+        fill: url(#linear-gradient-13);
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="1446.1" y1="761.22" x2="1446.1" y2="-144.8" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#fe2494"/>
+      <stop offset=".33" stop-color="#ad2797"/>
+      <stop offset=".79" stop-color="#422b9b"/>
+      <stop offset="1" stop-color="#172d9d"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-2" x1="1887.69" x2="1887.69" y2="-133.96" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient-3" x1="2344.24" y1="752.9" x2="2344.24" y2="-150" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient-4" x1="3025.34" y1="752.9" x2="3025.34" y2="-140.47" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient-5" x1="3342.19" y1="752.9" x2="3342.19" y2="-140.23" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient-6" x1="3622.86" y1="913.41" x2="3622.86" y2="-160.37" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient-7" x1="3901.86" y1="752.9" x2="3901.86" y2="-224.43" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient-8" x1="4130.97" x2="4130.97" y2="-150.77" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient-9" x1="4464.86" y1="760.39" x2="4464.86" y2="-96.93" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient-10" x1="4766.74" y1="760.39" x2="4766.74" y2="-218.93" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient-11" x1="5226.62" x2="5226.62" y2="-133.9" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient-12" x1="5619.97" x2="5619.97" y2="-76.44" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient-13" x1="5963.43" y1="752.9" x2="5963.43" y2="-97.41" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient-14" x1="6255.74" y1="752.9" x2="6255.74" y2="-65.16" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient-15" x1="6529.76" y1="752.9" x2="6529.76" y2="-188.85" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient-16" x1="6803.77" x2="6803.77" y2="-82.03" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient-17" x1="7164.27" x2="7164.27" y2="-65.12" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient-18" x1="7514.38" x2="7514.38" y2="126.86" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient-19" x1="480.51" y1="644.78" x2="1431.19" y2="522.54" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#fe2494"/>
+      <stop offset=".32" stop-color="#ad2797"/>
+      <stop offset=".76" stop-color="#422b9b"/>
+      <stop offset=".96" stop-color="#172d9d"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-20" x1="143.28" y1="494.12" x2="1026.12" y2="-16.44" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient-21" x1="483.5" y1="466.77" x2="767.55" y2="404" xlink:href="#linear-gradient"/>
+  </defs>
+  <g id="Layer_5" data-name="Layer 5">
+    <g>
+      <path class="cls-16" d="M1463.15,530.86v-57.38h179.64v279.43h-53.22l-9.98-75.68c-15.8,50.73-65.7,83.99-128.07,83.99s-112.27-24.95-148.03-74.85c-35.76-50.73-54.05-119.76-54.05-208.74s19.13-159.67,56.55-211.24c38.26-51.56,89.82-77.34,155.52-77.34,89.82,0,148.03,45.74,174.64,138.05l-60.71,27.44c-14.14-67.36-56.55-107.28-113.93-107.28-88.98,0-140.55,86.49-140.55,230.36s49.9,226.21,139.72,226.21c70.69,0,116.43-51.56,116.43-137.22v-35.76h-113.93Z"/>
+      <path class="cls-1" d="M2017.01,718.81c-32.43,28.28-73.18,42.41-123.08,42.41-52.39,0-95.64-14.97-128.9-45.74-33.27-30.77-51.56-72.35-54.89-123.91l64.03-17.47c3.33,77.34,52.4,130.57,119.76,130.57,63.21,0,103.95-35.76,103.95-93.14,0-22.46-7.48-40.75-22.45-56.55-14.14-15.8-46.57-34.1-95.64-54.89-60.71-25.78-83.17-38.26-103.12-55.72-30.77-27.44-45.74-61.54-45.74-105.62s15.8-79.01,46.57-107.28c31.6-28.28,70.69-42.41,118.09-42.41,99.8,0,161.34,55.72,168.82,153.02l-64.03,13.31c-4.16-66.53-44.91-110.61-103.95-110.61s-98.97,36.59-98.97,90.65c0,21.62,7.48,39.92,21.62,55.72,14.14,15.8,45.74,33.27,94.81,52.39,30.77,12.47,54.05,23.28,68.19,31.6,14.14,7.48,26.61,16.63,37.42,25.78,30.77,27.44,45.74,63.21,45.74,107.28s-15.8,82.33-48.24,110.61Z"/>
+      <path class="cls-15" d="M2224.9,501.75v251.15h-67.36V197.37h67.36v245.33h237.85V197.37h68.19V752.9h-68.19v-251.15h-237.85Z"/>
+      <path class="cls-18" d="M2836.15,752.9V197.37h138.05c155.52,0,240.34,97.3,240.34,276.94s-86.49,278.6-240.34,278.6h-138.05Zm67.36-498.15v440.77h69.86c110.6,0,170.48-75.68,170.48-221.21s-58.21-219.55-170.48-219.55h-69.86Z"/>
+      <path class="cls-12" d="M3388.35,218.16c0,26.61-19.96,47.4-46.57,47.4s-45.74-19.96-45.74-47.4,19.13-47.41,45.74-47.41,46.57,20.79,46.57,47.41Zm-79,534.74V337.09h65.7v415.82h-65.7Z"/>
+      <path class="cls-7" d="M3745.11,876.82c-34.1,24.12-79.84,36.59-135.56,36.59-99.79,0-165.5-42.41-165.5-112.27,0-44.08,34.93-79.01,85.66-88.15-27.44-9.15-44.91-32.43-44.91-59.88,0-30.77,19.96-54.06,54.05-66.53-42.41-23.28-65.7-66.53-65.7-119.76,0-83.16,57.38-138.05,141.38-138.05,40.75,0,74.84,12.47,100.63,35.76,15.8-10.81,23.28-29.94,29.1-69.03l57.38,24.12c-4.16,36.59-29.11,65.7-62.37,75.68,10.81,19.96,17.47,44.08,17.47,71.52,0,83.16-56.55,138.05-142.21,138.05-15.8,0-31.6-2.5-47.41-6.65-17.46,7.48-28.28,20.79-28.28,37.42,0,20.79,14.14,31.6,40.75,31.6h92.31c79.01,0,125.58,41.58,125.58,108.95,0,42.41-17.47,76.51-52.39,100.63Zm-135.56-12.47c77.34,0,127.24-30.77,127.24-80.67,0-35.76-24.95-55.72-71.52-55.72h-86.49c-44.07,0-72.35,24.95-72.35,64.04,0,44.08,42.41,72.35,103.12,72.35Zm-72.35-397.52c0,56.55,28.28,89.82,77.35,89.82s78.17-33.26,78.17-89.82-28.28-89.82-78.17-89.82-77.35,33.26-77.35,89.82Z"/>
+      <path class="cls-13" d="M3948.02,218.16c0,26.61-19.96,47.4-46.57,47.4s-45.74-19.96-45.74-47.4,19.13-47.41,45.74-47.41,46.57,20.79,46.57,47.41Zm-79,534.74V337.09h65.7v415.82h-65.7Z"/>
+      <path class="cls-19" d="M4234.09,684.71l14.97,49.07c-20.79,16.63-51.56,27.44-79,27.44-69.03,0-107.28-36.59-107.28-103.12V386.98h-49.9v-49.9h49.9v-84.83l65.7-13.31v98.13h105.62v49.9h-105.62v266.96c0,34.1,15.8,51.56,48.23,51.56,22.45,0,38.26-4.99,57.38-20.79Z"/>
+      <path class="cls-14" d="M4577.55,447.69v228.7c0,19.96,8.32,29.94,25.78,29.94,7.48,0,16.63-3.33,20.79-7.48l4.99,49.9c-9.98,6.65-25.78,10.81-42.41,10.81-27.44,0-48.23-11.64-59.05-34.1-4.15-6.65-6.65-14.14-9.98-29.94-12.48,39.09-54.89,64.87-102.29,64.87-69.02,0-114.76-45.74-114.76-114.77,0-87.32,63.21-134.72,178.8-134.72,6.65,0,14.14,.83,34.93,1.66v-57.38c0-46.57-23.28-72.35-66.53-72.35s-66.53,25.78-67.36,74.85l-64.04-9.98c6.66-74.02,58.22-118.92,134.73-118.92,82.33,0,126.41,41.58,126.41,118.92Zm-63.21,163v-49.07c-9.15-.83-20.79-2.49-34.1-2.49-76.51,0-115.6,27.44-115.6,83.16,0,42.41,25.78,67.36,66.53,67.36,50.73,0,83.16-36.59,83.16-98.97Z"/>
+      <path class="cls-9" d="M4827.03,696.35l7.48,49.9c-14.14,9.15-37.42,14.14-57.38,14.14-49.9,0-78.17-28.28-78.17-81.5V158.28h65.7V673.9c0,20.79,9.98,31.6,30.77,31.6,10.81,0,21.62-3.33,31.6-9.15Z"/>
+      <path class="cls-8" d="M5355.94,718.81c-32.43,28.28-73.18,42.41-123.08,42.41-52.39,0-95.64-14.97-128.9-45.74-33.27-30.77-51.56-72.35-54.89-123.91l64.03-17.47c3.33,77.34,52.4,130.57,119.76,130.57,63.21,0,103.95-35.76,103.95-93.14,0-22.46-7.48-40.75-22.45-56.55-14.14-15.8-46.57-34.1-95.64-54.89-60.71-25.78-83.17-38.26-103.12-55.72-30.77-27.44-45.74-61.54-45.74-105.62s15.8-79.01,46.57-107.28c31.6-28.28,70.69-42.41,118.09-42.41,99.8,0,161.34,55.72,168.82,153.02l-64.03,13.31c-4.16-66.53-44.91-110.61-103.95-110.61s-98.97,36.59-98.97,90.65c0,21.62,7.48,39.92,21.62,55.72,14.14,15.8,45.74,33.27,94.81,52.39,30.77,12.47,54.05,23.28,68.19,31.6,14.14,7.48,26.61,16.63,37.42,25.78,30.77,27.44,45.74,63.21,45.74,107.28s-15.8,82.33-48.24,110.61Z"/>
+      <path class="cls-20" d="M5710.2,630.65l58.22,14.14c-13.31,74.02-64.87,116.43-138.05,116.43-103.12,0-163-79.84-163-216.22s62.37-216.23,163-216.23c87.32,0,142.21,66.53,142.21,168.82,0,17.46-.83,33.27-6.65,59.04h-234.52c2.5,96.47,37.43,152.19,99.8,152.19,43.24,0,69.86-27.44,79-78.17Zm-177.14-122.25h174.65c.83-5.82,.83-10.81,.83-20.79,0-65.7-29.1-107.28-79-107.28-54.06,0-89.82,48.23-96.47,128.07Z"/>
+      <path class="cls-21" d="M6056.99,404.45c-5.82-.83-16.63-2.5-27.45-2.5-59.88,0-98.13,49.07-98.13,125.58v225.37h-65.7V337.09h51.56l8.32,102.29c6.65-35.76,22.45-64.04,47.4-84,19.96-15.8,42.41-24.12,68.19-24.95,5.82,0,12.48,0,19.96,.83l-4.16,73.18Z"/>
+      <path class="cls-5" d="M6159.27,337.09l96.47,335.15h2.49l96.47-335.15h65.7l-131.4,415.82h-66.53l-131.4-415.82h68.19Z"/>
+      <path class="cls-3" d="M6575.91,218.16c0,26.61-19.96,47.4-46.57,47.4s-45.74-19.96-45.74-47.4,19.12-47.41,45.74-47.41,46.57,20.79,46.57,47.41Zm-79.01,534.74V337.09h65.7v415.82h-65.7Z"/>
+      <path class="cls-10" d="M6656.57,545c0-135.56,59.88-216.23,160.51-216.23,75.68,0,126.41,48.24,133.89,125.58l-60.71,11.64c-3.33-53.22-29.11-84-72.35-84-60.71,0-93.97,57.38-93.97,163s33.26,163,93.97,163c43.24,0,69.03-30.77,72.35-84.83l60.71,10.81c-9.98,80.67-58.21,127.24-133.89,127.24-100.63,0-160.51-80.67-160.51-216.22Z"/>
+      <path class="cls-2" d="M7254.5,630.65l58.22,14.14c-13.31,74.02-64.87,116.43-138.05,116.43-103.12,0-163-79.84-163-216.22s62.37-216.23,163-216.23c87.32,0,142.21,66.53,142.21,168.82,0,17.46-.83,33.27-6.66,59.04h-234.52c2.5,96.47,37.43,152.19,99.8,152.19,43.24,0,69.86-27.44,79-78.17Zm-177.14-122.25h174.64c.83-5.82,.83-10.81,.83-20.79,0-65.7-29.11-107.28-79-107.28-54.06,0-89.82,48.23-96.47,128.07Z"/>
+      <path class="cls-4" d="M7375.08,641.46l59.88-14.14c3.33,49.9,35.76,83.16,83.17,83.16s74.84-23.29,74.84-62.37c0-15.8-5.82-29.94-16.63-40.75-10.81-10.81-34.1-23.28-70.69-37.42-49.07-17.46-65.7-28.28-81.5-41.58-23.29-20.79-34.93-48.23-34.93-82.33,0-70.69,52.4-117.26,128.91-117.26s125.58,40.75,131.39,113.1l-60.71,9.98c-2.49-46.57-28.28-72.35-71.52-72.35s-67.36,22.45-67.36,62.37c0,15.8,4.99,28.28,15.8,39.09,10.81,10.81,34.1,22.45,69.86,35.76,49.07,17.47,66.53,27.45,82.33,41.58,24.12,19.96,35.76,47.4,35.76,83.16,0,73.18-54.89,119.76-135.55,119.76s-136.39-46.57-143.04-119.76Z"/>
+    </g>
+  </g>
+  <g id="Layer_14" data-name="Layer 14">
+    <g>
+      <path class="cls-17" d="M352.14,764.61s-.02,.02,.03-.03c114.3,90.18,284.17,84.19,348.45-18.54,151.41-241.97-89.61-377.23,37.41-433.61,178.52-79.25,390.03,325.7,94.29,550.23-153.27,116.36-375.88,63.15-480.18-98.05Z"/>
+      <path class="cls-6" d="M818.81,177.84s.02-.02-.03,.03c-114.3-90.18-284.17-84.19-348.45,18.54-151.41,241.97,89.61,377.23-37.41,433.61C254.4,709.26,42.89,304.31,338.63,79.79c153.27-116.36,375.88-63.15,480.18,98.05Z"/>
+      <path class="cls-11" d="M517.21,378.8s0,0,0,0c-11.96,36.16,4.7,77.4,35.7,84.02,73.03,15.6,84.74-55.75,109.96-29.56,35.44,36.81-45.22,125.01-126.86,72.36-42.31-27.28-49.12-86.77-18.81-126.83Z"/>
+    </g>
+  </g>
+</svg>
--- a/public/next.svg
+++ b/public/next.svg
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>
--- a/public/vercel.svg
+++ b/public/vercel.svg
@@ -1 +0,0 @@
-<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1155 1000"><path d="m577.3 0 577.4 1000H0z" fill="#fff"/></svg>
--- a/public/window.svg
+++ b/public/window.svg
@@ -1 +0,0 @@
-<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2.5h13v10a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1zM0 1h16v11.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5zm3.75 4.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5M7 4.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m1.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5" fill="#666"/></svg>
				`@@ -1 +0,0 @@`
				`<svg fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 13.5V5.41a1 1 0 0 0-.3-.7L9.8.29A1 1 0 0 0 9.08 0H1.5v13.5A2.5 2.5 0 0 0 4 16h8a2.5 2.5 0 0 0 2.5-2.5m-1.5 0v-7H8v-5H3v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1M9.5 5V2.12L12.38 5zM5.13 5h-.62v1.25h2.12V5zm-.62 3h7.12v1.25H4.5zm.62 3h-.62v1.25h7.12V11z" clip-rule="evenodd" fill="#666" fill-rule="evenodd"/></svg>`
				`@@ -1 +0,0 @@`
				<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.27 14.1a6.5 6.5 0 0 0 3.67-3.45q-1.24.21-2.7.34-.31 1.83-.97 3.1M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.48-1.52a7 7 0 0 1-.96 0H7.5a4 4 0 0 1-.84-1.32q-.38-.89-.63-2.08a40 40 0 0 0 3.92 0q-.25 1.2-.63 2.08a4 4 0 0 1-.84 1.31zm2.94-4.76q1.66-.15 2.95-.43a7 7 0 0 0 0-2.58q-1.3-.27-2.95-.43a18 18 0 0 1 0 3.44m-1.27-3.54a17 17 0 0 1 0 3.64 39 39 0 0 1-4.3 0 17 17 0 0 1 0-3.64 39 39 0 0 1 4.3 0m1.1-1.17q1.45.13 2.69.34a6.5 6.5 0 0 0-3.67-3.44q.65 1.26.98 3.1M8.48 1.5l.01.02q.41.37.84 1.31.38.89.63 2.08a40 40 0 0 0-3.92 0q.25-1.2.63-2.08a4 4 0 0 1 .85-1.32 7 7 0 0 1 .96 0m-2.75.4a6.5 6.5 0 0 0-3.67 3.44 29 29 0 0 1 2.7-.34q.31-1.83.97-3.1M4.58 6.28q-1.66.16-2.95.43a7 7 0 0 0 0 2.58q1.3.27 2.95.43a18 18 0 0 1 0-3.44m.17 4.71q-1.45-.12-2.69-.34a6.5 6.5 0 0 0 3.67 3.44q-.65-1.27-.98-3.1" fill="#666"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>
				`@@ -1 +0,0 @@`
				<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>
				`@@ -1 +0,0 @@`
				`<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1155 1000"><path d="m577.3 0 577.4 1000H0z" fill="#fff"/></svg>`