- {props.content3} -
Phone
-- {props.content4} -
Office
-- {props.content5} -
-
- )
-}
-
-FAQ1.defaultProps = {
- faq4Answer:
- 'Yes, you can view the weather forecast for the upcoming days to plan ahead.',
- faq5Question: 'How accurate is the weather data provided?',
- action1: 'Contact',
- faq1Question: 'How do I search for weather information?',
- faq4Question: 'Can I view the weather forecast for multiple days?',
- faq3Answer:
- 'Yes, the weather information is updated in real-time to provide you with the most accurate data.',
- faq3Question: 'Is the weather information updated in real-time?',
- content1:
- 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.',
- content2: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. ',
- heading2: 'Still have a question?',
- heading1: 'FAQs',
- faq5Answer:
- 'The weather data is sourced from reliable sources to provide accurate and up-to-date information.',
- faq1Answer:
- 'You can input the city and country, or the latitude and longitude of the city in the search bar to get weather information.',
- faq2Answer:
- 'Yes, you can create an account and save your favorite cities for quick access to their weather information.',
- faq2Question: 'Can I save my favorite cities for quick access?',
-}
-
-FAQ1.propTypes = {
- faq4Answer: PropTypes.string,
- faq5Question: PropTypes.string,
- action1: PropTypes.string,
- faq1Question: PropTypes.string,
- faq4Question: PropTypes.string,
- faq3Answer: PropTypes.string,
- faq3Question: PropTypes.string,
- content1: PropTypes.string,
- content2: PropTypes.string,
- heading2: PropTypes.string,
- heading1: PropTypes.string,
- faq5Answer: PropTypes.string,
- faq1Answer: PropTypes.string,
- faq2Answer: PropTypes.string,
- faq2Question: PropTypes.string,
-}
-
-export default FAQ1
diff --git a/frontend/src/components/footer15.css b/frontend/src/components/footer15.css
index e996d8e0c94c9d5ccb25644d46a2a7aaf4c364a0..d9b1b5a1c32a160328415a36d25e5b269032c817 100644
--- a/frontend/src/components/footer15.css
+++ b/frontend/src/components/footer15.css
@@ -76,7 +76,7 @@
flex-direction: column;
}
.footer15-image1 {
- height: 4rem;
+ height: 6rem;
}
.footer15-social-links {
gap: var(--dl-space-space-twounits);
diff --git a/frontend/src/components/footer15.js b/frontend/src/components/footer15.js
index 334ab85511e718c328af67a05570b47f1819069d..7b72f34b5a92fa42f4efd80570f8d81d71571ff4 100644
--- a/frontend/src/components/footer15.js
+++ b/frontend/src/components/footer15.js
@@ -32,35 +32,40 @@ const Footer15 = (props) => {
-
-
-
- {props.heading1}
-{props.content1}
-
-
-
-
- - {props.faq1Question} -
- {props.faq1Answer} -
-
- - {props.faq2Question} -
- {props.faq2Answer} -
-
- - {props.faq3Question} -
- {props.faq3Answer} -
-
- - {props.faq4Question} -
- {props.faq4Answer} -
-
- - {props.faq5Question} -
- {props.faq5Answer} -
-
-
-
- {props.heading2}
-{props.content2}
-
-
-
-
-
@@ -91,7 +96,6 @@ Footer15.defaultProps = {
copyright: "© 2024 Weather Applikation. All rights reserved.",
privacyLink: "Privacy Policy",
termsLink: "Terms of Use",
- logoSrc: "../frontend/public/external/HFT-Logo.png",
content2: "Stay updated with the latest weather information.",
logoAlt: "HFT-Logo",
content1: "Get accurate weather forecasts for any location.",
diff --git a/frontend/src/components/navbar4.js b/frontend/src/components/navbar4.js
index 28ed99d46fecebb1071ff06129478c600858ba4a..f465fef399baf88f25dd96a32b158ded4c660803 100644
--- a/frontend/src/components/navbar4.js
+++ b/frontend/src/components/navbar4.js
@@ -21,15 +21,18 @@ const Navbar4 = (props) => {
>
{props.link1}
- {props.link2}
- {props.link3}
+ (window.location.href = "/about")}>{props.link2}
+ (window.location.href = "/contact")}>{props.link3}
(window.location.href = "/data")}
>
{props.link4}
- {props.link5}
+ (window.location.href = "/historicalweather")}>{props.link5}
@@ -42,8 +45,8 @@ const Navbar4 = (props) => {
};
Navbar4.defaultProps = {
- link5: "Link5",
- link4: "Data",
+ link5: "Historical weather",
+ link4: "Current Weather",
link3: "Contact",
link2: "About",
link1: "Home",
diff --git a/frontend/src/index.js b/frontend/src/index.js
index 2558b7b2e645b65d632e7d722eddc31a6e47e9ce..3578f5a1af8be82a0e4dd8e5f32d3f5fe832527d 100644
--- a/frontend/src/index.js
+++ b/frontend/src/index.js
@@ -10,14 +10,20 @@ import {
import "./style.css";
import Home from "./views/home";
import Data from "./views/data";
+import About from "./views/about";
+import Contact from "./views/contact";
import NotFound from "./views/not-found";
+import Historicalweather from "./views/historicalweather";
const App = () => {
return (
diff --git a/frontend/src/views/about.css b/frontend/src/views/about.css
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/frontend/src/views/about.js b/frontend/src/views/about.js
new file mode 100644
index 0000000000000000000000000000000000000000..9686191d15d0f58a0c4663403d62f683a39983e5
--- /dev/null
+++ b/frontend/src/views/about.js
@@ -0,0 +1,23 @@
+import React from "react";
+
+import Navbar4 from "../components/navbar4";
+import Footer15 from "../components/footer15";
+import "./home.css";
+
+const About = (props) => {
+ //JS Code
+
+ return (
+
+
+ );
+};
+
+export default About;
\ No newline at end of file
diff --git a/frontend/src/views/contact.css b/frontend/src/views/contact.css
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/frontend/src/views/contact.js b/frontend/src/views/contact.js
new file mode 100644
index 0000000000000000000000000000000000000000..67d852754a3c5e12dcd31fd819a20105c0eb187c
--- /dev/null
+++ b/frontend/src/views/contact.js
@@ -0,0 +1,23 @@
+import React from "react";
+
+import Navbar4 from "../components/navbar4";
+import Footer15 from "../components/footer15";
+import "./home.css";
+
+const Contact = (props) => {
+ //JS Code
+
+ return (
+
+
+
+
+
+
+
+ );
+};
+
+export default Contact;
\ No newline at end of file
diff --git a/frontend/src/views/historicalweather.css b/frontend/src/views/historicalweather.css
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/frontend/src/views/historicalweather.js b/frontend/src/views/historicalweather.js
new file mode 100644
index 0000000000000000000000000000000000000000..9184d7b74819eefc8110199e6b958ad3b1d58b26
--- /dev/null
+++ b/frontend/src/views/historicalweather.js
@@ -0,0 +1,23 @@
+import React from "react";
+
+import Navbar4 from "../components/navbar4";
+import Footer15 from "../components/footer15";
+import "./home.css";
+
+const Historicalweather = (props) => {
+ //JS Code
+
+ return (
+
+
+
+
+
+
+
+ );
+};
+
+export default Historicalweather;
\ No newline at end of file
diff --git a/frontend/src/views/home.js b/frontend/src/views/home.js
index a4e0520b556143b9b5a360f8508303fa84ffdb67..245409a37a1ddb4a6fc7e2c6367c1205e2714bda 100644
--- a/frontend/src/views/home.js
+++ b/frontend/src/views/home.js
@@ -10,7 +10,6 @@ import Features17 from "../components/features17";
import Features18 from "../components/features18";
import Features171 from "../components/features171";
import CTA1 from "../components/cta1";
-import FAQ1 from "../components/faq1";
import Contact4 from "../components/contact4";
import Footer15 from "../components/footer15";
import "./home.css";
@@ -46,9 +45,6 @@ const Home = (props) => {
+
+
+
+
+
-