-
- SKLEP
-
- {/* ZMIANA:
- - dodany pr-[0.05em] (padding-right) w jednostce em, aby skalował się z fontem
- - dodany inline-block i overflow-visible
- */}
-
- URWIS
-
-
-
-
- Nie tylko dla grzecznych dzieci
-
-
+ {/* NAGŁÓWEK W JEDNEJ LINII - Poprawka ucinania litery S */}
+
+ {/* 🚀 FIX LCP (Largest Contentful Paint):
+ Zmieniono na czyste z CSS'em.
+ Dzięki temu tekst renderuje się błyskawicznie bez czekania na JavaScript.
+ Używamy klasy 'animate-fade-in-up' (jeśli masz ją w tailwind.config) lub po prostu pojawia się od razu.
+ */}
+
- {/* NOWY, TRAFNY OPIS - Z FIXEM NA SPÓJNIKI */}
- z CSS'em.
+ Dzięki temu tekst renderuje się błyskawicznie bez czekania na JavaScript.
+ Używamy klasy 'animate-fade-in-up' (jeśli masz ją w tailwind.config) lub po prostu pojawia się od razu.
+ */}
+
+ SKLEP
+
+
+ URWIS
+
+
+
+ {/* Usunięto framer-motion z tego tekstu dla LCP */}
+
+ Nie tylko dla grzecznych dzieci +
++ Największy wybór gier i{"\u00A0"}zabawek, akcesoriów imprezowych, + art. szkolnych i{"\u00A0"}biurowych przy{"\u00A0"}ul. Reymonta 38A. + + Prawdziwy sklep stacjonarny, w{"\u00A0"}którym rządzisz Ty i{"\u00A0"}Twoja wyobraźnia! +
{/* PRZYCISKI CTA */}
@@ -146,7 +139,10 @@ export default function HeroSection() {
-
+ {/* WAŻNE DLA WYDAJNOŚCI: iframe też bywa ciężki, ale jest w modalu, więc ładuje się po kliknięciu. */}
+ {isMapOpen && (
+
+ )}
diff --git a/components/Intro.tsx b/components/Intro.tsx
index a5200b2..ab9827d 100644
--- a/components/Intro.tsx
+++ b/components/Intro.tsx
@@ -6,11 +6,29 @@ import LoadingScreen from '@/components/LoadingScreen';
export default function UrwisIntro({ children }: { children: React.ReactNode }) {
const [shouldShowIntro, setShouldShowIntro] = useState(false);
const [loadingComplete, setLoadingComplete] = useState(false);
- // Zredukowane stany: tylko loading -> video -> done
const [step, setStep] = useState<'loading' | 'video' | 'done'>('loading');
const videoRef = useRef
+ Ładowanie... {Math.round(progress)}%
+
)}
);
@@ -65,7 +76,9 @@ const DesktopControls: FC<{
zoomEnabled: boolean;
}> = ({ pivot, min, max, zoomEnabled }) => {
const ref = useRef
+
@@ -83,6 +87,7 @@ export default function Footer() {
Szybkie Linki
{showScreenshotButton && (
-
@@ -51,29 +52,32 @@ export default function Footer() {
-
- {/* LINK DO MAPY */}
-
-
- jest teraz na zewnątrz */}
+
- + +
} + label="ul. Targowicka 4" + sublabel="Białobrzegi" + isLink + /> + + } label="+48 666 504 555" /> - {/* LINK DO STRONY WWW */} - - } - label="lecewkulki.eu" - sublabel="Strona Sali Zabaw" - isLink - /> - + - + +
-
+
+
} + label="lecewkulki.eu" + sublabel="Strona Sali Zabaw" + isLink + /> + +
-
+ {/* QuickLink teraz poprawnie zwraca
- */}
Nasza Oferta O nas Kontakt @@ -100,7 +105,9 @@ export default function Footer() { - MARCIN MOLENDA ++ MARCIN MOLENDA +@@ -109,11 +116,13 @@ export default function Footer() { // --- POMOCNICZE KOMPONENTY --- -function SocialIcon({ href, icon }: { href: string, icon: React.ReactNode }) { +function SocialIcon({ href, icon, label }: { href: string, icon: React.ReactNode, label: string }) { return ( {icon} @@ -121,28 +130,40 @@ function SocialIcon({ href, icon }: { href: string, icon: React.ReactNode }) { ) } -function FooterLink({ icon, label, sublabel, isLink }: { icon: React.ReactNode, label: string, sublabel?: string, isLink?: boolean }) { +// Rozdzielono logikę LI i Contentu dla poprawności HTML +function FooterLink({ icon, label, sublabel }: { icon: React.ReactNode, label: string, sublabel?: string }) { + return ( + -
+
+
+ )
+}
+
+// Wewnętrzny content linku (bez LI, żeby można go było włożyć w )
+function FooterLinkContent({ icon, label, sublabel, isLink }: { icon: React.ReactNode, label: string, sublabel?: string, isLink?: boolean }) {
return (
- -
- ++) } function QuickLink({ href, children }: { href: string, children: React.ReactNode }) { return ( - - - {children} - +{icon}{label} {sublabel && {sublabel}}- +
- + + + {children} + +
) } \ No newline at end of file diff --git a/components/ui/Navbar.tsx b/components/ui/Navbar.tsx index a02eb51..1570d38 100644 --- a/components/ui/Navbar.tsx +++ b/components/ui/Navbar.tsx @@ -101,55 +101,58 @@ export default function Navbar() { >- {/* --- LEWA STRONA: Logo & Mobile Badge --- */} -- --- -- - SKLEP - URWIS -- + {/* --- LEWA STRONA: Logo & Mobile Badge --- */} ++ + {/* USUNIĘTO RAMKĘ I CIENIE Z LOGO */} +++ ++ + SKLEP + URWIS ++ - {/* --- KLIKALNY BADGE NA TELEFON --- */} - {/* --- KLIKALNY BADGE NA TELEFON (koło logo) --- */} - + {/* --- KLIKALNY BADGE NA TELEFON --- */} + - + - {/* --- BADGE DESKTOP (bez zmian) --- */} + {/* --- BADGE DESKTOP --- */}