Merge branch 'api-configurations-for-faq-and-contact' into api-config-for-faqs-amd-contact

src/components/Footer.js

@@ -45,10 +45,10 @@ class Footer extends React.Component {
 								</div>
 								<div className="col-sm-6 col-md-8 col-lg-3">
 									<div className="footer-store-badges text-right mb-40">
-										<Link to={process.env.REACT_APP_APPLE_LINK} className="store">
+										<Link to="/#" className="store">
 											<img className="appstore" src="assets/images/appstore.png" alt="appstore-badge" />
 										</Link>
-										<Link to={process.env.REACT_APP_GOOGLE_PLAY_LINK} className="store">
+										<Link to="/#" className="store">
 											<img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
 										</Link> 
 									</div>

src/index.js

@@ -1,18 +1,18 @@
 import React from 'react';
-import ReactDOM from 'react-dom/client';
+import ReactDOM from 'react-dom';
 import './index.css';
 import App from './App';
 import reportWebVitals from './reportWebVitals';
 
 import { BrowserRouter } from "react-router-dom";
 
-const rootElement = document.getElementById('root');
+ReactDOM.render(
-const root = ReactDOM.createRoot(rootElement);
+ // basename='/usr/src/app/build'
-
-root.render(
   <BrowserRouter>
     <App />
-  </BrowserRouter>
+  </BrowserRouter>,
+
+  document.getElementById('root')
 );
 
 // If you want to start measuring performance in your app, pass a function

src/pages/About.js

@@ -5,16 +5,21 @@ class About extends React.Component {
     render() {
         return(
             <div>
-        {/* PRELOADER SPINNER */}	
+
+
+        {/* PRELOADER SPINNER
+		============================================= */}	
         <div id="loader-wrapper">
           <div id="loading">
             <span className="cssload-loader"><span className="cssload-loader-inner" /></span>
           </div>
         </div>
-        {/* PAGE CONTENT */}	
+        {/* PAGE CONTENT
+		============================================= */}	
         <div id="page" className="page">
           
-          {/* PAGE HERO */}	
+          {/* PAGE HERO
+			============================================= */}	
           <div id="about-page" className="rel purple_gradient bg_shape_01 page-hero-section division">
             <div className="container">	
               <div className="row">	
@@ -29,7 +34,8 @@ class About extends React.Component {
               </div>	  {/* End row */}
             </div>	   {/* End container */} 
           </div>	{/* END PAGE HERO */}	
-          {/* ABOUT-2 */}
+          {/* ABOUT-2
+			============================================= */}
           <div id="about-2" className="wide-90 about-section division">
             <div className="container">
               {/* TEXT BLOCK */}	
@@ -106,7 +112,10 @@ class About extends React.Component {
               </div>	{/* END BUTTON */}
             </div>	   {/* End container */}	
           </div>	{/* END ABOUT-2 */}
-          {/* TEAM-1 */}
+          
+       
+          {/* TEAM-1
+			============================================= */}
           <section id="team-1" className="wide-60 team-section division">
             <div className="container">
               {/* SECTION TITLE */}	
@@ -124,6 +133,8 @@ class About extends React.Component {
               <div className="team-members-holder pc-20 text-center">
                 <div className="row justify-content-center">
                   {Testimonial.map(({name, title, image, link: {domain, href}}, idx) => (
+                    <>
+                    {/* TEAM MEMBER #1 */}
                     <div className="col-sm-6 col-lg-3" key={idx}>
                       <div className="team-member wow fadeInUp" data-wow-delay="0.4s">
                         {/* Team Member Photo */}
@@ -138,12 +149,15 @@ class About extends React.Component {
                         </div>	
                       </div>									
                     </div>	
+                    {/* END TEAM MEMBER #1 */}
+                    </>
                   ))}
                 </div>   {/* End row */}
               </div>	{/* TEAM MEMBERS HOLDER */}	   
             </div>	    {/* End container */}
           </section>	{/* END TEAM-1 */}
-          {/* NEWSLETTER-1 */}
+          {/* NEWSLETTER-1
+			============================================= */}
           <section id="newsletter-1" className="pb-20 newsletter-section division">
             <div className="container">
               <div className="newsletter-wrapper bg-white">
@@ -174,6 +188,7 @@ class About extends React.Component {
               </div>    {/* End newsletter-holder */}
             </div>	   {/* End container */}	
           </section>	{/* END NEWSLETTER-1 */}
+         
         </div>	{/* END PAGE CONTENT */}
             </div>
         )

src/pages/Faqs.js

@@ -10,7 +10,6 @@ class Faqs extends Component {
         return(
             <div>
           {/* PRELOADER SPINNER */}	
-          {/* PRELOADER SPINNER */}	
         <div id="loader-wrapper">
           <div id="loading">
             <span className="cssload-loader"><span className="cssload-loader-inner" /></span>
@@ -116,11 +115,11 @@ class Faqs extends Component {
                   <div className="col-lg-5 text-right">
                     <div className="stores-badge">
                       {/* AppStore */}
-                      <a href={process.env.REACT_APP_APPLE_LINK} className="store">
+                      <a href="#" className="store">
                         <img className="appstore" src="assets/images/appstore-white.png" alt="appstore-logo" />
                       </a>
                       {/* Google Play */}
-                      <a href={process.env.REACT_APP_GOOGLE_PLAY_LINK} className="store">
+                      <a href="#" className="store">
                         <img className="googleplay" src="assets/images/googleplay-white.png" alt="googleplay-logo" />
                       </a>
                     </div>	
@@ -130,7 +129,7 @@ class Faqs extends Component {
             </div>	   {/* End container */}	
           </section>	{/* END DOWNLOAD-2 */}
         </div>	{/* END PAGE CONTENT */}
-            </div>
+      </div>
         )
     }
 }