Merge pull request #33 from Jittojoyes98/develop

fix: changes to image url.

src/HomePage/index.jsx

@@ -1,11 +1,12 @@
 import React from "react";
+import { ImageAssets } from "../_helpers/images";
 
 const HomePage = () => {
   return (
     <div className="home-wrapper">
       <div className="home-main">
         <section data-testid="homepage-hero" className="home-hero-section">
-          <img src={`./hero-poster.webp`} alt="hero image" />
+          <img src={ImageAssets.droformImage} alt="hero image" />
           <div className="centre-div-vertical">
             <div>
               <h1 className="big-header">Welcome to dropform</h1>

src/_helpers/images.js

@@ -1,5 +1,10 @@
 import LogoSvg from "../../assets/logo.svg";
+import HeroImage from "../../assets/hero-poster.png";
 
 export const SvgAssets = {
   dropformLogo: LogoSvg,
 };
+
+export const ImageAssets = {
+  droformImage: HeroImage,
+};

src/_layout/Header.jsx

@@ -187,9 +187,12 @@ const Header = ({ layout }) => {
             className="dropform-svg"
             style={{ width: "30px", height: "30px" }}
           />
-          <p className="logo-text-light margin-rl-fix full-height centre-div">
+          <a
+            href="/"
+            className="logo-text-light margin-rl-fix full-height centre-div"
+          >
             Dropform
-          </p>
+          </a>
         </>
       );
     } else {

src/_styles/theme.scss

@@ -60,6 +60,7 @@ ul {
 
 a {
   text-decoration: none;
+  color: $body-text-color;
 }
 
 button {

webpack.config.js

@@ -61,7 +61,9 @@ module.exports = (env) => {
         {
           test: /\.(png|woff|woff2|eot|ttf|svg)$/, // to import images and fonts
           loader: "url-loader",
-          options: { limit: false },
+          options: {
+            limit: false,
+          },
         },
       ],
     },