From 22d641e4e5e755f965f6c3aa5564f5d140ea404a Mon Sep 17 00:00:00 2001 From: Kenso Grimm Date: Mon, 2 Feb 2026 00:08:51 +0100 Subject: [PATCH] Neues WEBklar-Logo, Favicon und Tab-Titel --- index.html | 17 ++++++++--------- public/favicon.svg | 8 ++++++++ src/components/Footer.tsx | 3 ++- src/components/Header.tsx | 3 +++ src/components/Logo.tsx | 39 +++++++++++++++++++++++++++++++++++++++ 5 files changed, 60 insertions(+), 10 deletions(-) create mode 100644 public/favicon.svg create mode 100644 src/components/Logo.tsx diff --git a/index.html b/index.html index 38a5fa7..e340d28 100644 --- a/index.html +++ b/index.html @@ -1,21 +1,20 @@ - + + - - Lovable App - - + WEBklar + + - - - + + - + diff --git a/public/favicon.svg b/public/favicon.svg new file mode 100644 index 0000000..ef2669e --- /dev/null +++ b/public/favicon.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index 0bde1a7..d4d3bc8 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -1,4 +1,5 @@ import React from 'react'; +import Logo from '@/components/Logo'; const DevStudio: React.FC = () => { return ( @@ -15,7 +16,7 @@ const Footer: React.FC = () => {
- logo + WEBklar
diff --git a/src/components/Header.tsx b/src/components/Header.tsx index b863dd4..084e3ed 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -13,6 +13,7 @@ import { MobileNavToggle, MobileNavMenu, } from "@/components/ui/resizable-navbar"; +import Logo from "@/components/Logo"; const Header = () => { const navItems = [ @@ -30,6 +31,7 @@ const Header = () => { {/* Desktop Navigation */} + Webklar @@ -52,6 +54,7 @@ const Header = () => { + Webklar diff --git a/src/components/Logo.tsx b/src/components/Logo.tsx new file mode 100644 index 0000000..e21e64d --- /dev/null +++ b/src/components/Logo.tsx @@ -0,0 +1,39 @@ +interface LogoProps { + className?: string; + width?: number; + height?: number; +} + +const Logo = ({ className, width = 30, height = 30 }: LogoProps) => ( + + {/* rounded square background */} + + {/* tilted oval */} + + {/* small dot */} + + {/* enlarged sparkle star */} + + + + +); + +export default Logo;