diff --git a/src/component/Footer/Main.js b/src/component/Footer/Main.js
index 8370a3b..e0ed1f0 100644
--- a/src/component/Footer/Main.js
+++ b/src/component/Footer/Main.js
@@ -61,14 +61,14 @@ const Main = ({ footer }) => {
                     </ul>
                     <ul className="social_media">
                       <li>
-                        <Link to="#">
+                        <a href={process.env.REACT_APP_FACEBOOK}>
                           <i className="icofont-facebook"></i>
-                        </Link>
+                        </a>
                       </li>
                       <li>
-                        <Link to="#">
+                        <a href ={process.env.REACT_APP_TWITTER}>
                           <i className="icofont-twitter"></i>
-                        </Link>
+                        </a>
                       </li>
                     </ul>
                   </div>
@@ -116,12 +116,12 @@ const Main = ({ footer }) => {
                     <h3>Let’s Try Out</h3>
                     <ul className="app_btn">
                       <li>
-                        <a href="https://play.google.com/store/apps/details?id=com.mermsemr.myfit">
+                        <a href={process.env.REACT_APP_ANDROID_URL}>
                           <img src={blueapp} alt="image" />
                         </a>
                       </li>
                       <li>
-                        <a href="https://play.google.com/store/apps/details?id=com.mermsemr.myfit">
+                        <a href={process.env.REACT_APP_IOS_URL}>
                           <img src={blue} alt="image" />
                         </a>
                       </li>
@@ -197,15 +197,15 @@ const Main = ({ footer }) => {
                       </li>
                     </ul>
                     <ul className="social_media">
-                      <li>
-                        <Link to="#">
-                          <i className="icofont-facebook"></i>
-                        </Link>
+                     <li>
+                          <a href={process.env.REACT_APP_FACEBOOK}>
+                            <i className="icofont-facebook"></i>
+                          </a>
                       </li>
                       <li>
-                        <Link to="#">
-                          <i className="icofont-twitter"></i>
-                        </Link>
+                          <a href ={process.env.REACT_APP_TWITTER}>
+                            <i className="icofont-twitter"></i>
+                          </a>
                       </li>
                     </ul>
                   </div>
@@ -253,19 +253,13 @@ const Main = ({ footer }) => {
                     <h3>Let’s Try Out</h3>
                     <ul className="app_btn">
                       <li>
-                        <a href="https://play.google.com/store/apps/details?id=com.mermsemr.myfit">
-                          <img
-                            src="assets/images/appstore_blue.png"
-                            alt="image"
-                          />
+                        <a href={process.env.REACT_APP_ANDROID_URL}>
+                          <img src={blueapp} alt="image" />
                         </a>
                       </li>
                       <li>
-                        <a href="https://play.google.com/store/apps/details?id=com.mermsemr.myfit">
-                          <img
-                            src="assets/images/googleplay_blue.png"
-                            alt="image"
-                          />
+                        <a href={process.env.REACT_APP_IOS_URL}>
+                          <img src={blue} alt="image" />
                         </a>
                       </li>
                     </ul>
@@ -327,14 +321,14 @@ const Main = ({ footer }) => {
                     </ul>
                     <ul className="social_media">
                       <li>
-                        <Link to="#">
+                        <a href={process.env.REACT_APP_FACEBOOK}>
                           <i className="icofont-facebook"></i>
-                        </Link>
+                        </a>
                       </li>
                       <li>
-                        <Link to="#">
+                        <a href ={process.env.REACT_APP_TWITTER}>
                           <i className="icofont-twitter"></i>
-                        </Link>
+                        </a>
                       </li>
                     </ul>
                   </div>
@@ -389,20 +383,14 @@ const Main = ({ footer }) => {
                   <div className="try_out">
                     <h3>Let’s Try Out</h3>
                     <ul className="app_btn">
-                      <li>
-                        <a href="https://play.google.com/store/apps/details?id=com.mermsemr.myfit">
-                          <img
-                            src="assets/images/appstore_blue.png"
-                            alt="image"
-                          />
+                     <li>
+                        <a href={process.env.REACT_APP_ANDROID_URL}>
+                          <img src={blueapp} alt="image" />
                         </a>
                       </li>
                       <li>
-                        <a href to="https://play.google.com/store/apps/details?id=com.mermsemr.myfit">
-                          <img
-                            src="assets/images/googleplay_blue.png"
-                            alt="image"
-                          />
+                        <a href={process.env.REACT_APP_IOS_URL}>
+                          <img src={blue} alt="image" />
                         </a>
                       </li>
                     </ul>
@@ -458,14 +446,14 @@ const Main = ({ footer }) => {
                     </ul>
                     <ul className="social_media">
                       <li>
-                        <Link to="#">
+                        <a href={process.env.REACT_APP_FACEBOOK}>
                           <i className="icofont-facebook"></i>
-                        </Link>
+                        </a>
                       </li>
                       <li>
-                        <Link to="#">
+                        <a href ={process.env.REACT_APP_TWITTER}>
                           <i className="icofont-twitter"></i>
-                        </Link>
+                        </a>
                       </li>
                     </ul>
                   </div>
@@ -521,19 +509,13 @@ const Main = ({ footer }) => {
                     <h3>Let’s Try Out</h3>
                     <ul className="app_btn">
                       <li>
-                        <a href="https://play.google.com/store/apps/details?id=com.mermsemr.myfit">
-                          <img
-                            src="assets/images/appstore_blue.png"
-                            alt="image"
-                          />
+                        <a href={process.env.REACT_APP_ANDROID_URL}>
+                          <img src={blueapp} alt="image" />
                         </a>
                       </li>
                       <li>
-                        <a href="https://play.google.com/store/apps/details?id=com.mermsemr.myfit">
-                          <img
-                            src="assets/images/googleplay_blue.png"
-                            alt="image"
-                          />
+                        <a href={process.env.REACT_APP_IOS_URL}>
+                          <img src={blue} alt="image" />
                         </a>
                       </li>
                     </ul>
@@ -597,14 +579,14 @@ const Main = ({ footer }) => {
                     </ul>
                     <ul className="social_media">
                       <li>
-                        <Link to="#">
+                        <a href={process.env.REACT_APP_FACEBOOK}>
                           <i className="icofont-facebook"></i>
-                        </Link>
+                        </a>
                       </li>
                       <li>
-                        <Link to="#">
+                        <a href ={process.env.REACT_APP_TWITTER}>
                           <i className="icofont-twitter"></i>
-                        </Link>
+                        </a>
                       </li>
                     </ul>
                   </div>
@@ -657,20 +639,14 @@ const Main = ({ footer }) => {
                   <div className="try_out">
                     <h3>Let’s Try Out</h3>
                     <ul className="app_btn">
-                      <li>
-                        <a href="https://play.google.com/store/apps/details?id=com.mermsemr.myfit">
-                          <img
-                            src="assets/images/appstore_blue.png"
-                            alt="image"
-                          />
+                     <li>
+                        <a href={process.env.REACT_APP_ANDROID_URL}>
+                          <img src={blueapp} alt="image" />
                         </a>
                       </li>
                       <li>
-                        <a href="https://play.google.com/store/apps/details?id=com.mermsemr.myfit">
-                          <img
-                            src="assets/images/googleplay_blue.png"
-                            alt="image"
-                          />
+                        <a href={process.env.REACT_APP_IOS_URL}>
+                          <img src={blue} alt="image" />
                         </a>
                       </li>
                     </ul>