Update src/app/page.tsx

Merge version_3 into main

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

src/app/page.tsx

@@ -39,6 +39,8 @@ export default function LandingPage() {
           name: "Služby",          id: "services"},
         {
           name: "Proč My",          id: "why-us"},
+        {
+          name: "Otevírací doba",          href: "/opening-hours"},
         {
           name: "FAQ",          id: "faq"},
         {
@@ -99,6 +101,8 @@ export default function LandingPage() {
       description="Nabízíme široké spektrum služeb pro zajištění spolehlivého zásobování vodou a bezproblémové instalace."
       tag="Služby"
       tagIcon={Settings}
+      gridClassName="grid-cols-1 sm:grid-cols-2 lg:grid-cols-3"
+      cardClassName="p-4 border border-foreground/10 shadow-sm"
     />
   </div>
 
@@ -212,4 +216,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}