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

---
 src/app/o-nas/page.tsx | 84 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 84 insertions(+)
 create mode 100644 src/app/o-nas/page.tsx

diff --git a/src/app/o-nas/page.tsx b/src/app/o-nas/page.tsx
new file mode 100644
index 0000000..c28a299
--- /dev/null
+++ b/src/app/o-nas/page.tsx
@@ -0,0 +1,84 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Facebook, Linkedin } from "lucide-react";
+
+export default function ONasPage() {
+  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="about" data-section="about">
+          <SplitAbout
+            textboxLayout="default"
+            useInvertedBackground={true}
+            title="O společnosti Composite Components a.s."
+            description="Jsme předním výrobcem kompozitních dílů a komponentů s dlouholetými zkušenostmi v automobilovém průmyslu. Naše expertiza zahrnuje celý výrobní cyklus od návrhu forem a modelů až po finální dokončení a expedici. Zakládáme si na inovacích, kvalitě a flexibilitě, abychom splnili i ty nejnáročnější požadavky našich klientů."
+            bulletPoints={[
+              {
+                title: "Kompletní výrobní cyklus",                description: "Od návrhu modelu přes laminaci forem až po odzkoušení prvního dílu."
+              },
+              {
+                title: "Moderní technologie laminace",                description: "Ruční laminace, RTM (lehké RTM), vakuově vypěňovací technologie, studené lisování a laminace pod plachetkou."
+              },
+              {
+                title: "Špičkové povrchové úpravy",                description: "Gelcoat a mokré lakování pro perfektní vzhled a odolnost."
+              }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/company-manager-african-american-worker-cooperating-while-analzying-production-plans-meeting-factory_637285-4138.jpg"
+            imageAlt="Tým pracovníků v průmyslovém prostředí"
+            mediaAnimation="slide-up"
+          />
+        </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>
+  );
+}