michal.cukrowski/thermcool
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix heading structure (H1-H6) and button layouts, add noindex to cart and order pages

Browse Source
This commit is contained in:
MichalC
2026-07-19 20:42:06 +02:00
parent c7dcbab6c0
commit acf6269f32
26 changed files with 484 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/cennik-montazu/page.tsx
+8 -6
View File
@@ -3,6 +3,8 @@ import Link from 'next/link';
import Image from 'next/image';
import { Check, Phone, ArrowRight, Wrench, Zap, Wind } from 'lucide-react';
import { companyDetails } from '@/content/company';
import { buttonClasses, Button } from '@/components/ui/Button';
export const metadata: Metadata = {
title: 'Cennik montażu klimatyzacji Wrocław 2026 — ile kosztuje montaż?',
@@ -136,11 +138,11 @@ export default function CennikMontazuPage() {
</p>
<div className="flex flex-col sm:flex-row gap-4">
<a href={`tel:${companyDetails.phoneRaw}`}>
<button className="flex items-center gap-2 px-6 py-3 bg-accent text-white rounded-xl font-bold hover:bg-accent/90 transition-colors">
<Button variant="primary" size="md">
<Phone className="size-5" /> Zadzwoń po wycenę
</button>
</Button>
</a>
<Link href="/kontakt" className="flex items-center gap-2 px-6 py-3 bg-white/10 text-white rounded-xl font-bold hover:bg-white/20 transition-colors border border-white/20">
<Link href="/kontakt" className={buttonClasses({ variant: 'outline', size: 'md' })}>
Formularz kontaktowy <ArrowRight className="size-5" />
@@ -247,11 +249,11 @@ export default function CennikMontazuPage() {
</p>
<div className="flex flex-col sm:flex-row gap-4 justify-center">
<a href={`tel:${companyDetails.phoneRaw}`}>
<button className="flex items-center gap-2 px-8 py-4 bg-accent text-white rounded-xl font-bold text-lg hover:bg-accent/90 transition-colors">
<Button variant="primary" size="lg">
<Phone className="size-5" /> {companyDetails.phone}
</button>
</Button>
</a>
<Link href="/kontakt" className="flex items-center gap-2 px-8 py-4 bg-white/10 text-white rounded-xl font-bold text-lg hover:bg-white/20 transition-colors border border-white/20">
<Link href="/kontakt" className={buttonClasses({ variant: 'outline', size: 'lg' })}>
Napisz do nas <ArrowRight className="size-5" />
app/klimatyzacja-do-biura/page.tsx
+8 -6
View File
@@ -3,6 +3,8 @@ import Link from 'next/link';
import Image from 'next/image';
import { Check, Phone, Wrench, ArrowRight, Building2, Thermometer, Wind, Zap, Clock } from 'lucide-react';
import { companyDetails } from '@/content/company';
import { buttonClasses, Button } from '@/components/ui/Button';
export const metadata: Metadata = {
title: 'Klimatyzacja do biura Wrocław — montaż, serwis',
@@ -135,11 +137,11 @@ export default function KlimatyzacjaDoBiuraPage() {
<div className="flex flex-col sm:flex-row gap-4">
<a href={`tel:${companyDetails.phoneRaw}`}>
<button className="flex items-center gap-2 px-6 py-3 bg-accent text-white rounded-xl font-bold hover:bg-accent/90 transition-colors">
<Button variant="primary" size="md">
<Phone className="size-5" /> Zadzwoń: {companyDetails.phone}
</button>
</Button>
</a>
<Link href="/kontakt" className="flex items-center gap-2 px-6 py-3 bg-white/10 text-white rounded-xl font-bold hover:bg-white/20 transition-colors border border-white/20">
<Link href="/kontakt" className={buttonClasses({ variant: 'outline', size: 'md' })}>
Zapytaj o wycenę dla firmy <ArrowRight className="size-5" />
@@ -273,11 +275,11 @@ export default function KlimatyzacjaDoBiuraPage() {
</p>
<div className="flex flex-col sm:flex-row gap-4 justify-center">
<a href={`tel:${companyDetails.phoneRaw}`}>
<button className="flex items-center gap-2 px-8 py-4 bg-accent text-white rounded-xl font-bold text-lg hover:bg-accent/90 transition-colors">
<Button variant="primary" size="lg">
<Phone className="size-5" /> {companyDetails.phone}
</button>
</Button>
</a>
<Link href="/kontakt" className="flex items-center gap-2 px-8 py-4 bg-white/10 text-white rounded-xl font-bold text-lg hover:bg-white/20 transition-colors border border-white/20">
<Link href="/kontakt" className={buttonClasses({ variant: 'outline', size: 'lg' })}>
Napisz do nas <ArrowRight className="size-5" />
app/klimatyzacja-do-domu/page.tsx
+8 -6
View File
@@ -3,6 +3,8 @@ import Link from 'next/link';
import Image from 'next/image';
import { Check, Phone, Wrench, ArrowRight, Home, Thermometer, Wind, Zap } from 'lucide-react';
import { companyDetails } from '@/content/company';
import { buttonClasses, Button } from '@/components/ui/Button';
export const metadata: Metadata = {
title: 'Klimatyzacja do domu Wrocław — montaż split i multisplit',
@@ -113,11 +115,11 @@ export default function KlimatyzacjaDoDomuPage() {
<div className="flex flex-col sm:flex-row gap-4">
<a href={`tel:${companyDetails.phoneRaw}`}>
<button className="flex items-center gap-2 px-6 py-3 bg-accent text-white rounded-xl font-bold hover:bg-accent/90 transition-colors">
<Button variant="primary" size="md">
<Phone className="size-5" /> Zadzwoń: {companyDetails.phone}
</button>
</Button>
</a>
<Link href="/kalkulator" className="flex items-center gap-2 px-6 py-3 bg-white/10 text-white rounded-xl font-bold hover:bg-white/20 transition-colors border border-white/20">
<Link href="/kalkulator" className={buttonClasses({ variant: 'outline', size: 'md' })}>
Dobierz urządzenie <ArrowRight className="size-5" />
@@ -242,11 +244,11 @@ export default function KlimatyzacjaDoDomuPage() {
</p>
<div className="flex flex-col sm:flex-row gap-4 justify-center">
<a href={`tel:${companyDetails.phoneRaw}`}>
<button className="flex items-center gap-2 px-8 py-4 bg-accent text-white rounded-xl font-bold text-lg hover:bg-accent/90 transition-colors">
<Button variant="primary" size="lg">
<Phone className="size-5" /> {companyDetails.phone}
</button>
</Button>
</a>
<Link href="/kalkulator" className="flex items-center gap-2 px-8 py-4 bg-white/10 text-white rounded-xl font-bold text-lg hover:bg-white/20 transition-colors border border-white/20">
<Link href="/kalkulator" className={buttonClasses({ variant: 'outline', size: 'lg' })}>
Kalkulator doboru <ArrowRight className="size-5" />
app/koszyk/layout.tsx
+17
View File
@@ -0,0 +1,17 @@
import type { Metadata } from 'next';
export const metadata: Metadata = {
title: 'Koszyk',
robots: {
index: false,
follow: true,
},
};
export default function KoszykLayout({
children,
}: {
children: React.ReactNode;
}) {
return <>{children}</>;
}
app/koszyk/page.tsx
+4 -2
View File
@@ -4,6 +4,8 @@ import { useCartStore } from '@/lib/cart-store';
import Image from 'next/image';
import Link from 'next/link';
import { Trash2, Plus, Minus, ShoppingBag, ArrowRight } from 'lucide-react';
import { buttonClasses } from '@/components/ui/Button';
export default function KoszykPage() {
const { items, removeItem, updateQuantity, getTotal, clearCart } = useCartStore();
@@ -14,9 +16,9 @@ export default function KoszykPage() {
<main className="min-h-screen bg-slate-50 flex items-center justify-center">
<div className="text-center">
<ShoppingBag className="size-16 text-border mx-auto mb-4" />
<h1 className="text-2xl font-bold text-primary font-heading mb-2">Koszyk jest pusty</h1>
<h2 className="text-2xl font-bold text-primary font-heading mb-2">Koszyk jest pusty</h2>
<p className="text-text-muted mb-6">Dodaj produkty ze sklepu aby złożyć zamówienie.</p>
<Link href="/sklep" className="btn btn-primary text-white font-bold">
<Link href="/sklep" className={buttonClasses({ variant: 'primary', size: 'md' })}>
Przejdź do sklepu
</Link>
</div>
app/montaz-klimatyzacji/page.tsx
+7 -5
View File
@@ -3,6 +3,8 @@ import Link from 'next/link';
import Image from 'next/image';
import { Check, Phone, Wrench, ArrowRight, ShieldCheck, Clock, Star } from 'lucide-react';
import { companyDetails } from '@/content/company';
import { buttonClasses, Button } from '@/components/ui/Button';
export const metadata: Metadata = {
title: 'Montaż klimatyzacji Wrocław — split, multisplit',
@@ -113,11 +115,11 @@ export default function MontazKlimatyzacjiPage() {
<div className="flex flex-col sm:flex-row gap-4">
<a href={`tel:${companyDetails.phoneRaw}`}>
<button className="flex items-center gap-2 px-6 py-3 bg-accent text-white rounded-xl font-bold hover:bg-accent/90 transition-colors">
<Button variant="primary" size="md">
<Phone className="size-5" /> Zadzwoń: {companyDetails.phone}
</button>
</Button>
</a>
<Link href="/kalkulator" className="flex items-center gap-2 px-6 py-3 bg-white/10 text-white rounded-xl font-bold hover:bg-white/20 transition-colors border border-white/20">
<Link href="/kalkulator" className={buttonClasses({ variant: 'outline', size: 'md' })}>
Dobierz urządzenie <ArrowRight className="size-5" />
@@ -250,9 +252,9 @@ export default function MontazKlimatyzacjiPage() {
Zadzwoń po bezpłatną wycenę — odpowiadamy szybko i przyjeżdżamy w całym Dolnym Śląsku.
</p>
<a href={`tel:${companyDetails.phoneRaw}`}>
<button className="flex items-center gap-2 px-8 py-4 bg-accent text-white rounded-xl font-bold text-lg hover:bg-accent/90 transition-colors mx-auto">
<Button variant="primary" size="lg" className="mx-auto">
<Phone className="size-5" /> {companyDetails.phone}
</button>
</Button>
</a>
</div>
</section>
app/not-found.tsx
+3 -1
View File
@@ -1,4 +1,6 @@
import Link from 'next/link';
import { buttonClasses } from '@/components/ui/Button';
export default function NotFound() {
return (
@@ -9,7 +11,7 @@ export default function NotFound() {
<p className="text-base md:text-lg text-slate-500 mb-8 max-w-md mx-auto">
Szukana strona została usunięta lub nigdy nie istniała.
</p>
<Link href="/" className="btn btn-primary text-white font-bold">
<Link href="/" className={buttonClasses({ variant: 'primary', size: 'md' })}>
Wróć na stronę główną
</Link>
</div>
app/page.tsx
+6 -5
View File
@@ -9,6 +9,7 @@ import { CtaBanner } from "@/components/sections/CtaBanner";
import { companyDetails } from "@/content/company";
import { Wrench, Phone, ArrowRight, Thermometer, Wind, Zap, Calendar, Check } from "lucide-react";
import Link from "next/link";
import { Button, buttonClasses } from "@/components/ui/Button";
export default function Home() {
const baseUrl = process.env.NEXT_PUBLIC_BASE_URL || 'https://thermcool.pl';
@@ -160,16 +161,16 @@ export default function Home() {
na terenie całego Dolnego Śląska.
</p>
</div>
<div className="flex flex-col gap-3 shrink-0">
<Link href="/serwis-lg" className="flex items-center gap-2 px-6 py-3 bg-accent text-white rounded-xl font-bold hover:bg-accent/90 transition-colors whitespace-nowrap">
<div className="inline-flex flex-col gap-3 shrink-0">
<Link href="/serwis-lg" className={buttonClasses({ variant: 'primary', size: 'md', className: 'w-full' })}>
Dowiedz się więcej <ArrowRight className="size-4" />
</Link>
<a href={`tel:${companyDetails.phoneRaw}`}>
<button className="flex items-center gap-2 px-6 py-3 bg-white/10 text-white rounded-xl font-bold hover:bg-white/20 transition-colors border border-white/20 whitespace-nowrap">
<a href={`tel:${companyDetails.phoneRaw}`} className="w-full">
<Button variant="outline" size="md" className="w-full">
<Phone className="size-4" /> Zadzwoń teraz
</button>
</Button>
</a>
</div>
</div>
app/porownaj/page.tsx
+3 -1
View File
@@ -5,6 +5,8 @@ import Image from 'next/image';
import Link from 'next/link';
import { X, ShoppingCart } from 'lucide-react';
import { useCartStore } from '@/lib/cart-store';
import { buttonClasses } from '@/components/ui/Button';
export default function PorownajPage() {
const { items, removeItem } = useCompareStore();
@@ -15,7 +17,7 @@ export default function PorownajPage() {
<main className="min-h-screen bg-slate-50 flex items-center justify-center">
<div className="text-center">
<p className="text-text-muted mb-4">Nie masz żadnych produktów do porównania.</p>
<Link href="/sklep" className="btn btn-primary text-white font-bold">
<Link href="/sklep" className={buttonClasses({ variant: 'primary', size: 'md' })}>
Wróć do sklepu
</Link>
</div>
app/serwis-daikin/page.tsx
+10 -8
View File
@@ -2,6 +2,8 @@ import type { Metadata } from 'next';
import Link from 'next/link';
import { Check, Phone, Wrench, AlertTriangle, ArrowRight } from 'lucide-react';
import { companyDetails } from '@/content/company';
import { buttonClasses, Button } from '@/components/ui/Button';
export const metadata: Metadata = {
title: 'Serwis klimatyzacji Daikin Wrocław — naprawa i przegląd',
@@ -88,13 +90,13 @@ export default function SerwisDaikinPage() {
Serwisujemy wszystkie serie — od Sensiry po systemy VRV — z użyciem oryginalnych części
i pełną dokumentacją przeglądową.
</p>
<div className="flex flex-col sm:flex-row gap-4">
<a href={`tel:${companyDetails.phoneRaw}`}>
<button className="flex items-center gap-2 px-6 py-3 bg-accent text-white rounded-xl font-bold hover:bg-accent/90 transition-colors">
<div className="inline-flex flex-col gap-4">
<a href={`tel:${companyDetails.phoneRaw}`} className="w-full">
<Button variant="primary" size="md" className="w-full">
<Phone className="size-5" /> Zadzwoń: {companyDetails.phone}
</button>
</Button>
</a>
<Link href="/zgloszenie-awarii" className="flex items-center gap-2 px-6 py-3 bg-white/10 text-white rounded-xl font-bold hover:bg-white/20 transition-colors border border-white/20">
<Link href="/zgloszenie-awarii" className={buttonClasses({ variant: 'outline', size: 'md', className: 'w-full' })}>
Zgłoś awarię online <ArrowRight className="size-5" />
@@ -193,11 +195,11 @@ export default function SerwisDaikinPage() {
</p>
<div className="flex flex-col sm:flex-row gap-4 justify-center">
<a href={`tel:${companyDetails.phoneRaw}`}>
<button className="flex items-center gap-2 px-8 py-4 bg-accent text-white rounded-xl font-bold text-lg hover:bg-accent/90 transition-colors">
<Button variant="primary" size="lg">
<Phone className="size-5" /> {companyDetails.phone}
</button>
</Button>
</a>
<Link href="/zgloszenie-awarii" className="flex items-center gap-2 px-8 py-4 bg-white/10 text-white rounded-xl font-bold text-lg hover:bg-white/20 transition-colors border border-white/20">
<Link href="/zgloszenie-awarii" className={buttonClasses({ variant: 'outline', size: 'lg' })}>
Zgłoś online <ArrowRight className="size-5" />
app/serwis-klimatyzacji/page.tsx
+8 -6
View File
@@ -3,6 +3,8 @@ import Link from 'next/link';
import Image from 'next/image';
import { Check, Phone, Wrench, ArrowRight, Thermometer, Wind, Zap, ShieldCheck } from 'lucide-react';
import { companyDetails } from '@/content/company';
import { buttonClasses, Button } from '@/components/ui/Button';
export const metadata: Metadata = {
title: 'Serwis klimatyzacji Wrocław — przegląd, czyszczenie, naprawa',
@@ -146,11 +148,11 @@ export default function SerwisKlimatyzacjiPage() {
<div className="flex flex-col sm:flex-row gap-4">
<a href={`tel:${companyDetails.phoneRaw}`}>
<button className="flex items-center gap-2 px-6 py-3 bg-accent text-white rounded-xl font-bold hover:bg-accent/90 transition-colors">
<Button variant="primary" size="md">
<Phone className="size-5" /> Zadzwoń: {companyDetails.phone}
</button>
</Button>
</a>
<Link href="/zgloszenie-awarii" className="flex items-center gap-2 px-6 py-3 bg-white/10 text-white rounded-xl font-bold hover:bg-white/20 transition-colors border border-white/20">
<Link href="/zgloszenie-awarii" className={buttonClasses({ variant: 'outline', size: 'md' })}>
Zgłoś awarię online <ArrowRight className="size-5" />
@@ -231,11 +233,11 @@ export default function SerwisKlimatyzacjiPage() {
</p>
<div className="flex flex-col sm:flex-row gap-4 justify-center">
<a href={`tel:${companyDetails.phoneRaw}`}>
<button className="flex items-center gap-2 px-8 py-4 bg-accent text-white rounded-xl font-bold text-lg hover:bg-accent/90 transition-colors">
<Button variant="primary" size="lg">
<Phone className="size-5" /> {companyDetails.phone}
</button>
</Button>
</a>
<Link href="/zgloszenie-awarii" className="flex items-center gap-2 px-8 py-4 bg-white/10 text-white rounded-xl font-bold text-lg hover:bg-white/20 transition-colors border border-white/20">
<Link href="/zgloszenie-awarii" className={buttonClasses({ variant: 'outline', size: 'lg' })}>
Zgłoś online <ArrowRight className="size-5" />
app/serwis-lg/page.tsx
+9 -7
View File
@@ -2,6 +2,8 @@ import type { Metadata } from 'next';
import Link from 'next/link';
import { Check, Phone, Wrench, AlertTriangle, ArrowRight } from 'lucide-react';
import { companyDetails } from '@/content/company';
import { buttonClasses, Button } from '@/components/ui/Button';
export const metadata: Metadata = {
title: 'Serwis klimatyzacji LG Wrocław — naprawa i przegląd',
@@ -84,13 +86,13 @@ export default function SerwisLGPage() {
My mamy odpowiednie doświadczenie i narzędzia, żeby skutecznie diagnozować
i naprawiać te urządzenia na terenie Dolnego Śląska.
</p>
<div className="flex flex-col sm:flex-row gap-4">
<a href={`tel:${companyDetails.phoneRaw}`}>
<button className="flex items-center gap-2 px-6 py-3 bg-accent text-white rounded-xl font-bold hover:bg-accent/90 transition-colors">
<div className="inline-flex flex-col gap-4">
<a href={`tel:${companyDetails.phoneRaw}`} className="w-full">
<Button variant="primary" size="md" className="w-full">
<Phone className="size-5" /> Zadzwoń: {companyDetails.phone}
</button>
</Button>
</a>
<Link href="/kontakt" className="flex items-center gap-2 px-6 py-3 bg-white/10 text-white rounded-xl font-bold hover:bg-white/20 transition-colors border border-white/20">
<Link href="/kontakt" className={buttonClasses({ variant: 'outline', size: 'md', className: 'w-full' })}>
Napisz do nas <ArrowRight className="size-5" />
@@ -188,9 +190,9 @@ export default function SerwisLGPage() {
Zadzwoń lub napisz — odpowiadamy szybko i przyjeżdżamy na Dolny Śląsk.
</p>
<a href={`tel:${companyDetails.phoneRaw}`}>
<button className="flex items-center gap-2 px-8 py-4 bg-accent text-white rounded-xl font-bold text-lg hover:bg-accent/90 transition-colors mx-auto">
<Button variant="primary" size="lg" className="mx-auto">
<Phone className="size-5" /> {companyDetails.phone}
</button>
</Button>
</a>
</div>
</section>
app/serwis-mitsubishi/page.tsx
+10 -8
View File
@@ -2,6 +2,8 @@ import type { Metadata } from 'next';
import Link from 'next/link';
import { Check, Phone, Wrench, AlertTriangle, ArrowRight } from 'lucide-react';
import { companyDetails } from '@/content/company';
import { buttonClasses, Button } from '@/components/ui/Button';
export const metadata: Metadata = {
title: 'Serwis klimatyzacji Mitsubishi Electric Wrocław — naprawa i przegląd',
@@ -88,13 +90,13 @@ export default function SerwisMitsubishiPage() {
wszystkie serie — MSZ, MXZ, MLZ, SEZ — z pełną dokumentacją przeglądową
i oryginalnymi częściami zamiennymi.
</p>
<div className="flex flex-col sm:flex-row gap-4">
<a href={`tel:${companyDetails.phoneRaw}`}>
<button className="flex items-center gap-2 px-6 py-3 bg-accent text-white rounded-xl font-bold hover:bg-accent/90 transition-colors">
<div className="inline-flex flex-col gap-4">
<a href={`tel:${companyDetails.phoneRaw}`} className="w-full">
<Button variant="primary" size="md" className="w-full">
<Phone className="size-5" /> Zadzwoń: {companyDetails.phone}
</button>
</Button>
</a>
<Link href="/zgloszenie-awarii" className="flex items-center gap-2 px-6 py-3 bg-white/10 text-white rounded-xl font-bold hover:bg-white/20 transition-colors border border-white/20">
<Link href="/zgloszenie-awarii" className={buttonClasses({ variant: 'outline', size: 'md', className: 'w-full' })}>
Zgłoś awarię online <ArrowRight className="size-5" />
@@ -197,11 +199,11 @@ export default function SerwisMitsubishiPage() {
</p>
<div className="flex flex-col sm:flex-row gap-4 justify-center">
<a href={`tel:${companyDetails.phoneRaw}`}>
<button className="flex items-center gap-2 px-8 py-4 bg-accent text-white rounded-xl font-bold text-lg hover:bg-accent/90 transition-colors">
<Button variant="primary" size="lg">
<Phone className="size-5" /> {companyDetails.phone}
</button>
</Button>
</a>
<Link href="/zgloszenie-awarii" className="flex items-center gap-2 px-8 py-4 bg-white/10 text-white rounded-xl font-bold text-lg hover:bg-white/20 transition-colors border border-white/20">
<Link href="/zgloszenie-awarii" className={buttonClasses({ variant: 'outline', size: 'lg' })}>
Zgłoś online <ArrowRight className="size-5" />
app/serwis-samsung/page.tsx
+10 -8
View File
@@ -2,6 +2,8 @@ import type { Metadata } from 'next';
import Link from 'next/link';
import { Check, Phone, Wrench, AlertTriangle, ArrowRight } from 'lucide-react';
import { companyDetails } from '@/content/company';
import { buttonClasses, Button } from '@/components/ui/Button';
export const metadata: Metadata = {
title: 'Serwis klimatyzacji Samsung Wrocław — naprawa i przegląd',
@@ -88,13 +90,13 @@ export default function SerwisSamsungPage() {
Serwisujemy wszystkie serie — WindFree, Luzon, Maldives i inne — z szybkim terminem
i precyzyjną diagnostyką elektroniczną.
</p>
<div className="flex flex-col sm:flex-row gap-4">
<a href={`tel:${companyDetails.phoneRaw}`}>
<button className="flex items-center gap-2 px-6 py-3 bg-accent text-white rounded-xl font-bold hover:bg-accent/90 transition-colors">
<div className="inline-flex flex-col gap-4">
<a href={`tel:${companyDetails.phoneRaw}`} className="w-full">
<Button variant="primary" size="md" className="w-full">
<Phone className="size-5" /> Zadzwoń: {companyDetails.phone}
</button>
</Button>
</a>
<Link href="/zgloszenie-awarii" className="flex items-center gap-2 px-6 py-3 bg-white/10 text-white rounded-xl font-bold hover:bg-white/20 transition-colors border border-white/20">
<Link href="/zgloszenie-awarii" className={buttonClasses({ variant: 'outline', size: 'md', className: 'w-full' })}>
Zgłoś awarię online <ArrowRight className="size-5" />
@@ -193,11 +195,11 @@ export default function SerwisSamsungPage() {
</p>
<div className="flex flex-col sm:flex-row gap-4 justify-center">
<a href={`tel:${companyDetails.phoneRaw}`}>
<button className="flex items-center gap-2 px-8 py-4 bg-accent text-white rounded-xl font-bold text-lg hover:bg-accent/90 transition-colors">
<Button variant="primary" size="lg">
<Phone className="size-5" /> {companyDetails.phone}
</button>
</Button>
</a>
<Link href="/zgloszenie-awarii" className="flex items-center gap-2 px-8 py-4 bg-white/10 text-white rounded-xl font-bold text-lg hover:bg-white/20 transition-colors border border-white/20">
<Link href="/zgloszenie-awarii" className={buttonClasses({ variant: 'outline', size: 'lg' })}>
Zgłoś online <ArrowRight className="size-5" />
app/zamowienie/layout.tsx
+17
View File
@@ -0,0 +1,17 @@
import type { Metadata } from 'next';
export const metadata: Metadata = {
title: 'Zamówienie',
robots: {
index: false,
follow: true,
},
};
export default function ZamowienieLayout({
children,
}: {
children: React.ReactNode;
}) {
return <>{children}</>;
}
app/zamowienie/page.tsx
+5 -3
View File
@@ -5,6 +5,8 @@ import { useActionState, useEffect } from 'react';
import Link from 'next/link';
import { submitOrderForm } from './actions';
import { ArrowLeft, CheckCircle } from 'lucide-react';
import { buttonClasses } from '@/components/ui/Button';
const initialState = { success: false, message: '' };
@@ -22,7 +24,7 @@ export default function ZamowieniePage() {
<main className="min-h-screen bg-slate-50 flex items-center justify-center">
<div className="text-center">
<p className="text-text-muted mb-4">Koszyk jest pusty.</p>
<Link href="/sklep" className="btn btn-primary text-white font-bold">
<Link href="/sklep" className={buttonClasses({ variant: 'primary', size: 'md' })}>
Wróć do sklepu
</Link>
</div>
@@ -35,9 +37,9 @@ Wróć do sklepu
<main className="min-h-screen bg-slate-50 flex items-center justify-center">
<div className="text-center max-w-md px-4">
<CheckCircle className="size-16 text-green-500 mx-auto mb-4" />
<h1 className="text-2xl font-bold text-primary font-heading mb-2">Zamówienie przyjęte!</h1>
<h2 className="text-2xl font-bold text-primary font-heading mb-2">Zamówienie przyjęte!</h2>
<p className="text-text-muted mb-6">{state.message}</p>
<Link href="/sklep" className="btn btn-primary text-white font-bold">
<Link href="/sklep" className={buttonClasses({ variant: 'primary', size: 'md' })}>
Wróć do sklepu
</Link>
</div>