Merge pull request #1 from mamadfar/main

change the images directory to img

.gitignore

@@ -23,8 +23,8 @@ yarn-debug.log*
 yarn-error.log*
 
 # IDE
-.idea
-.vscode
+/idea
+/vscode
 
 # eslint
 .eslintcache

package.json

@@ -1,6 +1,6 @@
 {
-  "homepage": "https://mamadfar.github.io/gp3-ui",
-  "name": "gp3_first_ui",
+  "homepage": "https://mamadfar.github.io/gp3-ui/",
+  "name": "gp3-ui",
   "version": "0.1.0",
   "private": true,
   "dependencies": {

src/App.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
+import './App.scss';
 import {Footer, Blog, Possibility, Features, WhatGPT3, Header} from "./containers";
 import {Brand, CTA, Navbar} from "./components";
-import './App.scss';
 
 function App() {
     return (

src/components/brand/imports.ts

@@ -1,8 +1,8 @@
-import google from "../../assets/images/google.png";
-import slack from "../../assets/images/slack.png";
-import atlassian from "../../assets/images/atlassian.png";
-import dropbox from "../../assets/images/dropbox.png";
-import shopify from "../../assets/images/shopify.png";
+import google from "../../assets/img/google.png";
+import slack from "../../assets/img/slack.png";
+import atlassian from "../../assets/img/atlassian.png";
+import dropbox from "../../assets/img/dropbox.png";
+import shopify from "../../assets/img/shopify.png";
 
 export {
     google,

src/components/navbar/Navbar.tsx

@@ -1,6 +1,6 @@
 import {RiMenu3Line, RiCloseLine} from "react-icons/ri";
 import "./navbar.scss";
-import Logo from "../../assets/images/logo.svg";
+import Logo from "../../assets/img/logo.svg";
 import {useState} from "react";
 
 const Menu = () => (

src/containers/blog/imports.ts

@@ -1,8 +1,8 @@
-import blog01 from "../../assets/images/blog01.png";
-import blog02 from "../../assets/images/blog02.png";
-import blog03 from "../../assets/images/blog03.png";
-import blog04 from "../../assets/images/blog04.png";
-import blog05 from "../../assets/images/blog05.png";
+import blog01 from "../../assets/img/blog01.png";
+import blog02 from "../../assets/img/blog02.png";
+import blog03 from "../../assets/img/blog03.png";
+import blog04 from "../../assets/img/blog04.png";
+import blog05 from "../../assets/img/blog05.png";
 
 export {
     blog01,

src/containers/footer/Footer.tsx

@@ -1,5 +1,5 @@
 import "./footer.scss";
-import GPT3Logo from "../../assets/images/logo.svg"
+import GPT3Logo from "../../assets/img/logo.svg"
 
 const Footer = () => {
     return (

src/containers/header/Header.tsx

@@ -1,6 +1,6 @@
 import "./header.scss";
-import People from "../../assets/images/people.png";
-import AI from "../../assets/images/ai.png";
+import People from "../../assets/img/people.png";
+import AI from "../../assets/img/ai.png";
 
 const Header = () => {
     return (

src/containers/possibilty/Possibility.tsx

@@ -1,5 +1,5 @@
 import "./possibility.scss";
-import PossibilityImage from "../../assets/images/possibility.png"
+import PossibilityImage from "../../assets/img/possibility.png"
 
 const Possibility = () => {
     return (