diff --git a/src/assets/img/product/01.jpg b/src/assets/img/product/01.jpg
new file mode 100644
index 0000000..fbdd78b
Binary files /dev/null and b/src/assets/img/product/01.jpg differ
diff --git a/src/assets/img/product/p1.jpg b/src/assets/img/product/p1.jpg
new file mode 100644
index 0000000..f5ce47f
Binary files /dev/null and b/src/assets/img/product/p1.jpg differ
diff --git a/src/assets/img/product/p2.jpg b/src/assets/img/product/p2.jpg
new file mode 100644
index 0000000..f6783e5
Binary files /dev/null and b/src/assets/img/product/p2.jpg differ
diff --git a/src/assets/img/product/p3.jpg b/src/assets/img/product/p3.jpg
new file mode 100644
index 0000000..0631a28
Binary files /dev/null and b/src/assets/img/product/p3.jpg differ
diff --git a/src/assets/img/product/p4.jpg b/src/assets/img/product/p4.jpg
new file mode 100644
index 0000000..30a9391
Binary files /dev/null and b/src/assets/img/product/p4.jpg differ
diff --git a/src/assets/img/product/p5.jpg b/src/assets/img/product/p5.jpg
new file mode 100644
index 0000000..af5c66d
Binary files /dev/null and b/src/assets/img/product/p5.jpg differ
diff --git a/src/component/product/ProductFactory.jsx b/src/component/product/ProductFactory.jsx
index 4fed339..eb831a0 100644
--- a/src/component/product/ProductFactory.jsx
+++ b/src/component/product/ProductFactory.jsx
@@ -1,6 +1,7 @@
 import React from "react";
 import BreadcrumbComBS from "../breadcrumb/BreadcrumbComBS";
 import getImage from "../../utils/getImage";
+import ProductStart from "./ProductStart";
 
 
 export default function ProductFactory(){
@@ -10,39 +11,7 @@ export default function ProductFactory(){
             <BreadcrumbComBS title='Name of the Product Here' paths={['Dashboard', 'Product']} />
             <div className="row">
                 <>
-
-                    <div className="row">
-                        <div className="col-md-9">
-                            <div className="card card-statistics ">
-                                <img className="card-img-top" src={getImage('widget/01.jpg')}  alt="Card image cap" />
-                                    <div className="card-body">
-                                        <h4 className="card-title">Commitment</h4>
-                                        <p className="card-text">Commitment is something that comes from understanding that everything has its price and then having the willingness to pay that price. This is important because nobody wants to put significant effort into something, only to find out after the fact that the price was too high.The price is something not necessarily defined as financial. It could be time, effort, sacrifice, money or perhaps, something else.</p>
-                                        <a href="javascript:void(0)" className="btn btn-primary mt-2">Read More</a>
-                                    </div>
-                            </div>
-                        </div>
-                        <div className="col-md-3">
-                            <div className="card card-statistics mb-30">
-                                {/*<img className="card-img-top" src={getImage('widget/01.jpg')} alt="Card image cap" />*/}
-                                    <div className="card-body">
-                                        <h4 className="card-title">Information</h4>
-                                        <p className="card-text">Start with your goals in mind and then work possible.ith yand Goals. If the plan doesn’t support the vision then change it! </p>
-                                    </div>
-                                    <ul className="list-group list-group-flush">
-                                        <li className="list-group-item">FAQ pages is for consistency</li>
-                                        <li className="list-group-item">Information</li>
-                                        <li className="list-group-item">Related content</li>
-                                    </ul>
-                                    <div className="card-body">
-                                        <a href="javascript:void(0)" className="card-link">Card link</a>
-                                        <a href="javascript:void(0)" className="card-link">Another link</a>
-                                    </div>
-                            </div>
-                        </div>
-                    </div>
-
-
+                   <ProductStart />
                 </>
 
 
diff --git a/src/component/product/ProductStart.jsx b/src/component/product/ProductStart.jsx
new file mode 100644
index 0000000..fe01473
--- /dev/null
+++ b/src/component/product/ProductStart.jsx
@@ -0,0 +1,42 @@
+import React from "react";
+import getImage from "../../utils/getImage";
+export default function ProductStart(){
+    return (
+        <>
+            <div className="row">
+                <div className="col-md-9">
+                    <div className="card card-statistics ">
+                        <img className="card-img-top" src={getImage('product/p4.jpg')}  alt="Card image cap" />
+                        <div className="card-body">
+                            <h4 className="card-title">Commitment</h4>
+                            <p className="card-text">Commitment is something that comes from understanding that everything has its price and then having the willingness to pay that price. This is important because nobody wants to put significant effort into something, only to find out after the fact that the price was too high.The price is something not necessarily defined as financial. It could be time, effort, sacrifice, money or perhaps, something else.</p>
+
+
+                        </div>
+                    </div>
+                </div>
+                <div className="col-md-3">
+                    <div className="card card-statistics mb-30">
+                        {/*<img className="card-img-top" src={getImage('widget/01.jpg')} alt="Card image cap" />*/}
+                        <div className="card-body">
+                            <h4 className="card-title">Information</h4>
+                            <p className="card-text">Start with your goals in mind and then work possible.ith yand Goals. If the plan doesn’t support the vision then change it! </p>
+                        </div>
+                        <ul className="list-group list-group-flush">
+                            <li className="list-group-item">FAQ pages is for consistency</li>
+                            <li className="list-group-item">Information</li>
+                            <li className="list-group-item">Related content</li>
+                        </ul>
+                        <div className="card-body">
+                            <a href="javascript:void(0)" className="card-link">Card link</a>
+                            <a href="javascript:void(0)" className="card-link">Another link</a>
+                        </div>
+                        <div>
+                            <a href="javascript:void(0)" className="btn btn-primary mt-2">Start Product</a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </>
+    )
+}
\ No newline at end of file