From b39d1e1a2392f1dd384c04d92e9bc6ec5f817ec6 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 3 Jun 2026 15:13:18 +0000
Subject: [PATCH] Add src/app/kontakt/page.tsx

---
 src/app/kontakt/page.tsx | 87 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 87 insertions(+)
 create mode 100644 src/app/kontakt/page.tsx

diff --git a/src/app/kontakt/page.tsx b/src/app/kontakt/page.tsx
new file mode 100644
index 0000000..8bd2d5f
--- /dev/null
+++ b/src/app/kontakt/page.tsx
@@ -0,0 +1,87 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Facebook, Linkedin } from "lucide-react";
+
+export default function KontaktPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="mediumLarge"
+        sizing="largeSmallSizeMediumTitles"
+        background="grid"
+        cardStyle="gradient-radial"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Úvod", id: "/" },
+              { name: "Výroba", id: "/vyroba" },
+              { name: "Technologie", id: "/technologie" },
+              { name: "O nás", id: "/o-nas" },
+              { name: "Reference", id: "/reference" },
+              { name: "Kontakt", id: "/kontakt" }
+            ]}
+            brandName="Composite Components"
+            button={{
+              text: "Dotaz",              href: "/kontakt"
+            }}
+          />
+        </div>
+
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={true}
+            title="Kontaktujte nás"
+            description="Máte zájem o spolupráci nebo potřebujete konzultaci ohledně vašeho projektu? Vyplňte formulář nebo nás kontaktujte přímo."
+            inputs={[
+              {
+                name: "name",                type: "text",                placeholder: "Jméno a příjmení",                required: true
+              },
+              {
+                name: "email",                type: "email",                placeholder: "E-mail",                required: true
+              },
+              {
+                name: "company",                type: "text",                placeholder: "Název společnosti",                required: false
+              }
+            ]}
+            textarea={{
+              name: "message",              placeholder: "Vaše zpráva",              rows: 5,
+              required: true
+            }}
+            imageSrc="http://img.b2bpic.net/free-photo/factory_23-2148098552.jpg"
+            imageAlt="Exteriér budovy Composite Components a.s."
+            mediaPosition="right"
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Composite Components"
+            copyrightText="© 2024 Composite Components, a.s. Všechna práva vyhrazena."
+            socialLinks={[
+              {
+                icon: Facebook,
+                href: "#",                ariaLabel: "Facebook"
+              },
+              {
+                icon: Linkedin,
+                href: "#",                ariaLabel: "LinkedIn"
+              }
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}