diff --git a/package.json b/package.json index d26b080..edca288 100644 --- a/package.json +++ b/package.json @@ -42,7 +42,7 @@ }, "scripts": { "start": "react-scripts start", - "build": "react-scripts build", + "build": "react-scripts build && echo '/* /index.html 200' | cat >build/_redirects", "test": "react-scripts test", "eject": "react-scripts eject" }, diff --git a/src/App.js b/src/App.js index 1a630c9..fe612da 100644 --- a/src/App.js +++ b/src/App.js @@ -32,6 +32,7 @@ import Payment from "./component/Payment"; import Summary from "./component/Summary"; import Dashboard from "./Dashbrd/Dashbrd"; import ContactUS from "./components/ContactUs"; +import About from "./component/AboutUs"; function App() { return ( @@ -76,6 +77,7 @@ function App() { }/> }/> }/> + }/> diff --git a/src/Dashbrd/Retailer.js b/src/Dashbrd/Retailer.js index a713cd5..662c762 100644 --- a/src/Dashbrd/Retailer.js +++ b/src/Dashbrd/Retailer.js @@ -5,7 +5,7 @@ import DeleteIcon from '@mui/icons-material/Delete'; import Button from '@mui/material/Button'; const columns: GridColDef[] = [ - { field: 'id', headerName: 'ID', width: 150 }, + { field: 'Names', headerName: 'Names', width: 120 }, {field:"price",headerName:"price",width:132}, {field:"Quantity",headerName:"Quantity",width:132}, diff --git a/src/Dashbrd/Retailer1.js b/src/Dashbrd/Retailer1.js index dc40a51..014462b 100644 --- a/src/Dashbrd/Retailer1.js +++ b/src/Dashbrd/Retailer1.js @@ -6,7 +6,7 @@ import DeleteIcon from '@mui/icons-material/Delete'; import Button from '@mui/material/Button'; const columns: GridColDef[] = [ - { field: 'id', headerName: 'ID', width: 150 }, + { field: 'Names', headerName: 'Names', width: 120 }, {field:"price",headerName:"price",width:132}, {field:"Quantity",headerName:"Quantity",width:132}, diff --git a/src/assets/image/Logo1.jpeg b/src/assets/image/Logo1.jpeg new file mode 100644 index 0000000..67cbd7f Binary files /dev/null and b/src/assets/image/Logo1.jpeg differ diff --git a/src/assets/image/Logo2.jpeg b/src/assets/image/Logo2.jpeg new file mode 100644 index 0000000..64cf2b8 Binary files /dev/null and b/src/assets/image/Logo2.jpeg differ diff --git a/src/assets/image/about.jpg b/src/assets/image/about.jpg new file mode 100644 index 0000000..cf978bc Binary files /dev/null and b/src/assets/image/about.jpg differ diff --git a/src/assets/image/comc.jpg b/src/assets/image/comc.jpg new file mode 100644 index 0000000..34ff68c Binary files /dev/null and b/src/assets/image/comc.jpg differ diff --git a/src/assets/image/commerce.jpg b/src/assets/image/commerce.jpg new file mode 100644 index 0000000..ca17547 Binary files /dev/null and b/src/assets/image/commerce.jpg differ diff --git a/src/assets/image/d.jpg b/src/assets/image/d.jpg new file mode 100644 index 0000000..a8340f3 Binary files /dev/null and b/src/assets/image/d.jpg differ diff --git a/src/assets/image/decortion.webp b/src/assets/image/decortion.webp new file mode 100644 index 0000000..c97d8a7 Binary files /dev/null and b/src/assets/image/decortion.webp differ diff --git a/src/assets/image/fashion.jpg b/src/assets/image/fashion.jpg index fa1281b..99800a2 100644 Binary files a/src/assets/image/fashion.jpg and b/src/assets/image/fashion.jpg differ diff --git a/src/assets/image/g.jpg b/src/assets/image/g.jpg new file mode 100644 index 0000000..37dfe09 Binary files /dev/null and b/src/assets/image/g.jpg differ diff --git a/src/assets/image/imageste.jpg b/src/assets/image/imageste.jpg new file mode 100644 index 0000000..b7772a8 Binary files /dev/null and b/src/assets/image/imageste.jpg differ diff --git a/src/assets/image/label.avif b/src/assets/image/label.avif new file mode 100644 index 0000000..887e278 Binary files /dev/null and b/src/assets/image/label.avif differ diff --git a/src/assets/image/m.jpg b/src/assets/image/m.jpg new file mode 100644 index 0000000..1eb0ef4 Binary files /dev/null and b/src/assets/image/m.jpg differ diff --git a/src/assets/image/member.jpeg b/src/assets/image/member.jpeg new file mode 100644 index 0000000..66613dd Binary files /dev/null and b/src/assets/image/member.jpeg differ diff --git a/src/assets/image/my-fashion-business-is-expanding-quickly-hispanic-business-owner-feeling-proud-her-startup-online-clothing-shop_662251-1974.webp b/src/assets/image/my-fashion-business-is-expanding-quickly-hispanic-business-owner-feeling-proud-her-startup-online-clothing-shop_662251-1974.webp new file mode 100644 index 0000000..6ad8941 Binary files /dev/null and b/src/assets/image/my-fashion-business-is-expanding-quickly-hispanic-business-owner-feeling-proud-her-startup-online-clothing-shop_662251-1974.webp differ diff --git a/src/assets/image/nom.jpeg b/src/assets/image/nom.jpeg new file mode 100644 index 0000000..ed60f13 Binary files /dev/null and b/src/assets/image/nom.jpeg differ diff --git a/src/assets/image/people.jpg b/src/assets/image/people.jpg new file mode 100644 index 0000000..3b3edcd Binary files /dev/null and b/src/assets/image/people.jpg differ diff --git a/src/assets/image/pexel.jpeg b/src/assets/image/pexel.jpeg new file mode 100644 index 0000000..95ad512 Binary files /dev/null and b/src/assets/image/pexel.jpeg differ diff --git a/src/assets/image/purse.jpg b/src/assets/image/purse.jpg new file mode 100644 index 0000000..6289b6b Binary files /dev/null and b/src/assets/image/purse.jpg differ diff --git a/src/assets/image/s.jpg b/src/assets/image/s.jpg new file mode 100644 index 0000000..681d287 Binary files /dev/null and b/src/assets/image/s.jpg differ diff --git a/src/assets/image/serv.jpg b/src/assets/image/serv.jpg new file mode 100644 index 0000000..e43e711 Binary files /dev/null and b/src/assets/image/serv.jpg differ diff --git a/src/assets/image/t.jpg b/src/assets/image/t.jpg new file mode 100644 index 0000000..b98017a Binary files /dev/null and b/src/assets/image/t.jpg differ diff --git a/src/assets/image/team.jpg b/src/assets/image/team.jpg new file mode 100644 index 0000000..d985c39 Binary files /dev/null and b/src/assets/image/team.jpg differ diff --git a/src/assets/image/w.jpg b/src/assets/image/w.jpg new file mode 100644 index 0000000..aa523f3 Binary files /dev/null and b/src/assets/image/w.jpg differ diff --git a/src/assets/image/wmn.webp b/src/assets/image/wmn.webp new file mode 100644 index 0000000..6ad8941 Binary files /dev/null and b/src/assets/image/wmn.webp differ diff --git a/src/assets/image/wnm.jpg b/src/assets/image/wnm.jpg new file mode 100644 index 0000000..b601656 Binary files /dev/null and b/src/assets/image/wnm.jpg differ diff --git a/src/component/About.css b/src/component/About.css new file mode 100644 index 0000000..25a725a --- /dev/null +++ b/src/component/About.css @@ -0,0 +1,130 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} +.about-container{ + display: flex; + width: 100%; + height: 80vh; + background-image: url("../assets/image/member.jpeg"); + background-repeat: no-repeat; + background-size: cover; + background-position: center center; +} +.on{ +width:80% +} +.crd{ + display: flex; + gap: 4rem; + margin-left: 28rem; +} +.carde{ + display: flex; + gap: 4rem; + margin-left: 28rem; +} +.ct-about{ + display: inline-flex; + gap: 2rem; + +} +.mission{ + font-size: 16px; + justify-content: center; + + padding: 2rem; +} + +.Card{ + background-color: white; + width:28rem; + height:45vh; + position: relative; + /* bottom: 14rem; */ + overflow: hidden; + transition: all 0.4s; +} +.Card:hover{ + box-shadow: 0 10px 10px 10px lightgrey; + cursor:pointer; + transform: translate(5px,-10px); +} +.Our{ + position: relative; + /* bottom: 16rem; */ + font-size: 30px; + color: darkgoldenrod; + +} +.h2-about{ + font-size: 14px; + + margin-left: 13rem; + color: darkgoldenrod; +} +.Carde{ + display:inline-flex; + background-color: white; + width:28rem; + height:45vh; + + /* bottom: 14rem; */ + overflow: hidden; + transition: all 0.4s; +margin-left: 15rem; + +} + +.Carde:hover{ + box-shadow: 0 10px 10px 10px lightgrey; + cursor:pointer; + transform: translate(5px,-10px); +} +.services{ + width: 20rem; + height: 30vh; + position: relative; + top: 2rem; + margin-left: 4rem; + background-repeat: no-repeat; + background-position: center; + +} +.service{ + width: 20rem; + height: 30vh; + position: relative; + top: 2rem; + margin-left: 4rem; + background-repeat: no-repeat; + background-position: center; + +} + +/* */ +.Original{ + + width: 60%; + clip-path: polygon(0 0, 100% 0%, 80% 100%, 0% 100%); + background-color: rgba(0, 0, 0, 0.815); + color: white; + padding: 150px 10px; + + +} +.header-about{ + font-size: 30px; +} +.br-about{ +color: white; +font-size: 20px; +} + +/* .Original h1{ +color: black; +} */ + + + diff --git a/src/component/AboutUs.js b/src/component/AboutUs.js new file mode 100644 index 0000000..b892724 --- /dev/null +++ b/src/component/AboutUs.js @@ -0,0 +1,192 @@ +import * as React from 'react'; + +import Button from '@mui/material/Button'; +import Image from "../assets/image/member.jpeg"; +import "./About.css"; +import Service from "../assets/image/people.jpg" +import { Card, Col, Row } from 'antd'; +import Service1 from "../assets/image/team.jpg"; +import Service3 from "../assets/image/serv.jpg"; +import Service4 from "../assets/image/imageste.jpg"; +import Service5 from "../assets/image/commerce.jpg"; +import Service6 from "../assets/image/comc.jpg"; +import Product from "../assets/image/g.jpg"; +import Product1 from "../assets/image/w.jpg"; +import Product2 from "../assets/image/m.jpg"; +import Product3 from "../assets/image/s.jpg"; +import Product4 from "../assets/image/d.jpg"; +import Product5 from "../assets/image/t.jpg"; +import Product6 from "../assets/image/pexel.jpeg"; +import Product7 from "../assets/image/nom.jpeg"; +import Header from "../component/header"; +import Footer from "../component/footer"; +import FacebookIcon from '@mui/icons-material/Facebook'; +import InstagramIcon from '@mui/icons-material/Instagram'; +import TwitterIcon from '@mui/icons-material/Twitter'; +const About=() =>{ + return( + <> +
+
+
+

Get All Original Product

+

Browser By Categories

+ +
+ + + +
+ + +

Best Seller Product

+
+ +
+ + + +

Product Name: Electricity

+ + + + +

Product Name: Women's Clothes

+ + + + +

Product Name: Men's Clothes

+ + + + +




+
+ + +

Product Name: Sports

+ + + + +

Product Name: Decoration

+ + + + +

Product Name: Babby's Toys

+ + +
+ + + + +
+

Our Team

+
+ +
+ + +

Name: Niyigena Claudine

+ + + + +

Name: Uwase Yvone

+ + + + +

Name: Stella Impuhwe

+ + + + +


+
+ + +

Name: Dusengemungu Marie Elise

+ + + + +

Name: Hyacintha Niyonizeye

+ + + + +

Name: Aurore Iyokwizerwa

+ + + +


+
+ + +

Name:Scott Brian

+ + + + +

Name:Clemance IyoKwizerwa

+ + + + +

Name:Habimana Neema

+ + +
+ + +
+

Our Mission

+

An e-commerce website is one that allows people to buy and sell physical goods, + services, and digital products over the internet rather than at a brick-and-mortar location.

+ Through an e-commerce website, a business can process orders, accept payments,  + manage shipping and logistics, and provide customer service. + Ecommerce or electronic commerce is the trading of goods and services on the internet.  + It is your bustling city center   + or brick-and-mortar shop translated into zeroes and ones on the internet superhighway + There are 3 key functions of e-Commerce marketing, finance and supply chain   + which sit outside the set-up of your store website. You can't do e-Commerce + without marketing your store, managing payments and managing deliveries.   + Each of these functions of e-Commerce come with their own set of challenges.

+
+
+

Our Vision

+

The ecommerce giant's mission is summed up with the statement: “Making commerce better for everyone.” + An e-commerce website is one that allows people to buy and sell physical goods, + services, and digital products over the internet rather than at a brick-and-mortar location.

+ Through an e-commerce website, a business can process orders, accept payments,  + manage shipping and logistics, and provide customer service. + Ecommerce or electronic commerce is the trading of goods and services on the internet.  + It is your bustling city center   + or brick-and-mortar shop translated into zeroes and ones on the internet superhighway + There are 3 key functions of e-Commerce marketing, finance and supply chain   + which sit outside the set-up of your store website. You can't do e-Commerce + without marketing your store, managing payments and managing deliveries.   + Each of these functions of e-Commerce come with their own set of challenges. +

+
+ +

You can join Us using this link:

+ + + + + + +
+