rsocials-online/src/app/layout.tsx

77 lines
3.3 KiB
TypeScript

import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css";
import { Providers } from "@/components/Providers";
import { Navbar } from "@/components/Navbar";
const geistSans = Geist({
variable: "--font-geist-sans",
subsets: ["latin"],
});
const geistMono = Geist_Mono({
variable: "--font-geist-mono",
subsets: ["latin"],
});
export const metadata: Metadata = {
title: "rSocials - Community Social Media Management",
description:
"Self-hosted social media scheduling and management for communities. Powered by Postiz. Schedule posts, manage multiple platforms, and collaborate with your team — all under your control.",
keywords: [
"social media",
"scheduling",
"postiz",
"self-hosted",
"community",
"management",
"rSpace",
"open source",
"zine",
"content creation",
"print",
],
};
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<html lang="en" suppressHydrationWarning>
<body
className={`${geistSans.variable} ${geistMono.variable} antialiased min-h-screen bg-background`}
>
<Providers>
<Navbar />
<main className="container mx-auto px-4 py-8">{children}</main>
<footer className="border-t border-border/50 py-8 mt-16">
<div className="max-w-7xl mx-auto px-6">
<div className="flex flex-wrap items-center justify-center gap-4 text-sm text-muted-foreground mb-4">
<span className="font-medium text-foreground/60">r* Ecosystem</span>
<a href="https://rspace.online" className="hover:text-foreground transition-colors">rSpace</a>
<a href="https://rmaps.online" className="hover:text-foreground transition-colors">rMaps</a>
<a href="https://rnotes.online" className="hover:text-foreground transition-colors">rNotes</a>
<a href="https://rvote.online" className="hover:text-foreground transition-colors">rVote</a>
<a href="https://rwork.online" className="hover:text-foreground transition-colors">rWork</a>
<a href="https://rfunds.online" className="hover:text-foreground transition-colors">rFunds</a>
<a href="https://rchats.online" className="hover:text-foreground transition-colors">rChats</a>
<a href="https://rcart.online" className="hover:text-foreground transition-colors">rCart</a>
<a href="https://rwallet.online" className="hover:text-foreground transition-colors">rWallet</a>
<a href="https://rfiles.online" className="hover:text-foreground transition-colors">rFiles</a>
<a href="https://rinbox.online" className="hover:text-foreground transition-colors">rInbox</a>
<a href="https://rnetwork.online" className="hover:text-foreground transition-colors">rNetwork</a>
<a href="https://rsocials.online" className="hover:text-foreground transition-colors font-medium text-foreground/80">rSocials</a>
</div>
<p className="text-center text-xs text-muted-foreground/60">
Part of the r* ecosystem collaborative tools for communities.
</p>
</div>
</footer>
</Providers>
</body>
</html>
);
}