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;