From f38399a7b25c1bcd703823911dcfd3bf345ab32a Mon Sep 17 00:00:00 2001 From: 13XAVI Date: Tue, 23 Jul 2024 21:09:35 +0200 Subject: [PATCH] added About us Page --- public/doublequotes2.png | Bin 0 -> 793 bytes public/doublequotesl.png | Bin 0 -> 812 bytes public/whoweare.svg | 9 +++++ src/__test__/home/aboutus.test.tsx | 45 ++++++++++++++++++++++ src/components/home/Aboutus.tsx | 59 +++++++++++++++++++++++++++++ src/routes/AppRoutes.tsx | 2 + 6 files changed, 115 insertions(+) create mode 100644 public/doublequotes2.png create mode 100644 public/doublequotesl.png create mode 100644 public/whoweare.svg create mode 100644 src/__test__/home/aboutus.test.tsx create mode 100644 src/components/home/Aboutus.tsx diff --git a/public/doublequotes2.png b/public/doublequotes2.png new file mode 100644 index 0000000000000000000000000000000000000000..6c3f329ab8b963b7bb26ef77c58deb77cae32704 GIT binary patch literal 793 zcmV+!1LpjRP)8x(8GkDzo1b4#Pfrhkf`WpAf+r8!ywvyCZ7ks{AgmDapTHrUu4*ATAT@wN z81PCZS>~)WUL9X%X$<_E`p%0!i7&Jd)xb<~7A?ic3Ygh& z4>}*eS63#DE#qHxi&S9LnVy@Y%1jTWc#c6y1tXjf{2$u)WCU{!O1RXxsXLkMpZ@Av ziG$nZ}UOJk{tPTDXfp-7pTKgT7$vQZ)W#wLS zEFzqjD)-^~g=tL^g7zR}!2nN^V-zPB93cWvJ>63)?{1` z5JGqW<5goLtWV$(FqWWFv^}E(woK9By8sSIois+1G7@F}rz!UFGgu(BvGttVdjzE+%h(WLfQ%`1YB+6~y)Q29Te{V^B?DM#QFzT5wO}$ZKe#tko!i1^fKE z%TZaVS^73&**Tonh;JB{I?YJo!6wr%M&0DKFLQTxUJb#4h(+z>IM%p$uB`}}+iik? zy;dfW1>gt=9D-^jG`;I=vfsKMChzrq1dgo^*R96s@Aqj9kF(LEn2ehSpg@^)jAERN z#Dla(R!?bdQi{t4Se>PjOBDb2m!KRvn&fF%|9ybH!8>tLKV^9WOSE0SC_(!=noZ{E zmhD%>%0m(#)h9HWE^7m@MCRari%D6esGU|CnI?B$d7f%qH^T5}wy2H4+TgX&;9Yf= zMq-fxSdx>IJkcP~w-Wc7vqja~U<|4n@&B2Hy+JGbt#x4Pm~DC2x*9xGqoAOmpuo&u Xpj9U%4la{ literal 0 HcmV?d00001 diff --git a/public/doublequotesl.png b/public/doublequotesl.png new file mode 100644 index 0000000000000000000000000000000000000000..88b86c82472cbd23f9d1e4ea5cc9a8498a97539f GIT binary patch literal 812 zcmV+{1JnG8P)Mc{K~#7F?UzAv z+AtJ`f5~>%Y&%KY)`}Xn*4m8WZ_9HLuFEyAr?Onebn8tHBP(PBh=IqN-TtVC^n=1Pek8e^M$k*^; zL9={YiuukNfodz^83CR1>)kFaX&l|35s79xN+10=YGYfIkr&A9QF$o~HYP!*7vWwA zOBzShes+>_tDM?wm9-`pvq#EcAoy`Nd@+V4YMZPYTxyK$G}s!0HMykymC(!=-l2;@ zjRu6kq01^53rAI;081SYY7e>?Oblf-q)Nxdpu)J^u_s!LXn!d!m*{+CUnGh}7PA_A zZ8&1gq(~hR62{wbB%4JB@d+EC&1AiDcY>8HDuNh8IFKCrNNWhe2G{`oauchjelvuN zKfXI*;3c_)V;@o24G(58!80o%i*5(=v6DuwNygr&DtR)Evb-g3)j!jt>j;55TH3wQ zZbz@drN*iVN)Zo!FXWyy8kOm#7e9Q+GppT`L~I{cP`h5azfm`m=3B{1fv7g;I|dDy zO*$d79Q(oAP9_f~_pZFvKAXO8Z&E@6&Ad$5i9oh(s@VQTYmz+{iVF`sI7tNrCUArV zE9>IiF#0hd zZZ`}gZT5|Ynky%@keS5Tr~;`3JMCIDSrVIr%-YgL@k2=0000 + + + + + + + + diff --git a/src/__test__/home/aboutus.test.tsx b/src/__test__/home/aboutus.test.tsx new file mode 100644 index 00000000..a7fb435f --- /dev/null +++ b/src/__test__/home/aboutus.test.tsx @@ -0,0 +1,45 @@ +import React from 'react'; +import { render, screen } from '@testing-library/react'; +import { Provider } from 'react-redux'; +import { configureStore } from '@reduxjs/toolkit'; +import { MemoryRouter } from 'react-router-dom'; +import Aboutus from '@/components/home/Aboutus'; + +const renderWithProviders = ( + ui: React.ReactElement, + { + store = configureStore({ + reducer: {}, + }), + } = {} +) => { + return render( + + {ui} + + ); +}; + +describe('Aboutus Component', () => { + test('renders Aboutus component', () => { + renderWithProviders(); + + expect(screen.getByText('Dynamite E-commerce')).toBeInTheDocument(); + + expect(screen.getAllByRole('img')).toHaveLength(4); + + expect(screen.getByText('Mission')).toBeInTheDocument(); + expect( + screen.getByText( + 'We prosper our customers to give them valuable product at affordable price in fast process.' + ) + ).toBeInTheDocument(); + expect(screen.getByText('Vision')).toBeInTheDocument(); + expect( + screen.getByText( + 'E-commerce is your go-to platform designed for security reasons. Data privacy is our endless goal for potential customers to feel at ease.' + ) + ).toBeInTheDocument(); + expect(screen.getByText('why chose us')).toBeInTheDocument(); + }); +}); diff --git a/src/components/home/Aboutus.tsx b/src/components/home/Aboutus.tsx new file mode 100644 index 00000000..e5ab0b72 --- /dev/null +++ b/src/components/home/Aboutus.tsx @@ -0,0 +1,59 @@ +import Header from './header'; + +function Aboutus() { + return ( +
+
+

+ Dynamite E-commerce +

+ +
+ E-commerce is your go-to platform for seamless online shopping. We + offer a wide range of products, competitive prices, and a + user-friendly experience, ensuring you find exactly what you need with + ease. At Dynamite, customer satisfaction is our top priority, and we + are dedicated to providing a secure and enjoyable shopping experience + for everyone. +
+ +
+ +
why chose us
+
+
+
+
+ +
+
+

Mission

+

+ We prosper our customers to give them valuable product at + affordable price in fast process. +

+
+
+

Vision

+

+ E-commerce is your go-to platform designed for security reasons. + Data privacy is our endless goal for potential customers to feel + at ease. +

+
+
+
+
+ ); +} + +export default Aboutus; diff --git a/src/routes/AppRoutes.tsx b/src/routes/AppRoutes.tsx index c6c04c7e..c09bc8f7 100644 --- a/src/routes/AppRoutes.tsx +++ b/src/routes/AppRoutes.tsx @@ -21,6 +21,7 @@ import ProductDetails from '@/pages/ProductDetails'; import ProtectedRoute from '@/components/ProtectedRoute'; import Cart from '@/components/Cart/Cart'; import Seller from '@/pages/Seller'; +import Aboutus from '@/components/home/Aboutus'; function AppRoutes() { return ( @@ -29,6 +30,7 @@ function AppRoutes() { } /> } /> } /> + } />