Add src/app/opening-hours/page.tsx

src/app/opening-hours/page.tsx

@@ -0,0 +1,59 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import TextAbout from '@/components/sections/about/TextAbout';
+import { Clock } from "lucide-react";
+
+export default function OpeningHoursPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="mediumLarge"
+        sizing="mediumLargeSizeLargeTitles"
+        background="noise"
+        cardStyle="solid"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="layered"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+  <div id="nav" data-section="nav">
+      <NavbarStyleApple
+      navItems={[
+        {
+          name: "Home",          href: "/"},
+        {
+          name: "O Nás",          href: "/#about"},
+        {
+          name: "Služby",          href: "/#services"},
+        {
+          name: "Proč My",          href: "/#why-us"},
+        {
+          name: "Otevírací doba",          href: "/opening-hours"},
+        {
+          name: "FAQ",          href: "/#faq"},
+        {
+          name: "Kontakt",          href: "/#contact"},
+      ]}
+      brandName="AQUA AD, s.r.o."
+    />
+  </div>
+
+  <div id="opening-hours" data-section="opening-hours">
+      <TextAbout
+      useInvertedBackground={false}
+      tag="Otevírací Doba"
+      tagIcon={Clock}
+      tagAnimation="slide-up"
+      title="Naše otevírací doba"
+      description="Pondělí - Pátek: 8:00 - 17:00\nSobota: 9:00 - 13:00\nNeděle: Zavřeno\n\nPro naléhavé případy a po domluvě jsme k dispozici i mimo standardní otevírací dobu."
+    />
+  </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}