Update src/app/page.tsx

Merge version_1 into main

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>
+  );
+}

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>
+  );
+}

src/app/page.tsx

@@ -287,7 +287,7 @@ export default function LandingPage() {
       <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."
+      description="Máte zájem o spolupráci nebo potřebujete konzultaci ohledně vašeho projektu? Vyplňte formulář a my se vám brzy ozveme. Případně nás můžete kontaktovat přímo pomocí následujících údajů:\n\nAdresa: Průmyslová 123, 108 00 Praha 10, Česká republika\nTelefon: +420 123 456 789\nE-mail: info@compositecomponents.eu"
       inputs={[
         {
           name: "name",          type: "text",          placeholder: "Jméno a příjmení",          required: true,

src/app/reference/page.tsx

@@ -0,0 +1,73 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Facebook, Linkedin } from "lucide-react";
+
+export default function ReferencePage() {
+  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="reference" data-section="reference">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={true}
+            names={[
+              "Automotive Group",              "Tech Solutions",              "Aero Composites",              "Industrial Innovations",              "Green Energy Co.",              "Electro Systems",              "Construction Partners"
+            ]}
+            title="Naši partneři a certifikace"
+            description="Spolupracujeme s předními společnostmi v automobilovém, leteckém a průmyslovém sektoru. Jsme hrdí na naše partnerství a dodržování nejpřísnějších standardů kvality."
+          />
+        </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>
+  );
+}

src/app/technologie/page.tsx

@@ -0,0 +1,99 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Facebook, Linkedin } from "lucide-react";
+
+export default function TechnologiePage() {
+  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="products" data-section="products">
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={true}
+            carouselMode="buttons"
+            products={[
+              {
+                id: "cnc-robot",                name: "6+1 (+1) osý CNC robot",                price: "Průmyslová přesnost",                variant: "Dosah 2,85 m, 2 pracovní stanice, Max. velikost dílů 2,5 x 2,5 m",                imageSrc: "http://img.b2bpic.net/free-photo/box-conveyor-belt_23-2152001541.jpg",                imageAlt: "Průmyslový CNC robot"
+              },
+              {
+                id: "paint-booth-primer",                name: "Lakovna - Primer",                price: "Optimální příprava",                variant: "1 lakovací box 7 x 4 x 2,8 m, 1 sušící box 6 x 4 x 2,8 m",                imageSrc: "http://img.b2bpic.net/free-photo/service-worker-painting-car-auto-service_23-2149487028.jpg",                imageAlt: "Lakovací box pro primer"
+              },
+              {
+                id: "paint-booth-finish",                name: "Lakovna - Finální lak",                price: "Perfektní povrch",                variant: "1 lakovací box 7 x 4 x 2,8 m, 1 sušící box 6 x 4 x 2,8 m, Systém mokrého lakování",                imageSrc: "http://img.b2bpic.net/free-photo/sprayer-painting-cars-automotive-industry_146671-14929.jpg",                imageAlt: "Lakovací robot pro finální lak"
+              },
+              {
+                id: "hpl-panels",                name: "Stropní HPL panely",                price: "Všestranná výroba",                variant: "Výroba pro různé průmyslové aplikace",                imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418539.jpg",                imageAlt: "Stropní HPL panely"
+              },
+              {
+                id: "cnc-milling-wood",                name: "CNC frézování (překližky, dřevo)",                price: "Dřevoobrábění",                variant: "Precizní opracování dřevěných dílů a překližek",                imageSrc: "http://img.b2bpic.net/free-photo/artisan-doing-woodcutting_23-2150600789.jpg",                imageAlt: "CNC frézování dřeva"
+              },
+              {
+                id: "cnc-milling-covers",                name: "CNC opracování krytů světel",                price: "Automobilové komponenty",                variant: "Přesné frézování krytů světel pro automobilový průmysl",                imageSrc: "http://img.b2bpic.net/free-photo/pharmacy-industry-factory-man-worker-protective-clothing-sterile-working-conditions-operating-pharmaceutical-equipment_645730-456.jpg",                imageAlt: "CNC opracování krytů světel"
+              },
+              {
+                id: "pp-wheel-covers",                name: "PP kryty kol",                price: "Funkční design",                variant: "Výroba odolných krytů kol z polypropylenu",                imageSrc: "http://img.b2bpic.net/free-photo/close-up-perforated-fabric_23-2149894564.jpg",                imageAlt: "PP kryty kol"
+              },
+              {
+                id: "airex-milling",                name: "Airex, formátování a CNC frézování",                price: "Lehké materiály",                variant: "Opracování lehkých sendvičových materiálů Airex s vysokou přesností",                imageSrc: "http://img.b2bpic.net/free-photo/big-white-bubbles_23-2147933815.jpg",                imageAlt: "CNC frézování Airexu"
+              }
+            ]}
+            title="Špičkové vybavení pro precizní výrobu"
+            description="Disponujeme moderními CNC roboty a lakovnami, které nám umožňují dosahovat nejvyšší kvality a efektivity ve výrobních procesech."
+          />
+        </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>
+  );
+}

src/app/vyroba/page.tsx

@@ -0,0 +1,139 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Facebook, Filter, Gauge, Link, Linkedin, Paintbrush, Wrench, Wind } from "lucide-react";
+
+export default function VyrobaPage() {
+  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="features" data-section="features">
+          <FeatureCardTwentyFive
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              {
+                title: "Ruční laminace",                description: "Tradiční a osvědčená metoda pro detailní a komplexní tvary s vysokou kontrolou kvality.",                icon: Wrench,
+                mediaItems: [
+                  {
+                    imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-hand-with-bicycle-parts-workshop_23-2147892661.jpg",                    imageAlt: "Ruční laminace kompozitního dílu"
+                  },
+                  {
+                    imageSrc: "http://img.b2bpic.net/free-photo/male-barber-with-latex-gloves-holding-water-spray-razor-blade_23-2148985746.jpg",                    imageAlt: "Ruční laminace kompozitního dílu"
+                  }
+                ]
+              },
+              {
+                title: "RTM (lehké RTM)",                description: "Pokročilá technologie pro uzavřené formy zajišťující vysokou rozměrovou přesnost a pevnost.",                icon: Link,
+                mediaItems: [
+                  {
+                    imageSrc: "http://img.b2bpic.net/free-photo/view-perforated-sheet-material-with-tiny-holes_23-2150185453.jpg",                    imageAlt: "RTM technologie v provozu"
+                  },
+                  {
+                    imageSrc: "http://img.b2bpic.net/free-photo/top-view-microperforated-sheets-still-life_23-2150260355.jpg",                    imageAlt: "RTM technologie v provozu"
+                  }
+                ]
+              },
+              {
+                title: "Vakuově vypěňovací technologie",                description: "Použití vakua pro eliminaci vzduchových bublin a optimalizaci distribuce pryskyřice v kompozitu.",                icon: Filter,
+                mediaItems: [
+                  {
+                    imageSrc: "http://img.b2bpic.net/free-photo/person-doing-home-covid-test_23-2149106736.jpg",                    imageAlt: "Vakuová vypěňovací technologie"
+                  },
+                  {
+                    imageSrc: "http://img.b2bpic.net/free-photo/cosmonaut-doing-selfies-with-smartphone-mars-expedition_482257-126601.jpg",                    imageAlt: "Vakuová vypěňovací technologie"
+                  }
+                ]
+              },
+              {
+                title: "Studené lisování",                description: "Efektivní metoda pro sériovou výrobu dílů s konstantními vlastnostmi a rychlým cyklem.",                icon: Gauge,
+                mediaItems: [
+                  {
+                    imageSrc: "http://img.b2bpic.net/free-photo/medical-laboratory_181624-252.jpg",                    imageAlt: "Lisování kompozitních dílů za studena"
+                  },
+                  {
+                    imageSrc: "http://img.b2bpic.net/free-photo/close-up-component-wrench_23-2148796586.jpg",                    imageAlt: "Lisování kompozitních dílů za studena"
+                  }
+                ]
+              },
+              {
+                title: "Laminace \"pod plachetkou\"",                description: "Speciální technika pro velké a složité díly, zajišťující rovnoměrné prosycení a vysokou kvalitu povrchu.",                icon: Wind,
+                mediaItems: [
+                  {
+                    imageSrc: "http://img.b2bpic.net/free-photo/top-view-microperforated-sheets-still-life_23-2150260337.jpg",                    imageAlt: "Laminace pod plachetkou velkých kompozitů"
+                  },
+                  {
+                    imageSrc: "http://img.b2bpic.net/free-photo/beautiful-water-concept-with-shades-waves_23-2148231741.jpg",                    imageAlt: "Laminace pod plachetkou velkých kompozitů"
+                  }
+                ]
+              },
+              {
+                title: "Gelcoat a Mokré lakování",                description: "Komplexní povrchové úpravy pro ochranu, estetiku a finální vzhled dílů podle nejvyšších standardů.",                icon: Paintbrush,
+                mediaItems: [
+                  {
+                    imageSrc: "http://img.b2bpic.net/free-photo/close-up-different-color-eye-shadows_23-2147878860.jpg",                    imageAlt: "Aplikace Gelcoatu na kompozit"
+                  },
+                  {
+                    imageSrc: "http://img.b2bpic.net/free-photo/hand-spraying-powder-paint-from-gun-side-view_23-2149878765.jpg",                    imageAlt: "Mokré lakování automobilových dílů"
+                  }
+                ]
+              }
+            ]}
+            title="Naše pokročilé výrobní technologie a operace"
+            description="Využíváme širokou škálu inovativních technologií a precizních výrobních operací k zajištění nejvyšší kvality a efektivity při výrobě kompozitních dílů."
+          />
+        </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>
+  );
+}