Add src/app/reference/page.tsx

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