Merge version_1 into main #4

Merged
bender merged 2 commits from version_1 into main 2026-03-23 16:20:17 +00:00
2 changed files with 340 additions and 477 deletions

View File

@@ -2,225 +2,136 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterBase from '@/components/sections/footer/FooterBase';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
export default function ContactPage() {
const navItems = [
{
name: "Úvod", id: "/"
},
{
name: "Služby", id: "/services"
},
{
name: "Galerie", id: "/gallery"
},
{
name: "Reference", id: "/reviews"
},
{
name: "Kontakt", id: "/contact"
}
];
const themeProps = {
defaultButtonVariant: "text-shift", defaultTextAnimation: "background-highlight", borderRadius: "soft", contentWidth: "mediumSmall", sizing: "mediumSizeLargeTitles", background: "blurBottom", cardStyle: "inset", primaryButtonStyle: "flat", secondaryButtonStyle: "solid", headingFontWeight: "bold"
};
const contactSectionProps = {
"tag": "Kontaktujte nás", "title": "Získejte nezávaznou cenovou nabídku do 24 hodin!", "description": "Náš tým je připraven vám poradit a připravit individuální nabídku šitou na míru vašim potřebám. Kontaktujte nás ještě dnes.\n\n**Telefon:** 773 553 388\n**Adresa:** Husova 1622/10, 586 01 Jihlava\n**Otevírací doba:** Po-Pá 8:00 - 17:00", "background": {
"variant": "plain"
},
"mediaAnimation": "slide-up", "mediaPosition": "right", "imageSrc": "http://img.b2bpic.net/free-photo/finding-their-desitination-map_53876-24771.jpg", "imageAlt": "Map showing location of OKNOPLAST MP, s.r.o. in Jihlava", "inputPlaceholder": "Vaše jméno a příjmení", "buttonText": "Odeslat poptávku", "termsText": "Odesláním formuláře souhlasíte se zpracováním osobních údajů.", "useInvertedBackground": false
};
const footerSectionProps = {
"logoText": "OKNOPLAST MP, s.r.o.", "columns": [
{
"items": [
{
"label": "Úvod", "href": "/"
},
{
"label": "Služby", "href": "/services"
},
{
"label": "Galerie", "href": "/gallery"
},
{
"label": "Reference", "href": "/reviews"
},
{
"label": "Kontakt", "href": "/contact"
}
]
},
{
"items": [
{
"label": "Plastová okna", "href": "/services"
},
{
"label": "Vchodové dveře", "href": "/services"
},
{
"label": "Terasové dveře", "href": "/services"
},
{
"label": "Montáž a servis", "href": "/services"
}
]
},
{
"items": [
{
"label": "Telefon: 773 553 388", "href": "tel:773553388"
},
{
"label": "Email: info@plastovaoknajihlava.cz", "href": "mailto:info@plastovaoknajihlava.cz"
},
{
"label": "Adresa: Husova 1622/10, Jihlava", "href": "https://maps.app.goo.gl/example"
}
]
},
{
"items": [
{
"label": "O nás", "href": "/about"
},
{
"label": "Naše hodnocení", "href": "/reviews"
},
{
"label": "Kariéra", "href": "#"
}
]
},
{
"items": [
{
"label": "Zásady ochrany osobních údajů", "href": "#"
},
{
"label": "Cookies", "href": "#"
}
]
}
]
};
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="mediumSmall"
sizing="mediumSizeLargeTitles"
background="blurBottom"
cardStyle="inset"
primaryButtonStyle="flat"
secondaryButtonStyle="solid"
headingFontWeight="bold"
>
<ThemeProvider {...themeProps}>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Úvod",
id: "home",
href: "/",
},
{
name: "Služby",
id: "services",
href: "/services",
},
{
name: "Galerie",
id: "gallery",
href: "/gallery",
},
{
name: "Reference",
id: "reviews",
href: "/reviews",
},
{
name: "Kontakt",
id: "contact",
href: "/contact",
},
]}
brandName="OKNOPLAST MP, s.r.o."
button={{
text: "Získat nabídku",
href: "/contact",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={navItems}
brandName="OKNOPLAST MP, s.r.o."
button={{
text: "Získat nabídku", href: "/contact"
}}
/>
</div>
<div id="contact-form" data-section="contact-form">
<ContactSplitForm
useInvertedBackground={false}
title="Kontaktujte Nás Dnes!"
description="Máte otázky, potřebujete poradit nebo si přejete nezávaznou nabídku? Vyplňte formulář a my se vám ozveme zpět do 24 hodin."
inputs={[
{
name: "name",
type: "text",
placeholder: "Vaše jméno",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Váš e-mail",
required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Telefon (nepovinné)",
required: false,
},
]}
textarea={{
name: "message",
placeholder: "Vaše zpráva",
rows: 5,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-vector/flat-hungary-map-graphics_23-2148844981.jpg"
imageAlt="Mapa Jihlavy s vyznačeným místem"
mediaAnimation="slide-up"
mediaPosition="left"
buttonText="Odeslat zprávu"
/>
</div>
<div id="contact-cta" data-section="contact-cta">
<ContactSplit {...contactSectionProps} />
</div>
<div id="contact-faq" data-section="contact-faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Jak dlouho trvá montáž oken?",
content: "Doba montáže závisí na počtu a velikosti oken/dveří. Standardní výměna oken v běžném bytě trvá obvykle jeden den. U větších projektů je doba domluvena individuálně.",
},
{
id: "2",
title: "Poskytujete záruku na produkty a práci?",
content: "Ano, na všechny naše plastová okna a dveře poskytujeme standardní záruku dle zákona. Dále garantujeme kvalitu montážních prací s prodlouženou zárukou.",
},
{
id: "3",
title: "Je možné získat nezávaznou cenovou nabídku?",
content: "Samozřejmě! Kontaktujte nás prostřednictvím formuláře nebo telefonicky a rádi vám připravíme bezplatnou a nezávaznou cenovou nabídku na míru.",
},
{
id: "4",
title: "Nabízíte i barevné varianty oken?",
content: "Ano, kromě klasické bílé nabízíme širokou škálu barevných provedení a imitací dřeva, které dokonale sladíte s fasádou vašeho domu.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/silhouette-business-man-front-window_23-2147626388.jpg?_wi=4"
imageAlt="Obrázek montáže okna"
mediaAnimation="slide-up"
mediaPosition="right"
title="Často Kladené Otázky"
description="Zde naleznete odpovědi na nejčastější dotazy týkající se plastových oken, montáže, záruky a celého procesu spolupráce s námi."
faqsAnimation="slide-up"
/>
</div>
<div id="contact-metrics" data-section="contact-metrics">
<MetricCardFourteen
useInvertedBackground={true}
title="Důvěra a Zkušenosti, Které Můžete Vidět"
tag="Naše Čísla"
tagAnimation="slide-up"
metrics={[
{
id: "1",
value: "15+",
description: "Let zkušeností na trhu",
},
{
id: "2",
value: "500+",
description: "Spokojených zákazníků",
},
{
id: "3",
value: "9.8/10",
description: "Průměrné hodnocení služeb",
},
]}
metricsAnimation="blur-reveal"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Služby",
items: [
{
label: "Plastová okna",
href: "/services",
},
{
label: "Vchodové dveře",
href: "/services",
},
{
label: "Montáž a servis",
href: "/services",
},
{
label: "Poradenství",
href: "/services",
},
],
},
{
title: "O nás",
items: [
{
label: "Galerie",
href: "/gallery",
},
{
label: "Reference",
href: "/reviews",
},
{
label: "Kontakt",
href: "/contact",
},
],
},
{
title: "Kontakt",
items: [
{
label: "Napsat nám",
href: "/contact",
},
{
label: "Získat nabídku",
href: "/contact",
},
],
},
]}
logoText="OKNOPLAST MP"
copyrightText="© 2024 OKNOPLAST MP, s.r.o. Všechna práva vyhrazena."
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis {...footerSectionProps} />
</div>
</ReactLenis>
</ThemeProvider>
);

View File

@@ -2,277 +2,229 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Building, CheckCircle, Lock, Shield, ShieldCheck, Sun, PanelTopOpen, Hammer } from "lucide-react";
export default function GalleryPage() {
const navItems = [
{
name: "Úvod", id: "/"
},
{
name: "Služby", id: "/services"
},
{
name: "Galerie", id: "/gallery"
},
{
name: "Reference", id: "/reviews"
},
{
name: "Kontakt", id: "/contact"
}
];
const themeProps = {
defaultButtonVariant: "text-shift", defaultTextAnimation: "background-highlight", borderRadius: "soft", contentWidth: "mediumSmall", sizing: "mediumSizeLargeTitles", background: "blurBottom", cardStyle: "inset", primaryButtonStyle: "flat", secondaryButtonStyle: "solid", headingFontWeight: "bold"
};
const featureSectionProps = {
"title": "Naše služby", "description": "Nabízíme komplexní řešení pro vaše okna a dveře, od poradenství po kompletní montáž s důrazem na detail.", "features": [
{
"id": "1", "title": "Plastová okna", "description": "Široká nabídka plastových oken nejvyšší kvality s vynikajícími izolačními vlastnostmi a dlouhou životností.", "media": {
"imageSrc": "http://img.b2bpic.net/free-photo/silhouette-business-man-front-window_23-2147626388.jpg"
},
"items": [
{
"icon": CheckCircle,
"text": "Energetická účinnost"
},
{
"icon": Shield,
"text": "Bezpečnost"
}
],
"reverse": false
},
{
"id": "2", "title": "Vchodové dveře", "description": "Moderní vchodové dveře, včetně prémiových modelů Despiro, které kombinují styl a maximální zabezpečení.", "media": {
"imageSrc": "http://img.b2bpic.net/free-photo/modern-door-handle-keys-cylinder-blue-interior-door_169016-68877.jpg"
},
"items": [
{
"icon": Lock,
"text": "Design a styl"
},
{
"icon": ShieldCheck,
"text": "Vysoká odolnost"
}
],
"reverse": true
},
{
"id": "3", "title": "Terasové dveře", "description": "Praktická a elegantní řešení pro terasy a balkony, zajišťující plynulý přechod mezi interiérem a exteriérem.", "media": {
"imageSrc": "http://img.b2bpic.net/free-photo/girl-red-sports-uniform-practising-yoga-home_1157-34528.jpg"
},
"items": [
{
"icon": Sun,
"text": "Maximalizace světla"
},
{
"icon": PanelTopOpen,
"text": "Snadná manipulace"
}
],
"reverse": false
},
{
"id": "4", "title": "Montáž a zednické práce", "description": "Kompletní servis zahrnující odbornou montáž a následné zednické práce pro dokonalý výsledek bez starostí.", "media": {
"imageSrc": "http://img.b2bpic.net/free-photo/man-servant-washing-windows_23-2149530810.jpg"
},
"items": [
{
"icon": Hammer,
"text": "Profesionální instalace"
},
{
"icon": Building,
"text": "Kompletní zednické práce"
}
],
"reverse": true
}
],
"textboxLayout": "default", "animationType": "slide-up", "useInvertedBackground": false
};
const productSectionProps = {
"title": "Naše realizace", "description": "Prohlédněte si výběr našich dokončených projektů a inspirujte se pro váš domov.", "products": [
{
"id": "proj1", "name": "Rodinný dům Jihlava", "price": "", "variant": "Plastová okna", "imageSrc": "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-986.jpg"
},
{
"id": "proj2", "name": "Vchodové dveře Despiro", "price": "", "variant": "Moderní design", "imageSrc": "http://img.b2bpic.net/free-photo/village-landscape_1182-950.jpg"
},
{
"id": "proj3", "name": "Bytový komplex Třebíč", "price": "", "variant": "Kompletní výměna oken", "imageSrc": "http://img.b2bpic.net/free-photo/pretty-girl-sitting-window-sill-with-smartphone-hands_1153-3962.jpg"
},
{
"id": "proj4", "name": "Terasové dveře s posuvem", "price": "", "variant": "Maximální prosvětlení", "imageSrc": "http://img.b2bpic.net/free-photo/woman-home-using-laptop_23-2148933621.jpg"
},
{
"id": "proj5", "name": "Rekonstrukce fasády", "price": "", "variant": "Zednické práce", "imageSrc": "http://img.b2bpic.net/free-photo/weathered-red-brick-grey-concrete-wall-texture_632498-60824.jpg"
},
{
"id": "proj6", "name": "Nová okna pro chalupu", "price": "", "variant": "Styl a funkčnost", "imageSrc": "http://img.b2bpic.net/free-photo/old-rural-house-with-canopy-entrance_1268-15654.jpg"
}
],
"gridVariant": "three-columns-all-equal-width", "animationType": "slide-up", "textboxLayout": "default", "useInvertedBackground": true
};
const footerSectionProps = {
"logoText": "OKNOPLAST MP, s.r.o.", "columns": [
{
"items": [
{
"label": "Úvod", "href": "/"
},
{
"label": "Služby", "href": "/services"
},
{
"label": "Galerie", "href": "/gallery"
},
{
"label": "Reference", "href": "/reviews"
},
{
"label": "Kontakt", "href": "/contact"
}
]
},
{
"items": [
{
"label": "Plastová okna", "href": "/services"
},
{
"label": "Vchodové dveře", "href": "/services"
},
{
"label": "Terasové dveře", "href": "/services"
},
{
"label": "Montáž a servis", "href": "/services"
}
]
},
{
"items": [
{
"label": "Telefon: 773 553 388", "href": "tel:773553388"
},
{
"label": "Email: info@plastovaoknajihlava.cz", "href": "mailto:info@plastovaoknajihlava.cz"
},
{
"label": "Adresa: Husova 1622/10, Jihlava", "href": "https://maps.app.goo.gl/example"
}
]
},
{
"items": [
{
"label": "O nás", "href": "/about"
},
{
"label": "Naše hodnocení", "href": "/reviews"
},
{
"label": "Kariéra", "href": "#"
}
]
},
{
"items": [
{
"label": "Zásady ochrany osobních údajů", "href": "#"
},
{
"label": "Cookies", "href": "#"
}
]
}
]
};
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="mediumSmall"
sizing="mediumSizeLargeTitles"
background="blurBottom"
cardStyle="inset"
primaryButtonStyle="flat"
secondaryButtonStyle="solid"
headingFontWeight="bold"
>
<ThemeProvider {...themeProps}>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Úvod",
id: "home",
href: "/",
},
{
name: "Služby",
id: "services",
href: "/services",
},
{
name: "Galerie",
id: "gallery",
href: "/gallery",
},
{
name: "Reference",
id: "reviews",
href: "/reviews",
},
{
name: "Kontakt",
id: "contact",
href: "/contact",
},
]}
brandName="OKNOPLAST MP, s.r.o."
button={{
text: "Získat nabídku",
href: "/contact",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={navItems}
brandName="OKNOPLAST MP, s.r.o."
button={{
text: "Získat nabídku", href: "/contact"
}}
/>
</div>
<div id="gallery-hero" data-section="gallery-hero">
<HeroBillboardGallery
background={{
variant: "downward-rays-static",
}}
title="Naše Realizace v Jihlavě a Okolí"
description="Prohlédněte si výběr našich dokončených projektů a inspirujte se pro váš domov. Kvalita a preciznost v každém detailu, od rodinných domů po bytové komplexy."
buttons={[
{
text: "Získejte nabídku",
href: "/contact",
},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-986.jpg?_wi=2",
imageAlt: "Moderní rodinný dům s novými okny",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/village-landscape_1182-950.jpg?_wi=2",
imageAlt: "Elegantní vchodové dveře v domě",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-sitting-window-sill-with-smartphone-hands_1153-3962.jpg?_wi=2",
imageAlt: "Bytový dům s novou fasádou a okny",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-home-using-laptop_23-2148933621.jpg?_wi=3",
imageAlt: "Velké posuvné terasové dveře v interiéru",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/weathered-red-brick-grey-concrete-wall-texture_632498-60824.jpg?_wi=3",
imageAlt: "Renovace fasády domu s výměnou oken",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/old-rural-house-with-canopy-entrance_1268-15654.jpg?_wi=2",
imageAlt: "Historická chalupa s novými plastovými okny",
},
]}
mediaAnimation="slide-up"
/>
</div>
<div id="services-overview" data-section="services-overview">
<FeatureCardTen {...featureSectionProps} />
</div>
<div id="gallery-projects" data-section="gallery-projects">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
carouselMode="buttons"
features={[
{
id: "1",
title: "Moderní Rodinný Dům",
tags: [
"okna",
"dveře",
"instalace",
],
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-986.jpg?_wi=3",
imageAlt: "Moderní rodinný dům s novými okny",
},
{
id: "2",
title: "Rekonstrukce Vchodových Dveří",
tags: [
"dveře",
"bezpečnost",
],
imageSrc: "http://img.b2bpic.net/free-photo/village-landscape_1182-950.jpg?_wi=3",
imageAlt: "Detail moderních vchodových dveří",
},
{
id: "3",
title: "Bytový Komplex Jihlava",
tags: [
"okna",
"velké projekty",
],
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-sitting-window-sill-with-smartphone-hands_1153-3962.jpg?_wi=3",
imageAlt: "Bytová budova s novými okny",
},
{
id: "4",
title: "Instalace Terasových Dveří",
tags: [
"terasové dveře",
"velké prosklení",
],
imageSrc: "http://img.b2bpic.net/free-photo/woman-home-using-laptop_23-2148933621.jpg?_wi=4",
imageAlt: "Interiér s terasovými dveřmi",
},
{
id: "5",
title: "Obnova Fasády Domu",
tags: [
"fasáda",
"okna",
"rekonstrukce",
],
imageSrc: "http://img.b2bpic.net/free-photo/weathered-red-brick-grey-concrete-wall-texture_632498-60824.jpg?_wi=4",
imageAlt: "Exteriér domu s novou fasádou",
},
{
id: "6",
title: "Výměna Oken na Chalupě",
tags: [
"chalupa",
"historie",
"okna",
],
imageSrc: "http://img.b2bpic.net/free-photo/old-rural-house-with-canopy-entrance_1268-15654.jpg?_wi=3",
imageAlt: "Tradiční chalupa s novými okny",
},
]}
title="Přehled Vybraných Projektů"
description="Od moderních bytů po rodinné domy, naše okna a dveře zlepšují vzhled a funkčnost mnoha objektů. Každá realizace je důkazem našeho závazku k dokonalosti."
/>
</div>
<div id="project-gallery" data-section="project-gallery">
<ProductCardFour {...productSectionProps} />
</div>
<div id="gallery-details" data-section="gallery-details">
<FeatureCardTwentySix
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Precizní Montáž",
description: "Dbáme na přesnou a čistou montáž, která zajistí optimální funkčnost a dlouhou životnost vašich oken a dveří.",
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-business-man-front-window_23-2147626388.jpg?_wi=3",
imageAlt: "Precizní montáž oken",
buttonIcon: "ArrowRight",
buttonHref: "/services",
},
{
title: "Kvalitní Těsnění",
description: "Používáme špičkové těsnící materiály, které zaručují vynikající tepelné a zvukové izolační vlastnosti.",
imageSrc: "http://img.b2bpic.net/free-photo/modern-door-handle-keys-cylinder-blue-interior-door_169016-68877.jpg?_wi=2",
imageAlt: "Kvalitní těsnění dveří",
buttonIcon: "ArrowRight",
buttonHref: "/services",
},
{
title: "Estetika a Design",
description: "Naše produkty nejen chrání, ale také dotváří estetiku vašeho domova, s důrazem na moderní design a funkčnost.",
imageSrc: "http://img.b2bpic.net/free-photo/girl-red-sports-uniform-practising-yoga-home_1157-34528.jpg?_wi=2",
imageAlt: "Moderní design terasových dveří",
buttonIcon: "ArrowRight",
buttonHref: "/services",
},
]}
title="Detaily Naší Práce"
description="Každý projekt je pro nás výzvou, kterou přijímáme s odhodláním dodat nejlepší řešení. Zde jsou klíčové oblasti naší expertizy a standardy, které dodržujeme."
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Služby",
items: [
{
label: "Plastová okna",
href: "/services",
},
{
label: "Vchodové dveře",
href: "/services",
},
{
label: "Montáž a servis",
href: "/services",
},
{
label: "Poradenství",
href: "/services",
},
],
},
{
title: "O nás",
items: [
{
label: "Galerie",
href: "/gallery",
},
{
label: "Reference",
href: "/reviews",
},
{
label: "Kontakt",
href: "/contact",
},
],
},
{
title: "Kontakt",
items: [
{
label: "Napsat nám",
href: "/contact",
},
{
label: "Získat nabídku",
href: "/contact",
},
],
},
]}
logoText="OKNOPLAST MP"
copyrightText="© 2024 OKNOPLAST MP, s.r.o. Všechna práva vyhrazena."
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis {...footerSectionProps} />
</div>
</ReactLenis>
</ThemeProvider>
);