@@ -342,7 +359,7 @@ class Footer extends React.PureComponent {
}
}
-export default Footer;
+export default withRouter(Footer);
/**
* SPDX-License-Identifier: (EUPL-1.2)
diff --git a/src/components/molecules/Navbar/index.jsx b/src/components/molecules/Navbar/index.jsx
index 149d4b9..8648dcb 100644
--- a/src/components/molecules/Navbar/index.jsx
+++ b/src/components/molecules/Navbar/index.jsx
@@ -1,7 +1,7 @@
//> React
// Contains all the functionality necessary to define React components
import React from "react";
-import { withRouter, Link } from "react-router-dom";
+import { withRouter } from "react-router-dom";
//> MDB
// "Material Design for Bootstrap" is a great UI design framework
@@ -45,19 +45,6 @@ class Navbar extends React.Component {
this.state.collapseID === collapseID && this.setState({ collapseID: "" });
};
- // Get navbar mode
- getMode = () => {
- let opts = {};
-
- if (this.props.darkMode) {
- opts["dark"] = "dark";
- } else {
- opts["light"] = "light";
- }
-
- return opts;
- };
-
render() {
const overlay = (
-
- Kostenlose Analyse
-
+ {location.pathname === "/" ? (
+
+ Kostenlose Analyse
+
+ ) : (
+
+ Kostenlose Analyse
+
+ )}
{location.pathname === "/" ? (
diff --git a/src/components/organisms/sections/CallToAction/callToAction.scss b/src/components/organisms/sections/CallToAction/callToAction.scss
index b14161e..58cccf2 100644
--- a/src/components/organisms/sections/CallToAction/callToAction.scss
+++ b/src/components/organisms/sections/CallToAction/callToAction.scss
@@ -2,6 +2,13 @@
// Hide overflow once the animation can exceed the width sometimes
overflow: hidden;
+ // Mobile view moon
+ .mobile-moon{
+ max-height: 100px;
+ left: 10%;
+ margin: auto;
+ }
+
padding-top: 7.5rem;
padding-bottom: 7.5rem;
h2 {
diff --git a/src/components/organisms/sections/CallToAction/index.jsx b/src/components/organisms/sections/CallToAction/index.jsx
index 5a9582b..ce94d2e 100644
--- a/src/components/organisms/sections/CallToAction/index.jsx
+++ b/src/components/organisms/sections/CallToAction/index.jsx
@@ -2,7 +2,7 @@
// Contains all the functionality necessary to define React components
import React from "react";
// React Router DOM bindings
-import { Link } from "react-router-dom";
+//import { Link } from "react-router-dom";
//> Additional libraries
// Parallax
@@ -10,7 +10,15 @@ import { Parallax } from "react-scroll-parallax";
//> MDB
// "Material Design for Bootstrap" is a great UI design framework
-import { MDBRow, MDBCol, MDBBtn, MDBView, MDBIcon, MDBMask } from "mdbreact";
+import {
+ MDBRow,
+ MDBCol,
+ MDBBtn,
+ MDBView,
+ MDBIcon,
+ MDBMask,
+ MDBSmoothScroll,
+} from "mdbreact";
//> Images
// Rocket
@@ -25,7 +33,7 @@ class CallToAction extends React.Component {
const { darkMode } = this.props;
return (
-
+
@@ -53,22 +61,26 @@ class CallToAction extends React.Component {
Es ist einfach, jetzt zu starten!
Und der Einstieg und die Erstberatung sind kostenlos.
-
+
Jetzt starten
-
+
-
+
-
+
+
+
+
+
diff --git a/src/components/organisms/sections/ContactForm/index.jsx b/src/components/organisms/sections/ContactForm/index.jsx
index a8cea3b..fbdd166 100644
--- a/src/components/organisms/sections/ContactForm/index.jsx
+++ b/src/components/organisms/sections/ContactForm/index.jsx
@@ -2,7 +2,7 @@
// Contains all the functionality necessary to define React components
import React from "react";
// Router
-import { Link } from "react-router-dom";
+import { Redirect } from "react-router-dom";
//> MDB
// "Material Design for Bootstrap" is a great UI design framework
@@ -10,7 +10,6 @@ import {
MDBRow,
MDBCol,
MDBBtn,
- MDBView,
MDBContainer,
MDBCard,
MDBCardBody,
@@ -21,6 +20,12 @@ import {
//> Images
// To be added
+//> Redux
+// Connect
+import { connect } from "react-redux";
+// Actions
+import { createContact } from "../../../../store/actions/contactActions";
+
//> CSS
import "./contactForm.scss";
@@ -47,22 +52,36 @@ class ContactForm extends React.Component {
});
};
+ handleSubmit = (e) => {
+ e.preventDefault();
+
+ this.props.createContact({
+ fullname: this.state.fullname,
+ email: this.state.email,
+ phone: this.state.phone,
+ note: this.state.note,
+ });
+ };
+
render() {
- const { darkMode } = this.props;
+ const { darkMode, contact } = this.props;
+
+ // Check if sent and redirect
+ if (contact.contactSuccess) return ;
return (
-
+
Kontakt aufnehmen
- Du hast eine Projektidee und bist Dir nicht sicher um deren
- Umsetzung? Du benötigst einen Web-Shop, Imagefilm, eine
- Website oder eine individuelle Applikation? Zögere nicht und
- kontaktiere uns.
+ Du hast eine Projektidee und bist Dir nicht sicher bezüglich
+ deren Umsetzung? Du benötigst einen Web-Shop, Imagefilm,
+ eine Website oder eine individuelle Applikation? Zögere
+ nicht und kontaktiere uns.