Update src/app/oferta/page.tsx
This commit is contained in:
@@ -3,286 +3,223 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import { Award, CheckSquare, Maximize, Move, Shield } from "lucide-react";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import { Award, CheckSquare, Maximize, Move, Shield, Thermometer, HardHat, Weight, Safety } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function OfferPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Oferta",
|
||||
id: "/oferta",
|
||||
},
|
||||
{
|
||||
name: "Realizacje",
|
||||
id: "/realizacje",
|
||||
},
|
||||
{
|
||||
name: "Dla firm (B2B)",
|
||||
id: "/dla-firm",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "/faq",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "/kontakt",
|
||||
},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/3d-render-help-calligraphic-with-human-hand-design_460848-9859.jpg"
|
||||
logoAlt="ZPCHR Wyrób Rękawic i Konfekcji Technicznej logo"
|
||||
brandName="ZPCHR"
|
||||
button={{
|
||||
text: "Zapytaj o wycenę",
|
||||
href: "/kontakt",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Oferta", id: "/oferta"
|
||||
},
|
||||
{
|
||||
name: "Realizacje", id: "/realizacje"
|
||||
},
|
||||
{
|
||||
name: "Dla firm (B2B)", id: "/dla-firm"
|
||||
},
|
||||
{
|
||||
name: "FAQ", id: "/faq"
|
||||
},
|
||||
{
|
||||
name: "Kontakt", id: "/kontakt"
|
||||
}
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/3d-render-help-calligraphic-with-human-hand-design_460848-9859.jpg"
|
||||
logoAlt="ZPCHR Wyrób Rękawic i Konfekcji Technicznej logo"
|
||||
brandName="ZPCHR"
|
||||
button={{
|
||||
text: "Zapytaj o wycenę", href: "/kontakt"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="offer-details" data-section="offer-details">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Zaawansowane materiały",
|
||||
description: "Wysokiej jakości tkaniny zapewniające odporność na przetarcia, przecięcia i ekstremalne temperatury. Trwałość i bezpieczeństwo.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jeans-fabric-textile-textured-background_53876-108380.jpg",
|
||||
imageAlt: "Nowoczesne tkaniny techniczne",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Odporność na przetarcia",
|
||||
},
|
||||
{
|
||||
icon: Thermometer,
|
||||
text: "Termoregulacja",
|
||||
},
|
||||
{
|
||||
icon: HardHat,
|
||||
text: "Ochrona mechaniczna",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-help-calligraphic-with-human-hand-design_460848-9859.jpg?_wi=2",
|
||||
imageAlt: "high quality industrial fabric texture",
|
||||
},
|
||||
{
|
||||
title: "Ergonomiczny design",
|
||||
description: "Odzież i rękawice zaprojektowane z myślą o swobodzie ruchów i wygodzie noszenia przez cały dzień. Komfort bez kompromisów.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-working-with-ruler_23-2148966940.jpg",
|
||||
imageAlt: "Projektowanie odzieży ergonomicznej",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Move,
|
||||
text: "Swoboda ruchów",
|
||||
},
|
||||
{
|
||||
icon: Weight,
|
||||
text: "Lekka konstrukcja",
|
||||
},
|
||||
{
|
||||
icon: Maximize,
|
||||
text: "Optymalne dopasowanie",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-silk-sleeve-close-up_23-2148237591.jpg?_wi=3",
|
||||
imageAlt: "high quality industrial fabric texture",
|
||||
},
|
||||
{
|
||||
title: "Certyfikowana ochrona",
|
||||
description: "Wszystkie produkty spełniają rygorystyczne normy bezpieczeństwa, gwarantując spokój ducha. Sprawdzona jakość na lata.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-wearing-medical-mask-construction-site_23-2148784074.jpg",
|
||||
imageAlt: "Certyfikaty jakości i bezpieczeństwa",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Award,
|
||||
text: "Certyfikaty jakości",
|
||||
},
|
||||
{
|
||||
icon: CheckSquare,
|
||||
text: "Zgodność z normami",
|
||||
},
|
||||
{
|
||||
icon: Safety,
|
||||
text: "Testowane rozwiązania",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-construction-vest-safety-helmet-looking-camera-smiling-cheerfully-doing-ok-sign-showing-thumbs-up-standing-green-background_141793-117286.jpg?_wi=2",
|
||||
imageAlt: "high quality industrial fabric texture",
|
||||
},
|
||||
]}
|
||||
title="Technologie, które chronią w pracy."
|
||||
description="Nasze produkty to połączenie innowacji i funkcjonalności, zaprojektowane dla najwyższej ochrony i komfortu. Dobór pod warunki pracy. Wykonanie na poziomie."
|
||||
/>
|
||||
</div>
|
||||
<div id="offer-details" data-section="offer-details">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Zaawansowane materiały", description: "Wysokiej jakości tkaniny zapewniające odporność na przetarcia, przecięcia i ekstremalne temperatury. Trwałość i bezpieczeństwo.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jeans-fabric-textile-textured-background_53876-108380.jpg", imageAlt: "Nowoczesne tkaniny techniczne"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Odporność na przetarcia"
|
||||
},
|
||||
{
|
||||
icon: Thermometer,
|
||||
text: "Termoregulacja"
|
||||
},
|
||||
{
|
||||
icon: HardHat,
|
||||
text: "Ochrona mechaniczna"
|
||||
}
|
||||
],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Ergonomiczny design", description: "Odzież i rękawice zaprojektowane z myślą o swobodzie ruchów i wygodzie noszenia przez cały dzień. Komfort bez kompromisów.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-working-with-ruler_23-2148966940.jpg", imageAlt: "Projektowanie odzieży ergonomicznej"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Move,
|
||||
text: "Swoboda ruchów"
|
||||
},
|
||||
{
|
||||
icon: Weight,
|
||||
text: "Lekka konstrukcja"
|
||||
},
|
||||
{
|
||||
icon: Maximize,
|
||||
text: "Optymalne dopasowanie"
|
||||
}
|
||||
],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Certyfikowana ochrona", description: "Wszystkie produkty spełniają rygorystyczne normy bezpieczeństwa, gwarantując spokój ducha. Sprawdzona jakość na lata.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-wearing-medical-mask-construction-site_23-2148784074.jpg", imageAlt: "Certyfikaty jakości i bezpieczeństwa"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Award,
|
||||
text: "Certyfikaty jakości"
|
||||
},
|
||||
{
|
||||
icon: CheckSquare,
|
||||
text: "Zgodność z normami"
|
||||
},
|
||||
{
|
||||
icon: Safety,
|
||||
text: "Testowane rozwiązania"
|
||||
}
|
||||
],
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Technologie, które chronią w pracy."
|
||||
description="Nasze produkty to połączenie innowacji i funkcjonalności, zaprojektowane dla najwyższej ochrony i komfortu. Dobór pod warunki pracy. Wykonanie na poziomie."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="offer-catalog" data-section="offer-catalog">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "prod-glove-heavy",
|
||||
name: "Rękawice Heavy Duty",
|
||||
price: "od 45 zł",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-doctor-showing-stop-gesture-white-uniform-looking-confident-front-view_176474-84722.jpg",
|
||||
imageAlt: "Rękawice Heavy Duty",
|
||||
},
|
||||
{
|
||||
id: "prod-jacket-winter",
|
||||
name: "Kurtka Zimowa Pro",
|
||||
price: "od 280 zł",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-hood-jacket_1303-5841.jpg",
|
||||
imageAlt: "Kurtka Zimowa Pro",
|
||||
},
|
||||
{
|
||||
id: "prod-pants-rain",
|
||||
name: "Spodnie Przeciwdeszczowe",
|
||||
price: "od 120 zł",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-child-enjoying-childhood-happiness-by-playing-puddle-water-after-rain_23-2151470061.jpg",
|
||||
imageAlt: "Spodnie Przeciwdeszczowe",
|
||||
},
|
||||
{
|
||||
id: "prod-shirt-logo",
|
||||
name: "Koszula z Haftem Firmowym",
|
||||
price: "od 70 zł",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-woman-t-shirt-cap-spreading-palms-with-closed-eyes-looking-hopeful_176474-11555.jpg",
|
||||
imageAlt: "Koszula z Haftem Firmowym",
|
||||
},
|
||||
{
|
||||
id: "prod-glove-light",
|
||||
name: "Rękawice Montażowe",
|
||||
price: "od 30 zł",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-using-staple-gun-wooden-table_23-2147865598.jpg",
|
||||
imageAlt: "Rękawice Montażowe",
|
||||
},
|
||||
{
|
||||
id: "prod-vest-safety",
|
||||
name: "Kamizelka Ocieplana Odblaskowa",
|
||||
price: "od 150 zł",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-workwear-uniform-holding-helmet-looking-confident-front-view_176474-64859.jpg",
|
||||
imageAlt: "Kamizelka Ocieplana Odblaskowa",
|
||||
},
|
||||
]}
|
||||
title="Odkryj pełną gamę produktów"
|
||||
description="Od specjalistycznych rękawic po kompletną odzież roboczą – kompleksowe rozwiązania dla każdej branży. Odzież techniczna na lata — z logo Twojej firmy."
|
||||
/>
|
||||
</div>
|
||||
<div id="offer-catalog" data-section="offer-catalog">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "prod-glove-heavy", name: "Rękawice Heavy Duty", price: "od 45 zł", imageSrc: "http://img.b2bpic.net/free-photo/young-male-doctor-showing-stop-gesture-white-uniform-looking-confident-front-view_176474-84722.jpg", imageAlt: "Rękawice Heavy Duty"
|
||||
},
|
||||
{
|
||||
id: "prod-jacket-winter", name: "Kurtka Zimowa Pro", price: "od 280 zł", imageSrc: "http://img.b2bpic.net/free-photo/man-hood-jacket_1303-5841.jpg", imageAlt: "Kurtka Zimowa Pro"
|
||||
},
|
||||
{
|
||||
id: "prod-pants-rain", name: "Spodnie Przeciwdeszczowe", price: "od 120 zł", imageSrc: "http://img.b2bpic.net/free-photo/young-child-enjoying-childhood-happiness-by-playing-puddle-water-after-rain_23-2151470061.jpg", imageAlt: "Spodnie Przeciwdeszczowe"
|
||||
},
|
||||
{
|
||||
id: "prod-shirt-logo", name: "Koszula z Haftem Firmowym", price: "od 70 zł", imageSrc: "http://img.b2bpic.net/free-photo/delivery-woman-t-shirt-cap-spreading-palms-with-closed-eyes-looking-hopeful_176474-11555.jpg", imageAlt: "Koszula z Haftem Firmowym"
|
||||
},
|
||||
{
|
||||
id: "prod-glove-light", name: "Rękawice Montażowe", price: "od 30 zł", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-using-staple-gun-wooden-table_23-2147865598.jpg", imageAlt: "Rękawice Montażowe"
|
||||
},
|
||||
{
|
||||
id: "prod-vest-safety", name: "Kamizelka Ocieplana Odblaskowa", price: "od 150 zł", imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-workwear-uniform-holding-helmet-looking-confident-front-view_176474-64859.jpg", imageAlt: "Kamizelka Ocieplana Odblaskowa"
|
||||
}
|
||||
]}
|
||||
title="Odkryj pełną gamę produktów"
|
||||
description="Od specjalistycznych rękawic po kompletną odzież roboczą – kompleksowe rozwiązania dla każdej branży. Odzież techniczna na lata — z logo Twojej firmy."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Oferta",
|
||||
items: [
|
||||
{
|
||||
label: "Rękawice techniczne",
|
||||
href: "/oferta#rekawice",
|
||||
},
|
||||
{
|
||||
label: "Odzież ocieplana",
|
||||
href: "/oferta#ocieplana",
|
||||
},
|
||||
{
|
||||
label: "Odzież przeciwdeszczowa",
|
||||
href: "/oferta#przeciwdeszczowa",
|
||||
},
|
||||
{
|
||||
label: "Konfekcja z logo",
|
||||
href: "/oferta#konfekcja-logo",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Firma",
|
||||
items: [
|
||||
{
|
||||
label: "Realizacje",
|
||||
href: "/realizacje",
|
||||
},
|
||||
{
|
||||
label: "Dla firm (B2B)",
|
||||
href: "/dla-firm",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/faq",
|
||||
},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "/kontakt",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Informacje",
|
||||
items: [
|
||||
{
|
||||
label: "Regulamin",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "RODO",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Polityka prywatności",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Godziny otwarcia: Pon–Pt 8:00–16:00",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
{
|
||||
label: "📞 (32) 299-16-62",
|
||||
href: "tel:+48322991662",
|
||||
},
|
||||
{
|
||||
label: "📍 Wygoda 10a, 41-208 Sosnowiec",
|
||||
href: "https://www.google.com/maps/search/Wygoda+10a,+41-208+Sosnowiec",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 ZPCHR Czerwiński Mirosław, Sosnowiec. Wszelkie prawa zastrzeżone."
|
||||
bottomRightText="Wyrób Rękawic i Konfekcji Technicznej"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Oferta", items: [
|
||||
{
|
||||
label: "Rękawice techniczne", href: "/oferta#rekawice"
|
||||
},
|
||||
{
|
||||
label: "Odzież ocieplana", href: "/oferta#ocieplana"
|
||||
},
|
||||
{
|
||||
label: "Odzież przeciwdeszczowa", href: "/oferta#przeciwdeszczowa"
|
||||
},
|
||||
{
|
||||
label: "Konfekcja z logo", href: "/oferta#konfekcja-logo"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Firma", items: [
|
||||
{
|
||||
label: "Realizacje", href: "/realizacje"
|
||||
},
|
||||
{
|
||||
label: "Dla firm (B2B)", href: "/dla-firm"
|
||||
},
|
||||
{
|
||||
label: "FAQ", href: "/faq"
|
||||
},
|
||||
{
|
||||
label: "Kontakt", href: "/kontakt"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Informacje", items: [
|
||||
{
|
||||
label: "Regulamin", href: "#"
|
||||
},
|
||||
{
|
||||
label: "RODO", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Polityka prywatności", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Godziny otwarcia: Pon–Pt 8:00–16:00", href: "#"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Kontakt", items: [
|
||||
{
|
||||
label: "📞 (32) 299-16-62", href: "tel:+48322991662"
|
||||
},
|
||||
{
|
||||
label: "📍 Wygoda 10a, 41-208 Sosnowiec", href: "https://www.google.com/maps/search/Wygoda+10a,+41-208+Sosnowiec"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2024 ZPCHR Czerwiński Mirosław, Sosnowiec. Wszelkie prawa zastrzeżone."
|
||||
bottomRightText="Wyrób Rękawic i Konfekcji Technicznej"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user