fixed bugs added features

2025-11-08 13:31:35 +00:00 · 2025-01-08 21:23:06 -05:00
parent cb30e85cd1
commit c4675b04bc
13 changed files with 138 additions and 71 deletions
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/index.html
+++ b/public/index.html
@@ -1,21 +1,19 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Web site created using create-react-app"
-    />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <!--
+
+<head>
+  <meta charset="utf-8" />
+  <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta name="theme-color" content="#000000" />
+  <meta name="description" content="EhChadServices Official Website" />
+  <link rel="apple-touch-icon" href="%PUBLIC_URL%/favicon.ico" />
+  <!--
      manifest.json provides metadata used when your web app is installed on a
      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
+  <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+  <!--
      Notice the use of %PUBLIC_URL% in the tags above.
      It will be replaced with the URL of the `public` folder during the build.
      Only files inside the `public` folder can be referenced from the HTML.
@@ -24,12 +22,13 @@
      work correctly both with client-side routing and a non-root public URL.
      Learn how to configure a non-root public URL by running `npm run build`.
    -->
-    <title>React App</title>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-    <!--
+  <title>Eh Chad Services</title>
+</head>
+
+<body>
+  <noscript>You need to enable JavaScript to run this app.</noscript>
+  <div id="root"></div>
+  <!--
      This HTML file is a template.
      If you open it directly in the browser, you will see an empty page.

@@ -39,5 +38,6 @@
      To begin the development, run `npm start` or `yarn start`.
      To create a production bundle, use `npm run build` or `yarn build`.
    -->
-  </body>
+</body>
+
 </html>
--- a/src/App.js
+++ b/src/App.js
@@ -7,6 +7,7 @@ import Home from "./pages/Home";
 import Shop from "./pages/Shop";
 import Socials from "./pages/Socials";
 import About from "./pages/About";
+import TermsOfService from "./pages/TermsOfService";
 import Contact from "./pages/Contact";
 import Applications from "./pages/Applications";
 import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
@@ -14,28 +15,16 @@ import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
 function App() {
  return (
    <div className="App">
-      <Helmet>
-        <meta charSet="utf-8" />
-        <title>Eh Chad Services</title>
-        <link rel="canonical" href="http://ehchadservices.com/" />
-        <meta name="description" content="ehchadservices.com" />
-      </Helmet>
      <Router>
        <Navbar />
        <Routes>
-
          <Route path="/" exact element={<Home />} />
-
          {/* <Route path="/shop" exact element={<Shop />} /> */}
-
          {/*<Route path="/applications" exact element={<Applications />} /> */}
-
          <Route path="/socials" exact element={<Socials />} />
-
          <Route path="/about" exact element={<About />} />
-
          {/* <Route path="/contact" exact element={<Contact />} /> */}
-
+          <Route path="/TermsOfService" exact element={<TermsOfService />} />
        </Routes>
        <Discord />
        <Footer />
--- a/src/assets/ehchadserviceslogo.ico
+++ b/src/assets/ehchadserviceslogo.ico
--- a/src/assets/IMG_0771.jpg
+++ b/src/assets/IMG_0771.jpg
--- a/src/components/Footer.js
+++ b/src/components/Footer.js
@@ -3,7 +3,9 @@ import InstagramIcon from '@mui/icons-material/Instagram';
 import TwitterIcon from '@mui/icons-material/Twitter';
 import YouTubeIcon from '@mui/icons-material/YouTube';
 import GitHubIcon from "@mui/icons-material/GitHub";
+import { Link } from 'react-router-dom';
 import "../styles/Footer.css";
+import TermsOfService from "../pages/TermsOfService";

 function Footer() {
  return (
@@ -14,7 +16,10 @@ function Footer() {
        <a href='https://www.instagram.com/chad.doty/' target="_blank" rel="noreferrer"><InstagramIcon /> </a>
        <a href="https://youtube.com/@ehchadreal?si=NS8Fk9PWINFnBCF0" target="_blank" rel="noreferrer"><YouTubeIcon /> </a>
      </div>
-      <p> &copy; 2024 ehchadservices.com</p>
+      <div className="importantInfo">
+        <Link to="/TermsOfService">Terms of Service</Link> {TermsOfService}
+      </div>
+      <p> © 2025 ehchadservices.com</p>
    </div>
  );
 }
--- a/src/components/Navbar.js
+++ b/src/components/Navbar.js
@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import Logo from '../assets/IMG_0771.jpg';
+import Logo from '../assets/favicon.jpg';
 import { NavLink } from 'react-router-dom';
 import ReorderIcon from '@mui/icons-material/Reorder';
 import '../styles/Navbar.css'
@@ -12,28 +12,28 @@ function Navbar() {
    setOpenLinks(!openLinks);
  };
  return (
-      <div className='navbar'>
-        <div className='leftSide' id={openLinks ? "open" : "close"}>
-            <img src={Logo} />
-            <div className='hiddenLinks'>        
-            <NavLink to="/"> Home </NavLink>
-            {/* <NavLink to="/applications"> Apps </NavLink> */}
-            <NavLink to="/socials"> Socials </NavLink>
-            <NavLink to="/about"> About </NavLink>
-           {/* <NavLink to="/contact"> Contact </NavLink> */}
-            </div>
-        </div>
-        <div className='rightSide'>
-            <NavLink to="/"> Home </NavLink>
-            {/* <NavLink to="/applications"> Apps </NavLink> */}
-            <NavLink to="/socials"> Socials </NavLink>
-            <NavLink to="/about"> About </NavLink>
-           {/* <NavLink to="/contact"> Contact </NavLink> */}
-          <button onClick={toggleNavbar}>
-            <ReorderIcon />
-          </button>
+    <div className='navbar'>
+      <div className='leftSide' id={openLinks ? "open" : "close"}>
+        <img src={Logo} />
+        <div className='hiddenLinks'>
+          <NavLink to="/"> Home </NavLink>
+          {/* <NavLink to="/applications"> Apps </NavLink> */}
+          <NavLink to="/socials"> Socials </NavLink>
+          <NavLink to="/about"> About </NavLink>
+          {/* <NavLink to="/contact"> Contact </NavLink> */}
        </div>
      </div>
+      <div className='rightSide'>
+        <NavLink to="/"> Home </NavLink>
+        {/* <NavLink to="/applications"> Apps </NavLink> */}
+        <NavLink to="/socials"> Socials </NavLink>
+        <NavLink to="/about"> About </NavLink>
+        {/* <NavLink to="/contact"> Contact </NavLink> */}
+        <button onClick={toggleNavbar}>
+          <ReorderIcon />
+        </button>
+      </div>
+    </div>
  )
 }

--- a/src/pages/Home.js
+++ b/src/pages/Home.js
@@ -15,8 +15,7 @@ function Home() {
        <Link to='about'>
          <button> About Page </button>
        </Link>
-
-        </div>
+      </div>
    </div>
  );
 }
--- a/src/pages/TermsOfService.js
+++ b/src/pages/TermsOfService.js
@@ -0,0 +1,42 @@
+import React from 'react';
+import '../styles/TermsOfService.css'; // Import your CSS file
+
+function TermsOfService() {
+    return (
+        <div className="terms-container">
+            <h2>Terms of Service</h2>
+            <p>Welcome to ehchadservices.com. These Terms of Service ("Terms") govern your access to and use of our website and services. By accessing or using ehchadservices.com, you agree to be bound by these Terms. If you disagree with any part of the Terms, then you may not access the website.</p>
+
+            <h3>1. Acceptance of Terms</h3>
+            <p>By accessing this website, you acknowledge that you have read, understood, and agree to be bound by these Terms of Service. If you do not agree to these Terms, please do not use this website.</p>
+
+            <h3>2. Description of Services</h3>
+            <p>ehchadservices.com provides software and programs for gamers and content creators, etc. We reserve the right to modify or discontinue any of our services at any time without prior notice.</p>
+
+            <h3>3. User Responsibilities</h3>
+            <p>You are responsible for your use of the website and for any content you post. You agree to use the website in a manner consistent with all applicable laws and regulations.</p>
+
+            {/* Add more sections as needed */}
+
+            <h3>4. Intellectual Property</h3>
+            <p>The content on ehchadservices.com, including text, graphics, logos, images, and software, is the property of ehchadservices.com and is protected by copyright and other intellectual property laws.</p>
+
+            <h3>5. Disclaimer</h3>
+            <p>ehchadservices.com is provided "as is" without any warranties, express or implied. We do not warrant that the website will be uninterrupted or error-free.</p>
+
+            <h3>6. Limitation of Liability</h3>
+            <p>In no event shall ehchadservices.com be liable for any damages arising out of or in connection with your use of the website.</p>
+
+            <h3>7. Governing Law</h3>
+            <p>These Terms shall be governed by and construed in accordance with the laws of Michigan.</p>
+
+            <h3>8. Changes to Terms</h3>
+            <p>We may update these Terms from time to time. We will post any changes on this page. Your continued use of the website following the posting of revised Terms means that you accept and agree to the changes.</p>
+
+            <h3>9. Contact Us</h3>
+            <p>If you have any questions about these Terms, please contact us at ehchadservices@gmail.com.</p>
+        </div>
+    );
+}
+
+export default TermsOfService;
--- a/src/styles/Footer.css
+++ b/src/styles/Footer.css
@@ -21,3 +21,14 @@
 .footer p {
  color: rgb(0, 255, 13);
 }
+
+.importantInfo a {
+  text-decoration: none;
+  color: white;
+  font-size: 16px;
+}
+
+.importantInfo a:hover {
+  color: red;
+  text-decoration: underline;
+}
--- a/src/styles/Home.css
+++ b/src/styles/Home.css
@@ -1,6 +1,6 @@
 .home {
  width: 100svw;
-  height: 90vh;
+  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: left;
@@ -64,6 +64,7 @@
    justify-content: center;
    align-items: center;
  }
+
  .headerContainer h1,
  .headerContainer p {
    display: flex;
@@ -106,6 +107,7 @@
 }

@media only screen and (max-width: 500px) {
+
  .headerContainer,
  .headerContainer h1,
  .headerContainer p {
@@ -115,15 +117,15 @@
  }
 }

-@media only screen and (max-width: 1030px) {
+@media only screen and (max-width: 1030px) {}

-}
-
-@media only screen and (max-width: 920px),(max-height: 630px) {
+@media only screen and (max-width: 920px),
+(max-height: 630px) {
  .home {
    justify-content: center;
    align-items: center;
  }
+
  .headerContainer h1,
  .headerContainer p {
    display: flex;
@@ -165,4 +167,3 @@
  }

 }
-
--- a/src/styles/Socials.css
+++ b/src/styles/Socials.css
@@ -1,7 +1,7 @@
 .social {
  background-color: gray;
  width: 100%;
-  height: 90svh;
+  height: 100svh;
  display: flex;
  justify-content: center;
  align-items: center;
--- a/src/styles/TermsOfService.css
+++ b/src/styles/TermsOfService.css
@@ -0,0 +1,20 @@
+.terms-container {
+    max-width: 800px;
+    /* Adjust as needed */
+    margin: 0 auto;
+    padding: 20px;
+    font-family: sans-serif;
+}
+
+.terms-container h2 {
+    text-align: center;
+    margin-bottom: 20px;
+}
+
+.terms-container h3 {
+    margin-top: 30px;
+}
+
+.terms-container p {
+    line-height: 1.6;
+}