Improve project structure.

New Project Structure:
  - Created reusable UI components (ServiceCard, AnimatedSection, SectionTitle)
  - Split large components into smaller, focused ones
  - Extracted shared hooks for common functionality
  - Organized constants into separate files

Key Improvements:
  - Hooks: useScrollNavigation, useScrollToSection, useCookieSettings
  - UI Components: Modular components for consistent styling and behavior
  - Constants: Centralized data management (ServicesData, NavigationData)
  - Component Split: Navbar, Hero, and Footer broken into logical sub-components

frontend/components/Navbar/DesktopNav.tsx

@@ -0,0 +1,32 @@
+'use client';
+
+import Link from 'next/link';
+import { Button } from '@/components/ui/button';
+import { ThemeToggle } from '@/components/theme-toggle';
+import { navLinks } from '@/constant/NavigationData';
+
+interface DesktopNavProps {
+    onNavClick: (id: string) => void;
+}
+
+export const DesktopNav = ({ onNavClick }: DesktopNavProps) => {
+    return (
+        <nav className="hidden lg:flex items-center gap-6">
+            {navLinks.map((link) => (
+                <button
+                    key={link.id}
+                    onClick={() => onNavClick(link.id)}
+                    className="cursor-pointer text-sm font-medium text-muted-foreground hover:text-primary transition-colors"
+                >
+                    {link.label}
+                </button>
+            ))}
+
+            <Button asChild>
+                <Link href="/contact">Kontakt</Link>
+            </Button>
+
+            <ThemeToggle />
+        </nav>
+    );
+};