Add src/app/kontakt/page.tsx

2026-06-03 15:13:18 +00:00
parent 26a9d7adbc
commit b39d1e1a23
1 changed files with 87 additions and 0 deletions
--- a/src/app/kontakt/page.tsx
+++ 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>
+  );
+}