updates

client/src/pages/about/About.js

@@ -13,13 +13,11 @@ const About = () => {
                     </div>
                     <div className="about-text">
                         <p>
-                            Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda similique 
-                            fugiat rerum odit qui aut nisi maxime libero ab aliquam. Fugit non vitae porro dolor fugiat aliquam nemo odio ullam!
+                        We won’t stop until we see a world where deaf people and those with hearing loss or tinnitus are fully included
                         </p>
                         <hr/>
                         <p>
-                            Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda similique fugiat
-                            rerum odit qui aut nisi maxime libero ab aliquam. Fugit non vitae porro dolor fugiat aliquam nemo odio ullam!
+                        Where everyone is treated with respect, dignity and understanding
                         </p>
                     </div>
                 </div>
@@ -28,4 +26,5 @@ const About = () => {
     );
 };
 
+
 export default About;

client/src/pages/contact/Contact.js

@@ -9,10 +9,10 @@ const Contact = () => {
             <div className="col-6">
                 <h1 className="section-title">Contact Us</h1>
 
-                <div className="login">
+                {/* <div className="login">
                     <Alert variant="danger">
                         Invalid email or password
-                    </Alert>
+                    </Alert> */}
 
                     <Form>
                         <Form.Group className="mb-3">
@@ -32,7 +32,7 @@ const Contact = () => {
                         </Button>
                     </Form>
                 </div>
-            </div>
+            {/* </div> */}
         </div>
     );
 };

client/src/pages/home/componenets/Features.js

@@ -6,23 +6,23 @@ const Features = () => {
         <div id="features" className="section-padding">
             <div className="container grid-3">
                 <div className="feature">
-                    <h4>Tell Us Your Idea</h4>
+                    <h4>Comprehensive Exams</h4>
                     <p className="special-p">
-                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut lab
+                    Our hearing assistance exams are designed to be comprehensive, ensuring that we can provide you with the most accurate diagnosis possible.
                     </p>
                 </div>
 
                 <div className="feature">
-                    <h4>We Will Do All The Work</h4>
+                    <h4>Qualified Professionals</h4>
                     <p className="special-p">
-                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut lab
+                    Our team of qualified professionals has the experience and knowledge necessary to provide you with the care you need.
                     </p>
                 </div>
 
                 <div className="feature">
-                    <h4>Your Product is Worldwide</h4>
+                    <h4>Technology</h4>
                     <p className="special-p">
-                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut lab
+                    We use the latest technology and equipment to ensure that you receive the most accurate and effective hearing assistance possible.
                     </p>
                 </div>
             </div>

client/src/pages/home/componenets/Landing.js

@@ -4,12 +4,11 @@ import './css/landing.css'
 const Landing = () => {
     return (
         <div className="landing">
-            <div className="landing-info">
-                <h1 >Welcome To Eary</h1>
-                <p className="special-p">We are Eary - Super Creative & Minimal Agency</p>
+            <div class="landing-info">
+                <h1 >Welcome To Eeary</h1>
+                <p className="special-p">Get the Hearing Assistance Exam You Need</p>
             </div>
         </div>
     );
 };
-
 export default Landing;

client/src/pages/home/componenets/Services.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import './css/services.css'
+import test4 from '../../../assets/images/test4.jpg'
 
 const Services = () => {
     return (
@@ -11,21 +12,19 @@ const Services = () => {
                         <div className="srv">
                             <i className="fa-solid fa-earth-asia"></i>
                             <div className="service-text">
-                                <h3>Graphic Designk</h3>
+                                <h3>Test Your Hearing from Home </h3>
                                 <p className="special-p">
-                                    Graphic design is the process of visual communication and 
-                                    problem-solving using one or more of typography, photography and illustration.
+                                Are you concerned about your hearing ability? With our online hearing test, you can assess your hearing from the comfort of your own home. Our test is easy to use and takes just a few minutes to complete. You'll receive your results instantly and can use them to take action if necessary.
                                 </p>
                             </div>
                         </div>
 
                         <div className="srv">
                             <i className="fa-regular fa-gem"></i>
                             <div className="service-text">
-                                <h3>Web Design</h3>
+                                <h3>Convenient and Affordable Hearing Testing</h3>
                                 <p className="special-p">
-                                    Web design encompasses many different skills and disciplines 
-                                    in the production and maintenance of websites.
+                                Getting your hearing tested has never been more convenient or affordable. Our online hearing test is available 24/7, so you can take it whenever it's convenient for you. And best of all, it's affordable - our pricing is competitive and transparent, with no hidden fees or charges.
                                 </p>
                             </div>
                         </div>
@@ -34,28 +33,26 @@ const Services = () => {
                         <div className="srv">
                             <i className="fa-sharp fa-solid fa-globe"></i>
                             <div className="service-text">
-                                <h3>UI & UX</h3>
+                                <h3>Take Control of Your Hearing Health</h3>
                                 <p className="special-p">
-                                    Process of enhancing user satisfaction with a product by improving 
-                                    the usability, accessibility, and pleasure provided in the interaction.
+                                Taking our online hearing test is the first step towards taking control of your hearing health. With our personalized results and recommendations, you can make informed decisions about how to protect and improve your hearing. Don't wait until it's too late - take our online hearing test today.
                                 </p>
                             </div>
                         </div>
 
                         <div className="srv">
                             <i className="fa-solid fa-earth-asia"></i>
                             <div className="service-text">
-                                <h3>Web Development</h3>
+                                <h3>Get Personalized Recommendations</h3>
                                 <p className="special-p">
-                                    Web development is a broad term for the work involved in developing 
-                                    a web site for the Internet or an intranet.
+                                Our online hearing test provides personalized results and recommendations based on your unique hearing profile. Our advanced algorithms take into account factors such as age, gender, and lifestyle to give you the most accurate assessment possible. Based on your results, we'll provide recommendations for how you can protect and improve your hearing.
                                 </p>
                             </div>
                         </div>
                     </div>
                     <div className="col">
                         <div className="srv-img">
-                            <img src="https://picsum.photos/200/300" alt=""/>
+                            <img src={test4} alt=""/>
                         </div>
                     </div>
 

client/src/shared/Footer.js

@@ -1,15 +1,21 @@
-import React from 'react';
-import { Link } from 'react-router-dom';
-import './style/Footer.css'
+import React from "react";
+import { Link } from "react-router-dom";
+import "./style/Footer.css";
 
 const Footer = () => {
-    return (
-        <footer>
-            <div className="container">
-                <p>&copy; 2023 <span><Link to={'/'}>MOVIES</Link></span> All Rights Reserved</p>
-            </div>
-        </footer>
-    );
+  return (
+    <footer>
+      <div className="container">
+        <p>
+          &copy; 2023{" "}
+          <span>
+            <Link to={"/"}>Eeary</Link>
+          </span>{" "}
+          All Rights Reserved
+        </p>
+      </div>
+    </footer>
+  );
 };
 
-export default Footer;
+export default Footer;

client/src/shared/Header.js

@@ -29,11 +29,14 @@ const Header = () => {
                         <li><Link to={'/'}>Home</Link></li>
                         <li><Link to={'/about'}>About</Link></li>
                         <li><Link to={'/contact'}>Contact</Link></li>
+                        {auth &&auth.role==1 && (
+                            <li><Link to={'/admin'}  className='HeaderLogout'>Dashboard</Link></li>
+                        )}
                         {!auth && (
                             <li><Link to={'/login'}>Login</Link></li>
                         )}
-                        {auth && (
-                            <li><Nav.Link onClick={Logout} className='HeaderLogout'>Logout</Nav.Link></li>
+                        {auth &&auth.role==0 && (
+                            <li><Link to={'/user'}  className='HeaderLogout'>MyProfile</Link></li>
                         )}
                     </ul>
                 </nav>

server/db/connection.js

@@ -1,8 +1,8 @@
 const mysql      = require('mysql');
 const connection = mysql.createConnection({
     host     : 'localhost',
-    user     : 'sqluser',
-    password : '123456',
+    user     : 'root',
+    password : '',
     database : 'earysystem',
     port     : '3306'
 });