diff --git a/src/component/traffic/Traffic.jsx b/src/component/traffic/Traffic.jsx
index 55b3697..b48c451 100644
--- a/src/component/traffic/Traffic.jsx
+++ b/src/component/traffic/Traffic.jsx
@@ -6,10 +6,38 @@ export default function Traffic(){
 
     return(
         <>
-            <BreadcrumbComBS title='Traffic' paths={['Dashboard', 'Site Traffic']} />
+            <BreadcrumbComBS title='Traffic' paths={['Dashboard', 'Traffic']} />
             <div className="row">
-                <div className="vh-100 col-12 flex align-items-center">Coming Soon</div>
+                <div className="col-lg-6">
+                    <div className="card card-statistics">
+                        <div className="card-header">
+                            <div className="card-heading">
+                                <h4 className="card-title">Line Chart with Data Labels</h4>
+                            </div>
+                        </div>
+                        <div className="card-body">
+                            <div className="apexchart-wrapper">
+                                <div id="apexdemo1"></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div className="col-lg-6">
+                    <div className="card card-statistics">
+                        <div className="card-header">
+                            <div className="card-heading">
+                                <h4 className="card-title">Gradient Line Chart</h4>
+                            </div>
+                        </div>
+                        <div className="card-body">
+                            <div className="apexchart-wrapper">
+                                <div id="apexdemo2"></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
             </div>
+
         </>
     )
 }
\ No newline at end of file