import React from "react";

import { Helmet } from "react-helmet";

import Navbar4 from "../components/homepage/navbar4";
import Hero3 from "../components/homepage/hero3";
import Logos1 from "../components/homepage/logos1";
import Gallery1 from "../components/homepage/gallery1";
import Features17 from "../components/homepage/features17";
import Features18 from "../components/homepage/features18";
import Features171 from "../components/homepage/features171";
import CTA1 from "../components/homepage/cta1";
import Contact4 from "../components/homepage/contact4";
import Footer15 from "../components/homepage/footer15";
import "./home.css";

const Home = (props) => {
  return (
    <div className="home-container">
      <Helmet>
        <title>Weather App</title>
        <meta property="og:title" content="Weather App" />
      </Helmet>
      <div className="home-navbar1">
        <Navbar4 rootClassName="navbar4-root-class-name"></Navbar4>
      </div>
      <div className="home-hero2">
        <Hero3></Hero3>
      </div>
      <div className="home-logos3">
        <Logos1></Logos1>
      </div>
      <div className="home-gallery4">
        <Gallery1></Gallery1>
      </div>
      <div className="home-features5">
        <Features17></Features17>
      </div>
      <div className="home-features6">
        <Features18></Features18>
      </div>
      <div className="home-features7">
        <Features171></Features171>
      </div>
      <div className="home-cta8">
        <CTA1></CTA1>
      </div>
      <div className="home-contact10">
        <Contact4></Contact4>
      </div>
      <div className="home-footer11">
        <Footer15></Footer15>
      </div>
    </div>
  );
};

export default Home;