Ramaprueba2

package.json

@@ -23,8 +23,10 @@
     "@testing-library/jest-dom": "5.16.5",
     "@testing-library/react": "14.0.0",
     "@testing-library/user-event": "14.4.3",
+    "axios": "^1.5.0",
     "chroma-js": "2.4.2",
     "flatpickr": "4.6.13",
+    "node-fetch": "^3.3.2",
     "prop-types": "15.8.1",
     "react": "18.2.0",
     "react-copy-to-clipboard": "5.1.0",
@@ -44,12 +46,7 @@
     "lint": "eslint ./src",
     "prettify": "prettier --write ."
   },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
-  },
+  "eslintConfig": {},
   "browserslist": {
     "production": [
       ">0.2%",

src/pages/Presentation/index.js

@@ -74,7 +74,7 @@ function Presentation() {
           <Grid container item xs={12} lg={7} justifyContent="center" mx="auto">
             <MKTypography
               variant="h1"
-              color="white"
+              color="Red"
               mt={-6}
               mb={1}
               sx={({ breakpoints, typography: { size } }) => ({
@@ -83,17 +83,20 @@ function Presentation() {
                 },
               })}
             >
-              Material Kit 2 React{" "}
+              VENTA DE EMPANADAS{" "}
             </MKTypography>
             <MKTypography
               variant="body1"
-              color="white"
-              textAlign="center"
+              color="Cyan"
+              textAlign="left"
               px={{ xs: 6, lg: 12 }}
               mt={1}
             >
-              Free & Open Source Web UI Kit built over ReactJS &amp; MUI. Join over 1.6 million
-              developers around the world.
+              <div class="row">
+                <div class="col-6">
+                  <h5 class="text-right">Ricas y deliciosas empanadas</h5>
+                </div>
+              </div>
             </MKTypography>
           </Grid>
         </Container>

src/pages/Presentation/sections/Counters.js

@@ -20,11 +20,25 @@ import Divider from "@mui/material/Divider";
 
 // Material Kit 2 React components
 import MKBox from "components/MKBox";
+import React from "react";
 
 // Material Kit 2 React examples
+import axios from "axios";
 import DefaultCounterCard from "examples/Cards/CounterCards/DefaultCounterCard";
 
 function Counters() {
+
+  const [ethPrice, setethPrice] = React.useState(50);
+
+  const baseURL="https://api.owlracle.info/v4/eth/gas?apikey=d75facf55eb54ea4825e69645f6d5e64"
+  const test = async() => {
+    axios.get(`${baseURL}`).then((response) => {
+      setethPrice(response.data.avgTx)
+    });
+  };
+
+
+
   return (
     <MKBox component="section" py={3}>
       <Container>
@@ -33,24 +47,26 @@ function Counters() {
             <DefaultCounterCard
               count={70}
               suffix="+"
-              title="Coded Elements"
-              description="From buttons, to inputs, navbars, alerts or cards, you are covered"
+              title="Elements"
+              description="Nevermind"
             />
+            <button onClick={test}>r</button>
+            <p>{ethPrice}</p>
           </Grid>
           <Grid item xs={12} md={4} display="flex">
-            <Divider orientation="vertical" sx={{ display: { xs: "none", md: "block" }, mx: 0 }} />
+            <Divider orientation="horizontal" sx={{ display: { xs: "none", md: "block" }, mx: 0 }} />
             <DefaultCounterCard
-              count={15}
+              count={5}
               suffix="+"
               title="Design Blocks"
-              description="Mix the sections, change the colors and unleash your creativity"
+              description="mportancia ecológica: A pesar de su mala reputación, las arañas son esenciales para el equilibrio ecológico. Son depredadores naturales que controlan las poblaciones de insectos, lo que ayuda a regular los ecosistemas.M"
             />
             <Divider orientation="vertical" sx={{ display: { xs: "none", md: "block" }, ml: 0 }} />
           </Grid>
           <Grid item xs={12} md={4}>
             <DefaultCounterCard
               count={4}
-              title="Pages"
+              title="Paes"
               description="Save 3-4 weeks of work when you use our pre-made pages for your website"
             />
           </Grid>