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() {
} />
} />
} />
+ } />