- {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.js b/frontend/src/components/footer15.js
index 334ab85..cd0b7ed 100644
--- a/frontend/src/components/footer15.js
+++ b/frontend/src/components/footer15.js
@@ -39,28 +39,33 @@ 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}
-
-
-
-
@@ -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 2558b7b..3578f5a 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 0000000..e69de29
diff --git a/frontend/src/views/about.js b/frontend/src/views/about.js
new file mode 100644
index 0000000..9686191
--- /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 0000000..e69de29
diff --git a/frontend/src/views/contact.js b/frontend/src/views/contact.js
new file mode 100644
index 0000000..67d8527
--- /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 0000000..e69de29
diff --git a/frontend/src/views/historicalweather.js b/frontend/src/views/historicalweather.js
new file mode 100644
index 0000000..9184d7b
--- /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 a4e0520..245409a 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) => {
+
+
+
+
+
-
@@ -96,7 +96,6 @@ Footer15.defaultProps = {
copyright: "© 2024 Weather Applikation. All rights reserved.",
privacyLink: "Privacy Policy",
termsLink: "Terms of Use",
- logoSrc: "/public/external/HFT-Logo.png",
content2: "Stay updated with the latest weather information.",
logoAlt: "HFT-Logo",
content1: "Get accurate weather forecasts for any location.",
--
GitLab