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/Footer/FooterSection.tsx

@@ -0,0 +1,26 @@
+'use client';
+
+import { motion } from 'framer-motion';
+import { ReactNode } from 'react';
+
+interface FooterSectionProps {
+    title: string;
+    children: ReactNode;
+    delay: number;
+}
+
+export const FooterSection = ({ title, children, delay }: FooterSectionProps) => {
+    return (
+        <motion.div
+            initial={{ opacity: 0, y: 10 }}
+            whileInView={{ opacity: 1, y: 0 }}
+            viewport={{ once: true }}
+            transition={{ duration: 0.5, delay }}
+        >
+            <h3 className="text-lg font-semibold mb-4">{title}</h3>
+            <ul className="space-y-3 text-sm text-gray-300">
+                {children}
+            </ul>
+        </motion.div>
+    );
+};