diff --git a/src/app/globals.css b/src/app/globals.css index 1274132..97c1da0 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -22,6 +22,9 @@ /* Ciemniejszy złoty/ochra dla zachowania kontrastu na jasnym tle */ --accent-color: #7B5C35; --accent-hover-color: #614828; + + /* Globalny token dla przycisków prostokątnych (umiarkowane zaokrąglenie, nie pill) */ + --radius-button: 6px; } [data-theme="dark"] { @@ -58,7 +61,7 @@ h1, h2, h3, h4, h5, h6 { /* Stylizacja elementów interaktywnych dla "premium feel" */ .btn-primary { - @apply inline-flex items-center justify-center rounded-lg px-6 py-3 font-medium text-white transition-all duration-300; + @apply inline-flex items-center justify-center rounded-[var(--radius-button)] px-6 py-3 font-medium text-white transition-all duration-300; background-color: var(--accent-color); } .btn-primary:hover { diff --git a/src/blocks/FinalCTA/Component.tsx b/src/blocks/FinalCTA/Component.tsx index c4ce79d..14ffb35 100644 --- a/src/blocks/FinalCTA/Component.tsx +++ b/src/blocks/FinalCTA/Component.tsx @@ -29,7 +29,7 @@ export const FinalCTABlock: React.FC = ({ title, subtitle, buttonText }) href={process.env.NEXT_PUBLIC_WHATSAPP_LINK || '#'} target="_blank" rel="noopener noreferrer" - className="inline-flex items-center justify-center gap-2.5 px-8 py-4 bg-green-500 hover:bg-green-600 text-white text-base sm:text-lg font-bold rounded-xl transition-colors shadow-sm" + className="inline-flex items-center justify-center gap-2.5 px-8 py-4 bg-green-500 hover:bg-green-600 text-white text-base sm:text-lg font-bold rounded-[var(--radius-button)] transition-colors shadow-sm" > {buttonText} diff --git a/src/blocks/Hero/Component.tsx b/src/blocks/Hero/Component.tsx index 8b51b99..e42b009 100644 --- a/src/blocks/Hero/Component.tsx +++ b/src/blocks/Hero/Component.tsx @@ -81,7 +81,7 @@ export const HeroBlock: React.FC = ({ title, subtitle, primaryCta, second href={process.env.NEXT_PUBLIC_WHATSAPP_LINK || '#'} target="_blank" rel="noopener noreferrer" - className="px-10 py-5 bg-accent hover:bg-accent/90 text-background font-bold text-lg transition-colors flex items-center justify-center" + className="px-10 py-5 bg-accent hover:bg-accent/90 text-background font-bold text-lg transition-colors flex items-center justify-center rounded-[var(--radius-button)]" > {primaryCta} diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx index 50a4298..ddba9dd 100644 --- a/src/components/Header/index.tsx +++ b/src/components/Header/index.tsx @@ -110,7 +110,7 @@ export function Header({ navItems = [] }: { navItems?: any[] }) { href={process.env.NEXT_PUBLIC_WHATSAPP_NUMBER ? `https://wa.me/${process.env.NEXT_PUBLIC_WHATSAPP_NUMBER}` : '#'} target="_blank" rel="noopener noreferrer" - className="flex items-center justify-center gap-2 bg-green-500 hover:bg-green-600 text-white px-8 py-4 rounded-full transition-colors w-full max-w-xs shadow-lg" + className="flex items-center justify-center gap-2 bg-green-500 hover:bg-green-600 text-white px-8 py-4 rounded-[var(--radius-button)] transition-colors w-full max-w-xs shadow-lg" > WhatsApp