PxlLoewe/var-monorepo
1
0
Fork 0
Code Issues 22 Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Footer in eigenem Component

Browse Source
This commit is contained in:
PxlLoewe
2025-07-18 13:07:16 -07:00
parent c75803a87d
commit 4961822599
7 changed files with 90 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
apps/hub/app/(app)/layout.tsx
View File

@@ -1,14 +1,12 @@
import type { Metadata } from "next";
import { DiscordLogoIcon, InstagramLogoIcon, ReaderIcon } from "@radix-ui/react-icons";
import { HorizontalNav, VerticalNav } from "../_components/Nav";
import { redirect } from "next/navigation";
import { getServerSession } from "../api/auth/[...nextauth]/auth";
import { EmailVerification } from "_components/EmailVerification";
import { FirstPath } from "./_components/FirstPath";
import { Penalty } from "_components/Penalty";
import YoutubeSvg from "./resources/_components/youtube_wider.svg";
import FacebookSvg from "./resources/_components/facebook.svg";
import Image from "next/image";
import { Footer } from "(app)/_components/Footer";
export const metadata: Metadata = {
title: "VAR: Hub",
@@ -56,73 +54,7 @@ export default async function RootLayout({
</div>
</div>
{/* Footer */}
<footer className="footer flex justify-between items-center p-4 bg-base-200 mt-4 rounded-lg shadow-md">
{/* Left: Impressum & Datenschutz */}
<div className="flex gap-4 text-sm">
<a href="https://virtualairrescue.com/impressum/" className="hover:text-primary">
Impressum
</a>
<a href="https://virtualairrescue.com/datenschutz/" className="hover:text-primary">
Datenschutzerklärung
</a>
</div>
{/* Center: Copyright */}
<p className="text-sm">Copyright © {new Date().getFullYear()} - Virtual Air Rescue</p>
{/* Right: Social Icons */}
<div className="flex gap-4">
<div className="tooltip tooltip-top" data-tip="Discord">
<a
href="https://discord.gg/yn7uXmmNnG"
target="_blank"
rel="noopener noreferrer"
className="hover:text-primary"
>
<DiscordLogoIcon className="w-5 h-5" />
</a>
</div>
<div className="tooltip tooltip-top" data-tip="YouTube">
<a
href="https://www.youtube.com/@VirtualAirRescue"
target="_blank"
rel="noopener noreferrer"
className="hover:text-primary text-white"
>
<Image src={YoutubeSvg} className="invert w-5 h5" alt="Youtube Icon" />
</a>
</div>
<div className="tooltip tooltip-top" data-tip="Facebook">
<a
href="https://www.facebook.com/people/Virtual-Air-Rescue/100090867294041/#"
target="_blank"
rel="noopener noreferrer"
className="hover:text-primary text-white"
>
<Image src={FacebookSvg} className="invert w-5 h5" alt="Youtube Icon" />
</a>
</div>
<div className="tooltip tooltip-top" data-tip="Instagram">
<a
href="https://www.instagram.com/virtualairrescue/"
target="_blank"
rel="noopener noreferrer"
className="hover:text-primary"
>
<InstagramLogoIcon className="w-5 h-5" />
</a>
</div>
<div className="tooltip tooltip-top" data-tip="Knowledgebase">
<a href="https://docs.virtualairrescue.com/" className="hover:text-primary">
<ReaderIcon className="w-5 h-5" />
</a>
</div>
</div>
</footer>
<Footer />
</div>
</div>
</div>