diff --git a/src/component/product/ProductActive.jsx b/src/component/product/ProductActive.jsx
index e2b57b4..2d0de12 100644
--- a/src/component/product/ProductActive.jsx
+++ b/src/component/product/ProductActive.jsx
@@ -53,6 +53,16 @@ export default function ProductActive(){
                             <li className="nav-item">
                                 <a className="nav-link" id="contact-09-tab" data-toggle="tab" href="#contact-09" role="tab" aria-controls="contact-09" aria-selected="false"> Contact </a>
                             </li>
+                            <li className="nav-item">
+                                <a className="nav-link active show" id="home-09-tab" data-toggle="tab" href="#home-09" role="tab" aria-controls="home-09" aria-selected="true"> Socials</a>
+                            </li>
+                            <li className="nav-item">
+                                <a className="nav-link active show" id="home-09-tab" data-toggle="tab" href="#home-09" role="tab" aria-controls="home-09" aria-selected="true"> Template</a>
+                            </li>
+                            <li className="nav-item">
+                                <a className="nav-link active show" id="home-09-tab" data-toggle="tab" href="#home-09" role="tab" aria-controls="home-09" aria-selected="true"> Color Scheme</a>
+                            </li>
+
                         </ul>
                         <div className="tab-content">
                             <div className="tab-pane fade active show" id="home-09" role="tabpanel" aria-labelledby="home-09-tab">