Updates files - v.1.3.0-beta.1

mpcgt · Jun 16, 2024 · 404df64 · 404df64
1 parent e86cf55
commit 404df64
Show file tree

Hide file tree

Showing 8 changed files with 107 additions and 75 deletions.
diff --git a/src/App.css b/src/App.css
@@ -22,6 +22,11 @@ body {
     src: url(../src/fonts/Ahsing/Ahsing-Regular.otf);
 }
 
+@font-face {
+    font-family: roboto-regular;
+    src: url(../src/fonts/Roboto/Roboto-Regular.ttf);
+}
+
 .ahsing {
     font-family: ahsing;
 }
diff --git a/src/assets/components/Footer.tsx b/src/assets/components/Footer.tsx
@@ -1,75 +1,19 @@
-import { Box, Heading, List, Text } from '@chakra-ui/react';
-import { Link } from "react-router-dom";
-
-const FooterEnd = () => {
+const Footer = () => {
   return (
-    <Box
-      as="footer"
-      bg="gray.300"
-      borderTop="1px solid"
-      borderColor="gray.300"
-      py="2.5rem"
-      fontSize="0.875rem"
-    >
-      <Box
-        maxW="64rem"
-        marginX="auto"
-        pb="2rem"
-        mb="1.5rem"
-        px={10}
-        borderBottom="1px solid"
-        borderColor="gray.300"
-      >
-          <Box w={{ base: '100%', sm: '50%', md: 'max-content' }} mb={{ base: '1.5rem', lg: '0' }}>
-            <Heading as="h5" color="gray.700" mb="0.5rem" fontSize="0.875rem" fontWeight="600">
-              Levetica
-            </Heading>
-            <List lineHeight="2" justifyContent="center">
-              <Link to="News">Actualités</Link>
-              <Link to="Help">Aide</Link>
-              <Link to="About">À propos</Link>
-            </List>
-          </Box>
-          <Box w={{ base: '100%', sm: '50%', md: 'max-content' }} mb={{ base: '1.5rem', lg: '0' }}>
-            <Heading as="h5" color="gray.700" mb="0.5rem" fontSize="0.875rem" fontWeight="600">
-              Découvrir
-            </Heading>
-            <List lineHeight="2">
-            <Link to="IDE">IDE</Link>
-            <Link to="OS">OS</Link>
-            <Link to="Git">Git</Link>
-            <Link to="Code">Services d'apprentissage du code</Link>
-            <Link to="Docs">Générateurs de documentation</Link>
-            <Link to="Pack">Gestionnaire de paquets</Link>
-            <Link to="Issues">Systèmes de suivi des problèmes</Link>
-            </List>
-          </Box>
-          <Box w={{ base: '100%', sm: '50%', md: 'max-content' }} mb={{ base: '1.5rem', lg: '0' }}>
-            <Heading as="h5" color="gray.700" mb="0.5rem" fontSize="0.875rem" fontWeight="600">
-              Programmer
-            </Heading>
-            <List lineHeight="2">
-            <Link to="Languages">Langages de programmation</Link>
-            <Link to="Web">Outils de développement Web</Link>
-            <Link to="JS">Outils de développement JavaScript</Link>
-            <Link to="Mobile">Outils de développement Mobile</Link>
-            <Link to="Games">Outils de développement de jeux</Link>
-            <Link to="CSS">Cadres CSS</Link>
-            <Link to="Database">Gestionnaire de bases de données</Link>
-            </List>
-          </Box>
-            <List lineHeight="2">
-            <Link to="Conditions">Conditions</Link>
-            <Link to="Privacy">Vie privée</Link>
-            <Link to="Maps">Plan du site</Link>
-              <script type="text/javascript" src="https://cdnjs.buymeacoffee.com/1.0.0/button.prod.min.js" data-name="bmc-button" data-slug="levetica" data-color="#000" data-emoji=""  data-font="Poppins" data-text="Buy me a coffee" data-outline-color="#fff" data-font-color="#fff" data-coffee-color="#FFDD00" ></script>
-            </List>
-          </Box>
-        <Text color="gray.600" fontSize="0.875rem" pl="0.5rem">
-           2024 Levetica -  Tout droits réservés - v.1.0.56
-        </Text>
-    </Box>
+
+<div className="container">
+  <footer className="py-3 my-4">
+    <ul className="nav justify-content-center border-bottom pb-3 mb-3">
+      <li className="nav-item"><a href="#" className="nav-link px-2 text-body-secondary">Home</a></li>
+      <li className="nav-item"><a href="#" className="nav-link px-2 text-body-secondary">Features</a></li>
+      <li className="nav-item"><a href="#" className="nav-link px-2 text-body-secondary">Pricing</a></li>
+      <li className="nav-item"><a href="#" className="nav-link px-2 text-body-secondary">FAQs</a></li>
+      <li className="nav-item"><a href="#" className="nav-link px-2 text-body-secondary">About</a></li>
+    </ul>
+    <p className="text-center text-body-secondary">&copy; 2024 Company, Inc</p>
+  </footer>
+</div>
   );
 };
 
-export default FooterEnd;
+export default Footer;
diff --git a/src/assets/components/hero/hero.css b/src/assets/components/hero/hero.css
@@ -0,0 +1,13 @@
+font {
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+}
+
+.decoration-none {
+  text-decoration: none;
+}
+
+a:hover
+{
+color: #333;
+}
diff --git a/src/assets/components/hero/hero.tsx b/src/assets/components/hero/hero.tsx
@@ -0,0 +1,72 @@
+import { useNavigate } from "react-router-dom";
+import Dropdown from "react-bootstrap/Dropdown";
+import LvtcLogo from "./levetica-purple.png";
+import "./hero.css";
+
+const Hero = () => {
+  const navigate = useNavigate();
+  return (
+    <div className="container col-xxl-8 px-4 py-5">
+      <div className="row flex-lg-row-reverse align-items-center g-5 py-5">
+        <div className="col-10 col-sm-8 col-lg-6">
+          <img
+            src={LvtcLogo}
+            className="d-block mx-lg-auto img-fluid"
+            alt="Bootstrap Themes"
+            width="700"
+            height="500"
+            loading="lazy"
+          />
+        </div>
+        <div className="col-lg-6">
+          <div className="alert alert-light ms-5 me-5" role="alert">
+          <i className="fa-solid fa-circle-info"></i>&nbsp;&nbsp;Annonce d'une nouvelle version 1.3.0 | <a href="#" className="alert-link decoration-none">En savoir plus&nbsp;&nbsp;<i className="fa-solid fa-arrow-right"></i></a>
+          </div>
+          <h1 className="display-5 fw-bold text-start lh-1 mb-3 ahsing">
+            Fini les hésitations, trouve les outils adaptés à tes besoins.
+          </h1>
+          <h5 className="text-start font">
+            Les outils adaptés par langages de programmation sont des ressources
+            essentielles pour les développeurs, leur permettant de travailler de
+            manière efficace dans un environnement de développement spécifique à
+            chaque langage en offrant des fonctionnalités telles que la syntaxe
+            de coloration, la complétion automatique de code, la vérification de
+            la syntaxe et le débogage.{" "}
+          </h5>
+          <div className="d-grid gap-2 d-md-flex justify-content-md-start">
+            <button
+              type="button"
+              className="btn btn-primary btn-lg px-4 me-md-2"
+              onClick={() => navigate("/products")}
+            >
+              Voir les outils
+            </button>
+            <Dropdown>
+              <Dropdown.Toggle
+                className="btn btn-outline-secondary text-white btn-lg"
+                variant="secondary"
+                id="dropdown-basic"
+              >
+                <i className="fa-brands fa-github"></i>&nbsp;GitHub
+              </Dropdown.Toggle>
+
+              <Dropdown.Menu>
+                <Dropdown.Item
+                  href="https://github.com/mpcgt/levetica"
+                  target="_blank"
+                >
+                  <i className="fa-brands fa-github"></i>&nbsp;Mon projet
+                </Dropdown.Item>
+                <Dropdown.Item href="https://github.com/mpcgt" target="_blank">
+                  <i className="fa-brands fa-github"></i>&nbsp;Mon profil
+                </Dropdown.Item>
+              </Dropdown.Menu>
+            </Dropdown>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default Hero;
diff --git a/src/assets/components/hero/levetica-logo.png b/src/assets/components/hero/levetica-logo.png
diff --git a/src/assets/components/hero/lvtcw-letters.png b/src/assets/components/hero/lvtcw-letters.png
diff --git a/src/fonts/Roboto/Roboto-Regular.ttf b/src/fonts/Roboto/Roboto-Regular.ttf
diff --git a/src/index.tsx b/src/index.tsx
@@ -1,3 +1,4 @@
+import Hero from '../src/assets/components/hero/hero'
 import imagePathWhite from "../src/assets/lvtcw-letters.png";
 import dev from "../src/assets/images/dev.png";
 import 'bootstrap/dist/css/bootstrap.css';
@@ -8,10 +9,7 @@ function Text() {
   return (
     <>
       <div>
-        <br />
-        <br />
-        <br />
-        <br />
+        <Hero />
         <div className="text-center">
         <div className="marginstart">
           <a href="https://github.com/mpcgt/levetica" rel="noopener" target="_blank">