From 23e702119e65188301799faea1280a5e672f98ac Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Fri, 20 Oct 2023 16:04:16 +0100
Subject: [PATCH] added some env variables

---
 .env                            | 20 ++++++++++++++++++++
 src/components/BannerSection.js |  2 +-
 src/components/Footer.js        |  6 +++---
 src/components/HeaderSection.js |  8 ++++----
 4 files changed, 28 insertions(+), 8 deletions(-)
 create mode 100644 .env

diff --git a/.env b/.env
new file mode 100644
index 0000000..15422cb
--- /dev/null
+++ b/.env
@@ -0,0 +1,20 @@
+#COMPANY FACEBOOK ADDRESS
+REACT_APP_FACEBOOK_LINK='#'
+
+#COMPANY TWITTER ADDRESS
+REACT_APP_TWITTER_LINK='#'
+
+#COMPANY LINKEDIN ADDRESS
+REACT_APP_LINKEDIN_LINK='#'
+
+#COMPANY EMAIL ADDRESS
+REACT_APP_EMAIL='www.kintcare.com'
+
+#COMPANY PHONE NUMBER 1
+REACT_APP_PHONE_NUMBER_1='+171 30 60 90'
+
+#COMPANY PHONE NUMBER 2
+REACT_APP_PHONE_NUMBER_2='0123 267 8901'
+
+#COMPANY LOCATION ADDRESS
+REACT_APP_ADDRESS='13th Street, Soho'
\ No newline at end of file
diff --git a/src/components/BannerSection.js b/src/components/BannerSection.js
index 6ea5209..89b9060 100644
--- a/src/components/BannerSection.js
+++ b/src/components/BannerSection.js
@@ -22,7 +22,7 @@ function BannerSection() {
                             <div className="w-50percent sm:w-full">
                                 <div className="ld-fancy-heading w-50percent">
                                     <p className="ld-fh-element mb-15 text-16 text-white">
-                                        <strong>0123 267 8901</strong>
+                                        <strong>{process.env.REACT_APP_PHONE_NUMBER_2}</strong>
                                         <br />
                                         <span className="text-14">Free Consultation</span>
                                     </p>
diff --git a/src/components/Footer.js b/src/components/Footer.js
index d3bbb6f..f2d2178 100644
--- a/src/components/Footer.js
+++ b/src/components/Footer.js
@@ -18,17 +18,17 @@ function Footer() {
                             <hr className="mb-30" />
                             <ul className="social-icon social-icon-border-none text-22">
                                 <li>
-                                    <a className="text-green-700" href="#" target="_blank">
+                                    <a className="text-green-700" href={process.env.REACT_APP_FACEBOOK_LINK} target="_blank">
                                         <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z"/></svg>
                                     </a>
                                 </li>
                                 <li>
-                                    <a className="text-green-700" href="#" target="_blank">
+                                    <a className="text-green-700" href={process.env.REACT_APP_TWITTER_LINK} target="_blank">
                                         <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/></svg>
                                     </a>
                                 </li>
                                 <li>
-                                    <a className="text-green-700" href="#" target="_blank">
+                                    <a className="text-green-700" href={process.env.REACT_APP_LINKEDIN_LINK} target="_blank">
                                         <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></svg>
                                     </a>
                                 </li>
diff --git a/src/components/HeaderSection.js b/src/components/HeaderSection.js
index 8770b27..c2aaa91 100644
--- a/src/components/HeaderSection.js
+++ b/src/components/HeaderSection.js
@@ -13,7 +13,7 @@ function HeaderSection() {
                                     <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M64 208.1L256 65.9 448 208.1v47.4L289.5 373c-9.7 7.2-21.4 11-33.5 11s-23.8-3.9-33.5-11L64 255.5V208.1zM256 0c-12.1 0-23.8 3.9-33.5 11L25.9 156.7C9.6 168.8 0 187.8 0 208.1V448c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V208.1c0-20.3-9.6-39.4-25.9-51.4L289.5 11C279.8 3.9 268.1 0 256 0z"/></svg>
                                 </span>
                             </div>
-                            <h3 className="text-13 text-white">www.kintcare.com</h3>
+                            <h3 className="text-13 text-white">{process.env.REACT_APP_EMAIL}</h3>
                         </div>
                     </div>
                     <div className="header-module py-10 ml-25">
@@ -23,7 +23,7 @@ function HeaderSection() {
                                     <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512"><path d="M16 144a144 144 0 1 1 288 0A144 144 0 1 1 16 144zM160 80c8.8 0 16-7.2 16-16s-7.2-16-16-16c-53 0-96 43-96 96c0 8.8 7.2 16 16 16s16-7.2 16-16c0-35.3 28.7-64 64-64zM128 480V317.1c10.4 1.9 21.1 2.9 32 2.9s21.6-1 32-2.9V480c0 17.7-14.3 32-32 32s-32-14.3-32-32z"/></svg>
                                 </span>
                             </div>
-                            <h3 className="text-13 text-white">13th Street, Soho</h3>
+                            <h3 className="text-13 text-white">{process.env.REACT_APP_ADDRESS}</h3>
                         </div>
                     </div>
                     <div className="header-module py-10 ml-25">
@@ -33,7 +33,7 @@ function HeaderSection() {
                                     <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z"/></svg>
                                 </span>
                             </div>
-                            <h3 className="text-13 text-white">Call us: +171 30 60 90</h3>
+                            <h3 className="text-13 text-white">Call us: {process.env.REACT_APP_PHONE_NUMBER_1}</h3>
                         </div>
                     </div>
                 </div>
@@ -135,7 +135,7 @@ function HeaderSection() {
                         <a href="#contact-modal" className="btn btn-solid border-0 btn-icon-left btn-icon-custom-size btn-icon-circle btn-icon-solid no-rotate text-start font-normal text-14 leading-1/5em bg-white text-green-500 rounded-5em horizontal-tb text-start pointer-events-auto" data-lity="#contact-modal">
                             <span className="inline-flex items-center py-1/15em px-2/1em">
                                 <span className="btn-txt" data-text="[ld_strong]0123 267 8901[/ld_strong][ld_span]Free Consultation[/ld_span]">
-                                    <strong>0123 267 8901</strong>
+                                    <strong>{process.env.REACT_APP_PHONE_NUMBER_2}</strong>
                                     <span>Free Consultation</span>
                                 </span>
                                 <span className="btn-icon mr-10 bg-green-200 w-40 h-40 text-22">