Added logo modified site-name

frontend/app/(main)/about/page.tsx

@@ -10,6 +10,7 @@ import {
 	CardHeader,
 	CardTitle,
 } from "@/components/ui/card";
+import { SITE_NAME } from "@/lib/constants";
 import getShortcode from "@/lib/getShortcode";
 import { CheckIcon } from "lucide-react";
 
@@ -36,8 +37,8 @@ export default async function About() {
 									Nicolas GORUK
 								</CardTitle>
 								<CardDescription>
-									Président de l'association française de
-									Latosa Escrima
+									Président de l'association française de{" "}
+									{SITE_NAME}
 								</CardDescription>
 							</CardHeader>
 							<CardContent className="px-8 sm:px-10 py-14">

frontend/app/layout.tsx

@@ -4,6 +4,7 @@ import "@/app/globals.css";
 import SWRLayout from "@/components/layouts/swr-layout";
 import { ThemeProvider } from "@/components/ThemeProvider";
 import { Toaster } from "@/components/ui/toaster";
+import { SITE_NAME } from "@/lib/constants";
 
 const geistSans = Geist({
 	variable: "--font-geist-sans",
@@ -16,15 +17,15 @@ const geistMono = Geist_Mono({
 });
 
 export const metadata: Metadata = {
-	title: "Latosa Escrima France",
-	description: "Site officiel de Latosa Escrima France.",
+	title: `${SITE_NAME} France`,
+	description: `Site officiel de ${SITE_NAME} France.`,
 	openGraph: {
-		title: "Latosa Escrima France",
-		description: "Site officiel de Latosa Escrima France.",
+		title: `${SITE_NAME} France`,
+		description: `Site officiel de ${SITE_NAME} France.`,
 		type: "website",
 		countryName: "France",
 	},
-	applicationName: "Latosa Escrima France",
+	applicationName: `${SITE_NAME} France`,
 	authors: {
 		name: "Wing Tsun Picardie",
 		url: "https://www.youtube.com/@WingTsunPicardie",

frontend/components/app-sidebar.tsx

@@ -27,19 +27,12 @@ import {
 	SidebarRail,
 } from "@/components/ui/sidebar";
 import useMe from "@/hooks/use-me";
-import { useEffect } from "react";
-import { title } from "process";
 
 // This is sample data.
 const data = {
-	user: {
-		name: "shadcn",
-		email: "m@example.com",
-		avatar: "/avatars/shadcn.jpg",
-	},
 	teams: [
 		{
-			name: "Latosa-Escrima",
+			name: "Latosa Escrima",
 			logo: GalleryVerticalEnd,
 			plan: "",
 		},

frontend/components/footer.tsx

@@ -1,3 +1,4 @@
+import { SITE_NAME } from "@/lib/constants";
 import {
 	FaFacebook,
 	FaInstagram,
@@ -51,7 +52,7 @@ const Footer = () => {
 										className="h-11"
 									/>
 									<p className="text-3xl font-semibold">
-										Latosa-Escrima
+										{SITE_NAME}
 									</p>
 								</span>
 								<p className="mt-6 text-sm text-muted-foreground">
@@ -97,8 +98,8 @@ const Footer = () => {
 					</div>
 					<div className="mt-20 flex flex-col justify-between gap-4 border-t pt-8 text-center text-sm font-medium text-muted-foreground lg:flex-row lg:items-center lg:text-left">
 						<p>
-							© {new Date(Date.now()).getFullYear()}{" "}
-							Latosa-Escrima. Tous droits réservés.
+							© {new Date(Date.now()).getFullYear()} {SITE_NAME}.
+							Tous droits réservés.
 						</p>
 						<ul className="flex justify-center gap-4 lg:justify-start">
 							<li className="hover:text-primary">

frontend/components/hero.tsx

@@ -2,8 +2,9 @@ import { ExternalLink } from "lucide-react";
 
 import { Button } from "@/components/ui/button";
 import Link from "next/link";
-import { API_URL } from "@/lib/constants";
+import { API_URL, SITE_NAME } from "@/lib/constants";
 import Image from "next/image";
+import Logo from "./logo";
 
 const Hero: React.FC<{ background: string }> = ({ background }) => {
 	return (
@@ -22,17 +23,13 @@ const Hero: React.FC<{ background: string }> = ({ background }) => {
 				<div className="absolute inset-0 bg-gradient-to-r from-transparent via-transparent to-transparent bg-opacity-30 backdrop-blur-sm"></div>
 				<div className="mx-auto flex max-w-5xl flex-col items-center">
 					<div className="z-10 flex flex-col items-center gap-6 text-center">
-						<img
-							src="https://shadcnblocks.com/images/block/block-1.svg"
-							alt="logo"
-							className="h-16"
-						/>
+						<Logo className="min-w-16 min-h-16 max-h-44 max-w-44 text-white" />
 						<div>
 							<h1 className="mb-6 text-pretty text-2xl font-bold text-primary lg:text-5xl font-times">
 								Trouvez votre <em>équilibre</em> avec
 								<br />
 								<span className="font-extrabold text-3xl lg:text-6xl">
-									Latosa Escrima
+									{SITE_NAME}
 								</span>
 							</h1>
 							<p className="text-muted-foreground lg:text-xl">
@@ -44,8 +41,13 @@ const Hero: React.FC<{ background: string }> = ({ background }) => {
 								<Link href="/contact">Nous contacter</Link>
 							</Button>
 							<Button variant="outline">
+								<Link
+									href="/about"
+									className="flex items-center"
+								>
 									À propos
 									<ExternalLink className="ml-2 h-4" />
+								</Link>
 							</Button>
 						</div>
 					</div>

frontend/components/nav-bar.tsx

@@ -17,6 +17,8 @@ import { deleteCookie, getCookie } from "cookies-next";
 import { useEffect, useState } from "react";
 import { ThemeSwitcher } from "./theme-switcher";
 import "./nav-bar.css";
+import Logo from "./logo";
+import { SITE_NAME } from "@/lib/constants";
 
 const Href: React.FC<React.PropsWithChildren<{ href: string }>> = ({
 	href,
@@ -50,13 +52,9 @@ const Navbar = () => {
 				<nav className="hidden justify-between lg:flex">
 					<div className="flex items-center gap-6">
 						<div className="flex items-center gap-2">
-							<img
-								src="https://shadcnblocks.com/images/block/block-1.svg"
-								className="w-8"
-								alt="logo"
-							/>
+							<Logo className="w-8 h-8" />
 							<span className="text-xl font-bold">
-								Latosa-Escrima
+								{SITE_NAME}
 							</span>
 						</div>
 						<div className="flex items-center">
@@ -96,7 +94,7 @@ const Navbar = () => {
 								Se connecter
 							</Link>
 						)}
-						{cookie ? (
+						{cookie && (
 							<Button
 								onClick={() => {
 									deleteCookie("auth_token");
@@ -105,21 +103,15 @@ const Navbar = () => {
 							>
 								Se déconnecter
 							</Button>
-						) : (
-							<Button>Créer un compte</Button>
 						)}
 					</div>
 				</nav>
 				<div className="block lg:hidden">
 					<div className="flex items-center justify-between">
 						<div className="flex items-center gap-2">
-							<img
-								src="https://shadcnblocks.com/images/block/block-1.svg"
-								className="w-8"
-								alt="logo"
-							/>
+							<Logo className="w-8 h-8" />
 							<span className="text-xl font-bold">
-								Latosa-Escrima
+								{SITE_NAME}
 							</span>
 						</div>
 						<div className="flex gap-2">
@@ -134,13 +126,9 @@ const Navbar = () => {
 									<SheetHeader>
 										<SheetTitle>
 											<div className="flex items-center gap-2">
-												<img
-													src="https://shadcnblocks.com/images/block/block-1.svg"
-													className="w-8"
-													alt="logo"
-												/>
+												<Logo className="w-8 h-8" />
 												<span className="text-xl font-bold">
-													Latosa-Escrima
+													{SITE_NAME}
 												</span>
 											</div>
 										</SheetTitle>
@@ -171,7 +159,7 @@ const Navbar = () => {
 											Gallerie
 										</Link>
 										<Link
-											href="/blog"
+											href="/blogs"
 											className="font-semibold"
 										>
 											Blog
@@ -252,7 +240,6 @@ const Navbar = () => {
 													Se connecter
 												</Link>
 											</Button>
-											<Button>Sign up</Button>
 										</div>
 									</div>
 								</SheetContent>

frontend/lib/constants.ts

@@ -1 +1,2 @@
 export const API_URL = process.env.NEXT_PUBLIC_API_URL ?? "";
+export const SITE_NAME = "Latosa® Escrima";