update branding from Lovable to Financen Mizera, replace favicon, set document title in App component, adjust mobile action bar button sizes #deploy

This commit is contained in:
martin 2026-01-24 19:35:36 +01:00
parent c618d80099
commit eacfbf019e
4 changed files with 28 additions and 23 deletions

View File

@ -5,18 +5,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- TODO: Set the document title to the name of your application --> <!-- TODO: Set the document title to the name of your application -->
<title>Lovable App</title> <title>Lovable App</title>
<meta name="description" content="Lovable Generated Project" /> <meta name="description" content="Financen Mizera" />
<meta name="author" content="Lovable" /> <meta name="author" content="Marian Mizera" />
<!-- TODO: Update og:title to match your application name --> <!-- TODO: Update og:title to match your application name -->
<meta property="og:title" content="Lovable App" /> <meta property="og:title" content="Financen Mizera" />
<meta property="og:description" content="Lovable Generated Project" /> <meta property="og:description" content="Financen Mizera Finanzen und Versicherungs Beratung" />
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />
<meta property="og:image" content="https://lovable.dev/opengraph-image-p98pqg.png" /> <meta property="og:image" content="https://lovable.dev/opengraph-image-p98pqg.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@Lovable" />
<meta name="twitter:image" content="https://lovable.dev/opengraph-image-p98pqg.png" />
<!-- Facebook SDK --> <!-- Facebook SDK -->
<div id="fb-root"></div> <div id="fb-root"></div>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -1,4 +1,4 @@
import React from "react"; import React, { useEffect } from "react";
import { Toaster } from "@/components/ui/toaster"; import { Toaster } from "@/components/ui/toaster";
import { Toaster as Sonner } from "@/components/ui/sonner"; import { Toaster as Sonner } from "@/components/ui/sonner";
import { TooltipProvider } from "@/components/ui/tooltip"; import { TooltipProvider } from "@/components/ui/tooltip";
@ -82,7 +82,13 @@ class ErrorBoundary extends React.Component<
} }
} }
const App = () => ( const App = () => {
// Set document title
useEffect(() => {
document.title = "Financen Mizera";
}, []);
return (
<I18nextProvider i18n={i18n}> <I18nextProvider i18n={i18n}>
<QueryClientProvider client={queryClient}> <QueryClientProvider client={queryClient}>
<TooltipProvider> <TooltipProvider>
@ -144,5 +150,6 @@ const App = () => (
</QueryClientProvider> </QueryClientProvider>
</I18nextProvider> </I18nextProvider>
); );
};
export default App; export default App;

View File

@ -109,17 +109,17 @@ const Layout = ({ children }: LayoutProps) => {
variant="outline" variant="outline"
size="icon" size="icon"
aria-label="Nach oben" aria-label="Nach oben"
className="h-12 w-12 rounded-full bg-white/95 border border-blue-200 shadow-md hover:bg-blue-50" className="h-12 w-12 rounded-full bg-white/95 border border-blue-200 shadow-md hover:bg-blue-50 sm:h-9 sm:w-9"
onClick={() => window.scrollTo({ top: 0, behavior: 'smooth' })} onClick={() => window.scrollTo({ top: 0, behavior: 'smooth' })}
> >
<ArrowUp className="h-5 w-5 text-blue-700" /> <ArrowUp className="h-5 w-5 text-blue-700 sm:h-4 sm:w-4" />
</Button> </Button>
)} )}
<Button asChild className="h-12 rounded-full px-6 bg-blue-600 hover:bg-blue-700 shadow-lg"> <Button asChild className="h-12 rounded-full px-6 bg-blue-600 hover:bg-blue-700 shadow-lg sm:h-9 sm:px-4 sm:text-xs">
<Link to="/contact#contact"> <Link to="/contact#contact">
<Phone className="h-5 w-5 mr-2" /> <Phone className="h-5 w-5 mr-2 sm:h-4 sm:w-4 sm:mr-1" />
{tNav('contact', 'Kontakt')} <span className="sm:hidden">{tNav('contact', 'Kontakt')}</span>
</Link> </Link>
</Button> </Button>
</div> </div>