diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000..5a57c05
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,6 @@
+{
+    "singleQuote": true,
+    "trailingComma": "es5",
+    "tabWidth": 2
+}
+  
\ No newline at end of file
diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index 9a388ff..23e027a 100755
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -1802,6 +1802,7 @@ p {
   }
 }
 .appie-hero-content ul li a {
+  cursor: pointer;
   background: #0e1133;
   color: #fff;
   line-height: 40px;
diff --git a/src/components/FAQ/Index.js b/src/components/FAQ/Index.js
index c9ca3c5..d83b15b 100644
--- a/src/components/FAQ/Index.js
+++ b/src/components/FAQ/Index.js
@@ -23,7 +23,7 @@ function FAQ() {
             <HeroNews
                 title="Frequently asked questions"
                 breadcrumb={[
-                    { link: '/', title: 'home' },
+                    { link: '/', title: 'Home' },
                     { link: '/faq', title: 'Faq' },
                 ]}
             />
diff --git a/src/components/HomeOne/FooterHomeOne.js b/src/components/HomeOne/FooterHomeOne.js
index f6e60a1..b7bc10e 100644
--- a/src/components/HomeOne/FooterHomeOne.js
+++ b/src/components/HomeOne/FooterHomeOne.js
@@ -112,7 +112,7 @@ function FooterHomeOne({ className }) {
                                 <div className="apps-download-btn">
                                     <ul>
                                         <li>
-                                            <a href={process.env.APPLE_APP}>
+                                            <a href={process.env.REACT_APP_APPLE_APP}>
                                                 <i className="fab fa-apple" /> Download for iOS
                                             </a>
                                         </li>
diff --git a/src/components/HomeOne/HeroHomeOne.js b/src/components/HomeOne/HeroHomeOne.js
index b38d5fe..00f085b 100644
--- a/src/components/HomeOne/HeroHomeOne.js
+++ b/src/components/HomeOne/HeroHomeOne.js
@@ -25,12 +25,12 @@ function HeroHomeOne() {
                                 </p>
                                 <ul>
                                     <li>
-                                        <a href={process.env.APPLE_APP}>
+                                        <a href={process.env.REACT_APP_APPLE_APP} className="dark">
                                             <i className="fab fa-apple" /> Download for iOS
                                         </a>
                                     </li>
                                     <li>
-                                        <a className="item-2" href={process.env.REACT_APP_ANDROID_APP}>
+                                        <a className="item-2 light" href={process.env.REACT_APP_ANDROID_APP}>
                                             <i className="fab fa-google-play" /> Download for
                                             Android
                                         </a>
diff --git a/src/components/HomeOne/index.js b/src/components/HomeOne/index.js
index 07745b3..574a0c5 100644
--- a/src/components/HomeOne/index.js
+++ b/src/components/HomeOne/index.js
@@ -23,7 +23,6 @@ import StickyHeaderNav from '../StickyHeader/StickyHeaderNav';
 function HomeOne() {
     const [drawer, drawerAction] = useToggle(false);
 
-
     return (
         <>
             <Drawer drawer={drawer} action={drawerAction.toggle} />
diff --git a/src/components/Service/ServiceSideMenu.js b/src/components/Service/ServiceSideMenu.js
index f4f3eb2..6e88f46 100644
--- a/src/components/Service/ServiceSideMenu.js
+++ b/src/components/Service/ServiceSideMenu.js
@@ -59,7 +59,7 @@ function ServiceSideMenu() {
                         </li>
 
                         <li>
-                            <a href={site.apple_app}>
+                            <a href={process.env.REACT_APP_APPLE_APP}>
                                 <i className="fab fa-apple" /> Download for iOS
                             </a>
                         </li>