added website navigation structur

frontend/src/components/Layout/Layout.tsx

@@ -0,0 +1,34 @@
+// frontend/src/components/Layout/Layout.tsx
+import React from 'react';
+import Navigation from './Navigation';
+import Footer from './Footer';
+
+interface LayoutProps {
+  children: React.ReactNode;
+}
+
+const Layout: React.FC<LayoutProps> = ({ children }) => {
+  return (
+    <div style={{ 
+      minHeight: '100vh', 
+      display: 'flex', 
+      flexDirection: 'column' 
+    }}>
+      <Navigation />
+      
+      <main style={{ 
+        flex: 1, 
+        padding: '20px',
+        maxWidth: '1200px',
+        margin: '0 auto',
+        width: '100%'
+      }}>
+        {children}
+      </main>
+      
+      <Footer />
+    </div>
+  );
+};
+
+export default Layout;