diff --git a/public/doublequotes2.png b/public/doublequotes2.png new file mode 100644 index 00000000..6c3f329a Binary files /dev/null and b/public/doublequotes2.png differ diff --git a/public/doublequotesl.png b/public/doublequotesl.png new file mode 100644 index 00000000..88b86c82 Binary files /dev/null and b/public/doublequotesl.png differ diff --git a/public/whoweare.svg b/public/whoweare.svg new file mode 100644 index 00000000..42b5016b --- /dev/null +++ b/public/whoweare.svg @@ -0,0 +1,9 @@ + + + + + + + + + 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..fd94b70e --- /dev/null +++ b/src/components/home/Aboutus.tsx @@ -0,0 +1,61 @@ +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 choose 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() { } /> } /> } /> + } />