init Project

theSchmiddi · Feb 2, 2024 · 009e009 · 009e009
1 parent a67d848
commit 009e009
Show file tree

Hide file tree

Showing 38 changed files with 759 additions and 97 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -8,6 +8,7 @@
     "@testing-library/user-event": "^13.5.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-router-dom": "^6.22.0",
     "react-scripts": "5.0.1",
     "web-vitals": "^2.1.4"
   },

diff --git a/public/images/fotoCard1.jpeg b/public/images/fotoCard1.jpeg
diff --git a/public/images/fotoCard2.jpeg b/public/images/fotoCard2.jpeg
diff --git a/public/images/fotoCard3.jpeg b/public/images/fotoCard3.jpeg
diff --git a/public/images/fotoCard4.jpeg b/public/images/fotoCard4.jpeg
diff --git a/public/images/hero-background.jpeg b/public/images/hero-background.jpeg
diff --git a/public/logo.svg b/public/logo.svg
diff --git a/src/App.css b/src/App.css
diff --git a/src/App.js b/src/App.js
diff --git a/src/App.test.js b/src/App.test.js
diff --git a/src/Routes/PageRouter.js b/src/Routes/PageRouter.js
@@ -0,0 +1,24 @@
+import React from 'react';
+import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
+
+import Homescreen from '../pages/Homescreen';
+import ServicesPage from '../pages/ServicesPages';
+import PhotoGalleryPage from '../pages/PhotoGalleryPage';
+import ContactUsPage from '../pages/ContactUsPage';
+import ImpressumPage from '../pages/ImpressumPage';
+
+function PageRouter() {
+  return (
+    <Router>
+      <Routes>
+        <Route path="/" element={<Homescreen />} />
+        <Route path="/services" element={<ServicesPage />} />
+        <Route path="/photogallery" element={<PhotoGalleryPage />} />
+        <Route path="/contactus" element={<ContactUsPage />} />
+        <Route path="/impressum" element={<ImpressumPage />} />
+      </Routes>
+    </Router>
+  );
+}
+
+export default PageRouter;
diff --git a/src/components/ContactForm/ContactForm.css b/src/components/ContactForm/ContactForm.css
@@ -0,0 +1,50 @@
+.contact-form {
+    max-width: 600px;
+    margin: 0 auto;
+}
+
+.contact-form input,
+.contact-form select,
+.contact-form textarea,
+.contact-form button {
+    width: 100%;
+    padding: 10px;
+    margin-bottom: 15px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+}
+
+.contact-form textarea {
+    height: 150px;
+}
+
+.contact-form button {
+    color: white;
+    background-color: #007bff;
+    border: none;
+    cursor: pointer;
+}
+
+.contact-form button:disabled {
+    background-color: #ccc;
+    cursor: not-allowed;
+}
+
+.submission-confirmation {
+    text-align: center;
+    padding: 20px;
+}
+
+.submission-confirmation div {
+    margin-top: 20px;
+}
+
+.submission-confirmation a {
+    display: inline-block;
+    margin: 0 10px;
+    padding: 10px 15px;
+    background-color: #007bff;
+    color: white;
+    text-decoration: none;
+    border-radius: 5px;
+}