funcionando local

App.tsx

@@ -15,7 +15,7 @@ import { baseWallpapers } from './components/utils/baseWallpapers';
 const defaultConfig = {
   title: 'Vision Start',
   subtitle: 'Your personal portal to the web.',
-  backgroundUrl: '/waves.jpg',
+  backgroundUrl: 'https://i.imgur.com/C6ynAtX.jpeg',
   wallpaperBlur: 0,
   wallpaperBrightness: 100,
   wallpaperOpacity: 100,
@@ -291,23 +291,22 @@ const App: React.FC = () => {
       )}
 
       <div className={`flex flex-col ${config.alignment === 'bottom' ? 'mt-auto' : ''} items-center`}>
-        {config.title || config.subtitle && 
-        (
-          <div className="text-center">
-            <h1 
-              className={`${getTitleSizeClass(config.titleSize)} font-extrabold text-white tracking-tighter mb-3 mt-4`}
-              style={{ textShadow: '0 2px 4px rgba(0,0,0,0.5)' }}
-            >
-              {config.title}
-            </h1>
-            <p 
-              className={`${getSubtitleSizeClass(config.subtitleSize)} text-slate-300`}
-              style={{ textShadow: '0 1px 3px rgba(0,0,0,0.5)' }}
-            >
-              {config.subtitle}
-            </p>
-          </div>
-        )}
+          {(config.title || config.subtitle) && (
+            <div className="text-center">
+              <h1 
+                className={`${getTitleSizeClass(config.titleSize)} font-extrabold text-white tracking-tighter mb-3 mt-4`}
+                style={{ textShadow: '0 2px 4px rgba(0,0,0,0.5)' }}
+              >
+                {config.title}
+              </h1>
+              <p 
+                className={`${getSubtitleSizeClass(config.subtitleSize)} text-slate-300`}
+                style={{ textShadow: '0 1px 3px rgba(0,0,0,0.5)' }}
+              >
+                {config.subtitle}
+              </p>
+            </div>
+          )}
       </div>
 
       <div className="flex flex-col gap-8 w-full mt-16">