ui: bigger header on desktop, update shipping descriptions
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
+2
-2
@@ -634,7 +634,7 @@ export default function HomePage() {
|
|||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
<h3 className="text-white font-bold mb-1">Correos Express</h3>
|
<h3 className="text-white font-bold mb-1">Correos Express</h3>
|
||||||
<p className="text-slate-500 text-sm mb-3">Enviament a casa teva. Lliurament en 24-48h hàbils.</p>
|
<p className="text-slate-500 text-sm mb-3">Enviament a casa teva en 24-48h des del moment que t'ho enviem. Primer haurem de fabricar-te la comanda.</p>
|
||||||
<div className="text-cherry font-black text-xl">+7,99€</div>
|
<div className="text-cherry font-black text-xl">+7,99€</div>
|
||||||
<p className="text-slate-600 text-xs mt-1">Lliurament previst: 29 Juny – 3 Juliol</p>
|
<p className="text-slate-600 text-xs mt-1">Lliurament previst: 29 Juny – 3 Juliol</p>
|
||||||
</button>
|
</button>
|
||||||
@@ -653,7 +653,7 @@ export default function HomePage() {
|
|||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
<h3 className="text-white font-bold mb-1">Recollida Corbins / Lleida</h3>
|
<h3 className="text-white font-bold mb-1">Recollida Corbins / Lleida</h3>
|
||||||
<p className="text-slate-500 text-sm mb-3">Vés a buscar la comanda. Ens posem en contacte amb tu per coordinar.</p>
|
<p className="text-slate-500 text-sm mb-3">Ens posarem en contacte amb tu per coordinar l'entrega. Primer haurem de fabricar-te la comanda.</p>
|
||||||
<div className="text-teal font-black text-xl">Gratuït</div>
|
<div className="text-teal font-black text-xl">Gratuït</div>
|
||||||
<p className="text-slate-600 text-xs mt-1">Lliurament previst: 29 Juny – 3 Juliol</p>
|
<p className="text-slate-600 text-xs mt-1">Lliurament previst: 29 Juny – 3 Juliol</p>
|
||||||
</button>
|
</button>
|
||||||
|
|||||||
@@ -3,21 +3,29 @@ import Image from 'next/image'
|
|||||||
export default function Header() {
|
export default function Header() {
|
||||||
return (
|
return (
|
||||||
<header className="w-full border-b border-dark-border bg-dark/90 backdrop-blur-md sticky top-0 z-50">
|
<header className="w-full border-b border-dark-border bg-dark/90 backdrop-blur-md sticky top-0 z-50">
|
||||||
<div className="max-w-6xl mx-auto px-4 sm:px-6 py-3 flex items-center justify-between">
|
<div className="max-w-6xl mx-auto px-4 sm:px-6 py-3 sm:py-4 flex items-center justify-between">
|
||||||
<div className="flex items-center gap-3">
|
<div className="flex items-center gap-3 sm:gap-4">
|
||||||
<Image
|
<Image
|
||||||
src="/assets/LOGO BLOD BROS SPORT GOTA RODONA ALTA RES.jpg"
|
src="/assets/LOGO BLOD BROS SPORT GOTA RODONA ALTA RES.jpg"
|
||||||
alt="Blood Bros Sport"
|
alt="Blood Bros Sport"
|
||||||
width={52}
|
width={52}
|
||||||
height={52}
|
height={52}
|
||||||
className="rounded-full"
|
className="rounded-full sm:hidden"
|
||||||
|
priority
|
||||||
|
/>
|
||||||
|
<Image
|
||||||
|
src="/assets/LOGO BLOD BROS SPORT GOTA RODONA ALTA RES.jpg"
|
||||||
|
alt="Blood Bros Sport"
|
||||||
|
width={72}
|
||||||
|
height={72}
|
||||||
|
className="rounded-full hidden sm:block"
|
||||||
priority
|
priority
|
||||||
/>
|
/>
|
||||||
<div className="hidden sm:block">
|
<div className="hidden sm:block">
|
||||||
<div className="text-xs text-slate-500 uppercase tracking-widest leading-none">
|
<div className="text-sm text-slate-400 uppercase tracking-widest leading-none">
|
||||||
Blood Bros Sport
|
Blood Bros Sport
|
||||||
</div>
|
</div>
|
||||||
<div className="text-sm font-black text-white leading-tight">
|
<div className="text-xl font-black text-white leading-tight mt-0.5">
|
||||||
Cursa de la Cirera 2026
|
Cursa de la Cirera 2026
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user