upload 1.1

bobgus39 · Feb 7, 2024 · 1cc6635 · 1cc6635
1 parent 7f54668
commit 1cc6635
Show file tree

Hide file tree

Showing 27 changed files with 947 additions and 71 deletions.
diff --git a/QMQ.txt b/QMQ.txt
@@ -1,3 +1,23 @@
-imagenes contactos con mapa de gooogle maps
+pag secundarias
 
-y hacer enlaces whatsapp, gmail, al scroll de la pag
+img principal con titulo y ventaja
+
+tres datos numéricos o porcentuales de los asistentes virtuales
+
+descripción y ejemplos como en una tabla izquierda y derecha imagen estatica
+
+footer
+
+2-Presencia en internet
+
+-Make beautiful websites regardless of your design experience.
+
+
+-Ejemplo de marketplace
+
+-tabla??
+
+3-React+next UI 
+
+
+-Ejemplos de funcionalidades (como en next ui con codigo y todo)
diff --git a/index.html b/index.html
@@ -9,5 +9,6 @@
   <body>
     <div id="root"></div>
     <script type="module" src="/src/main.jsx"></script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/confetti.browser.min.js"></script>
   </body>
 </html>
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -14,6 +14,7 @@
   "dependencies": {
     "@nextui-org/react": "^2.2.9",
     "@react-google-maps/api": "^2.19.2",
+    "canvas-confetti": "^1.9.2",
     "dotenv": "^16.4.1",
     "framer-motion": "^11.0.3",
     "gh-pages": "^6.1.1",

diff --git a/src/App.jsx b/src/App.jsx
@@ -2,17 +2,20 @@ import "./App.css";
 
 import { BrowserRouter, Routes, Route } from "react-router-dom";
 import Home from "./pages/Home";
-import Features from "./pages/Features";
-import Integrations from "./pages/Integrations";
+import Libreria from "./pages/Libreria";
+import Ia from "./pages/Ia";
+import Web from "./pages/Web";
 
 function App() {
   return (
     <>
       <BrowserRouter>
         <Routes>
           <Route path="/APMC.github.io" element={<Home></Home>}></Route>
-          <Route path="/Features" element={<Features />}></Route>
-          <Route path="/Integrations" element={<Integrations />}></Route>
+
+          <Route path="/APMC.github.io/IA" element={<Ia />}></Route>
+          <Route path="/APMC.github.io/Web" element={<Web />}></Route>
+          <Route path="/APMC.github.io/Libreria" element={<Libreria />}></Route>
         </Routes>
       </BrowserRouter>
     </>

diff --git a/src/Icons/InfoIcon.jsx b/src/Icons/InfoIcon.jsx
@@ -0,0 +1,35 @@
+import React from "react";
+export const InfoIcon = (props) => (
+  <svg
+    aria-hidden="true"
+    fill="none"
+    focusable="false"
+    height="24"
+    role="presentation"
+    viewBox="0 0 24 24"
+    width="24"
+    {...props}
+  >
+    <path
+      d="M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="1.5"
+    />
+    <path
+      d="M12 8V13"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="1.5"
+    />
+    <path
+      d="M11.9945 16H12.0035"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="2"
+    />
+  </svg>
+);
diff --git a/src/Icons/InvalidCardIcon.jsx b/src/Icons/InvalidCardIcon.jsx
@@ -0,0 +1,56 @@
+import React from "react";
+export const InvalidCardIcon = (props) => (
+  <svg
+    aria-hidden="true"
+    fill="none"
+    focusable="false"
+    height="24"
+    role="presentation"
+    viewBox="0 0 24 24"
+    width="24"
+    {...props}
+  >
+    <path
+      d="M10 16.95H6.21C2.84 16.95 2 16.11 2 12.74V6.74003C2 3.37003 2.84 2.53003 6.21 2.53003H16.74C20.11 2.53003 20.95 3.37003 20.95 6.74003"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="1.5"
+    />
+    <path
+      d="M10 21.4699V16.95"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="1.5"
+    />
+    <path
+      d="M2 12.95H10"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="1.5"
+    />
+    <path
+      d="M6.73999 21.47H9.99999"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="1.5"
+    />
+    <path
+      d="M22 12.8V18.51C22 20.88 21.41 21.47 19.04 21.47H15.49C13.12 21.47 12.53 20.88 12.53 18.51V12.8C12.53 10.43 13.12 9.83997 15.49 9.83997H19.04C21.41 9.83997 22 10.43 22 12.8Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="1.5"
+    />
+    <path
+      d="M17.2445 18.25H17.2535"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="2"
+    />
+  </svg>
+);
diff --git a/src/Icons/MonitorMobileIcon.jsx b/src/Icons/MonitorMobileIcon.jsx
@@ -0,0 +1,56 @@
+import React from "react";
+export const MonitorMobileIcon = (props) => (
+  <svg
+    aria-hidden="true"
+    fill="none"
+    focusable="false"
+    height="24"
+    role="presentation"
+    viewBox="0 0 24 24"
+    width="24"
+    {...props}
+  >
+    <path
+      d="M10 16.95H6.21C2.84 16.95 2 16.11 2 12.74V6.74003C2 3.37003 2.84 2.53003 6.21 2.53003H16.74C20.11 2.53003 20.95 3.37003 20.95 6.74003"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="1.5"
+    />
+    <path
+      d="M10 21.4699V16.95"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="1.5"
+    />
+    <path
+      d="M2 12.95H10"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="1.5"
+    />
+    <path
+      d="M6.73999 21.47H9.99999"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="1.5"
+    />
+    <path
+      d="M22 12.8V18.51C22 20.88 21.41 21.47 19.04 21.47H15.49C13.12 21.47 12.53 20.88 12.53 18.51V12.8C12.53 10.43 13.12 9.83997 15.49 9.83997H19.04C21.41 9.83997 22 10.43 22 12.8Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="1.5"
+    />
+    <path
+      d="M17.2445 18.25H17.2535"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="2"
+    />
+  </svg>
+);
diff --git a/src/Icons/PetIcon.jsx b/src/Icons/PetIcon.jsx
@@ -0,0 +1,34 @@
+import React from "react";
+export const PetIcon = (props) => (
+  <svg
+    aria-hidden="true"
+    fill="none"
+    focusable="false"
+    height="1em"
+    role="presentation"
+    viewBox="0 0 24 24"
+    width="1em"
+    {...props}
+  >
+    <path
+      d="M19.0803 15.7203C18.4903 12.1903 15.1003 9.32031 11.5203 9.32031C7.63028 9.32031 4.21028 12.4703 3.88028 16.3503C3.75028 17.8503 4.23028 19.2703 5.22028 20.3403C6.20028 21.4103 7.58028 22.0003 9.08028 22.0003H13.7603C15.4503 22.0003 16.9303 21.3403 17.9403 20.1503C18.9503 18.9603 19.3503 17.3803 19.0803 15.7203Z"
+      fill="currentColor"
+    />
+    <path
+      d="M10.2796 7.86C11.8978 7.86 13.2096 6.54819 13.2096 4.93C13.2096 3.31181 11.8978 2 10.2796 2C8.66141 2 7.34961 3.31181 7.34961 4.93C7.34961 6.54819 8.66141 7.86 10.2796 7.86Z"
+      fill="currentColor"
+    />
+    <path
+      d="M16.94 9.02844C18.2876 9.02844 19.38 7.93601 19.38 6.58844C19.38 5.24086 18.2876 4.14844 16.94 4.14844C15.5924 4.14844 14.5 5.24086 14.5 6.58844C14.5 7.93601 15.5924 9.02844 16.94 9.02844Z"
+      fill="currentColor"
+    />
+    <path
+      d="M20.5496 12.9313C21.6266 12.9313 22.4996 12.0582 22.4996 10.9812C22.4996 9.90429 21.6266 9.03125 20.5496 9.03125C19.4727 9.03125 18.5996 9.90429 18.5996 10.9812C18.5996 12.0582 19.4727 12.9313 20.5496 12.9313Z"
+      fill="currentColor"
+    />
+    <path
+      d="M3.94 10.9816C5.28757 10.9816 6.38 9.88914 6.38 8.54156C6.38 7.19399 5.28757 6.10156 3.94 6.10156C2.59243 6.10156 1.5 7.19399 1.5 8.54156C1.5 9.88914 2.59243 10.9816 3.94 10.9816Z"
+      fill="currentColor"
+    />
+  </svg>
+);
diff --git a/src/Icons/ShieldSecurityIcon.jsx b/src/Icons/ShieldSecurityIcon.jsx
@@ -0,0 +1,37 @@
+import React from "react";
+export const ShieldSecurityIcon = (props) => (
+  <svg
+    aria-hidden="true"
+    fill="none"
+    focusable="false"
+    height="24"
+    role="presentation"
+    viewBox="0 0 24 24"
+    width="24"
+    {...props}
+  >
+    <path
+      d="M10.49 2.23006L5.49997 4.11006C4.34997 4.54006 3.40997 5.90006 3.40997 7.12006V14.5501C3.40997 15.7301 4.18997 17.2801 5.13997 17.9901L9.43997 21.2001C10.85 22.2601 13.17 22.2601 14.58 21.2001L18.88 17.9901C19.83 17.2801 20.61 15.7301 20.61 14.5501V7.12006C20.61 5.89006 19.67 4.53006 18.52 4.10006L13.53 2.23006C12.68 1.92006 11.32 1.92006 10.49 2.23006Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="1.5"
+    />
+    <path
+      d="M12 12.5C13.1046 12.5 14 11.6046 14 10.5C14 9.39543 13.1046 8.5 12 8.5C10.8954 8.5 10 9.39543 10 10.5C10 11.6046 10.8954 12.5 12 12.5Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeMiterlimit="10"
+      strokeWidth="1.5"
+    />
+    <path
+      d="M12 12.5V15.5"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeMiterlimit="10"
+      strokeWidth="1.5"
+    />
+  </svg>
+);
diff --git a/src/components/AvatarWeb.jsx b/src/components/AvatarWeb.jsx
@@ -0,0 +1,24 @@
+import React from "react";
+import { Avatar, AvatarGroup } from "@nextui-org/react";
+
+export default function AvatarWeb() {
+  return (
+    <AvatarGroup
+      isBordered
+      max={3}
+      total={10}
+      renderCount={(count) => (
+        <p className="text-small text-foreground font-medium ms-2">
+          +{count} others
+        </p>
+      )}
+    >
+      <Avatar src="https://i.pravatar.cc/150?u=a042581f4e29026024d" />
+      <Avatar src="https://i.pravatar.cc/150?u=a04258a2462d826712d" />
+      <Avatar src="https://i.pravatar.cc/150?u=a042581f4e29026704d" />
+      <Avatar src="https://i.pravatar.cc/150?u=a04258114e29026302d" />
+      <Avatar src="https://i.pravatar.cc/150?u=a04258114e29026702d" />
+      <Avatar src="https://i.pravatar.cc/150?u=a04258114e29026708c" />
+    </AvatarGroup>
+  );
+}
diff --git a/src/components/CardData.jsx b/src/components/CardData.jsx
@@ -0,0 +1,28 @@
+import React from "react";
+import { Card, CardFooter, Image, Button } from "@nextui-org/react";
+
+export default function App(data) {
+  return (
+    <Card
+      isFooterBlurred
+      radius="lg"
+      className="border-none flex  align-center justify-center w-auto h-auto"
+    >
+      <h1 className=" tracking-tight inline font-semibold from-[#5EA2EF] to-[#0072F5] text-6xl mx-auto mb-12  bg-clip-text text-transparent bg-gradient-to-b">
+        {data.tittle}
+      </h1>
+      <CardFooter className="justify-between before:bg-white/10 border-white/20 border-1  py-1 absolute before:rounded-xl rounded-large bottom-1 w-[calc(100%_-_8px)] shadow-small ml-1 z-10">
+        <p className="text-[0.7em] text-white/80">{data.description}</p>
+        {/*<Button
+          className="text-tiny text-white bg-black/20"
+          variant="flat"
+          color="default"
+          radius="lg"
+          size="sm"
+        >
+          Notify me
+  </Button>*/}
+      </CardFooter>
+    </Card>
+  );
+}