Update header, footer, and logo design

The AI updated the header, logo, logo text color, and footer to match the dashboard's flat design.

Author: lovable-dev[bot]

src/components/PublicDashboardFooter.tsx

@@ -8,7 +8,7 @@ export const PublicDashboardFooter = () => {
   const { t } = useTranslation();
 
   return (
-    <footer className="w-full mt-16 border-t border-slate-200/80 bg-gradient-to-r from-slate-50 to-slate-100/50">
+    <footer className="w-full mt-16 border-t border-slate-200 bg-white">
       <div className="w-full px-4 sm:px-6 lg:px-8 py-8">
         <div className="flex flex-col gap-6">
           <div className="flex flex-col sm:flex-row items-center justify-between gap-4">
@@ -30,7 +30,7 @@ export const PublicDashboardFooter = () => {
                 href="/"
                 target="_blank"
                 rel="noopener noreferrer"
-                className="inline-flex items-center gap-2 px-4 py-2 bg-gradient-to-r from-blue-500 to-purple-500 text-white text-sm font-medium rounded-xl hover:from-blue-600 hover:to-purple-600 transition-all duration-200 hover:scale-105 shadow-sm hover:shadow-md"
+                className="inline-flex items-center gap-2 px-4 py-2 bg-slate-900 text-white text-sm font-medium rounded-xl hover:bg-slate-800 transition-colors"
               >
                 <span>{t('publicDashboard.footer.createCampaign')}</span>
                 <ExternalLink className="h-3 w-3" />
@@ -39,7 +39,7 @@ export const PublicDashboardFooter = () => {
           </div>
 
           {/* Liens légaux */}
-          <div className="flex flex-col sm:flex-row items-center justify-between gap-4 pt-4 border-t border-slate-200/60">
+          <div className="flex flex-col sm:flex-row items-center justify-between gap-4 pt-4 border-t border-slate-200">
             <div className="flex flex-wrap justify-center sm:justify-start gap-4 text-sm text-slate-500">
               <Link to="/privacy" className="hover:text-slate-700 transition-colors">
                 {t('publicDashboard.footer.links.privacy')}

src/components/PublicDashboardHeader.tsx

@@ -13,14 +13,14 @@ export const PublicDashboardHeader = ({ campaignName, loading }: PublicDashboard
   const { t } = useTranslation();
 
   return (
-    <header className="w-full bg-gradient-to-r from-blue-50 via-white to-purple-50 border-b border-slate-200/80 shadow-sm">
+    <header className="w-full bg-white border-b border-slate-200">
       <div className="w-full px-4 sm:px-6 lg:px-8">
         <div className="flex justify-between items-center h-20">
           <div className="flex items-center gap-4">
             <div className="flex items-center gap-3">
               <RefSpringLogo width="36" height="36" />
               <div>
-                <h1 className="text-2xl font-bold bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent">
+                <h1 className="text-2xl font-bold text-slate-900">
                   {t('publicDashboard.header.title')}
                 </h1>
                 <p className="text-sm text-slate-600 font-medium">{t('publicDashboard.header.subtitle')}</p>
@@ -32,7 +32,7 @@ export const PublicDashboardHeader = ({ campaignName, loading }: PublicDashboard
             <CurrencySelector />
             <Badge 
               variant="outline" 
-              className="bg-white/80 border-blue-200 text-blue-700 font-medium px-4 py-2"
+              className="bg-white border-slate-200 text-slate-700 font-medium px-4 py-2"
             >
               {loading ? t('publicDashboard.header.loading') : (campaignName || t('publicDashboard.header.campaign'))}
             </Badge>