upload 1.4

Author: bobgus39

src/components/ImgCard.jsx

@@ -33,7 +33,7 @@ export default function ImgCard() {
       <Card
         as={Link}
         to="/APMC.github.io/IA"
-        className="col-span-12 sm:col-span-4 h-[300px]"
+        className="col-span-12 sm:col-span-7 h-[300px]"
       >
         <CardHeader className="absolute z-10 top-1 flex-col !items-start">
           <p className="text-tiny text-white/60 uppercase font-bold">
@@ -54,7 +54,7 @@ export default function ImgCard() {
       <Card
         as={Link}
         to="/APMC.github.io/Web"
-        className="col-span-12 sm:col-span-4 h-[300px]"
+        className="w-full col-span-12 sm:col-span-5 h-[300px]"
       >
         <CardHeader className="absolute z-10 top-1 flex-col !items-start">
           <p className="text-tiny text-white/60 uppercase font-bold">
@@ -72,7 +72,7 @@ export default function ImgCard() {
           src={webEj}
         />
       </Card>
-      <Card className="col-span-12 sm:col-span-4 h-[300px]">
+      <Card className=" hidden col-span-12 sm:col-span-4 h-[300px]">
         <CardHeader className="absolute z-10 top-1 flex-col !items-start">
           <p className="text-tiny text-white/60 uppercase font-bold">
             React + Next UI
@@ -114,7 +114,7 @@ export default function ImgCard() {
             color="primary"
             variant="shadow"
             radius="full"
-            size="sm"
+            size="lg"
             onClick={handleWhatsapp}
           >
             Whatsappeame
@@ -153,7 +153,7 @@ export default function ImgCard() {
               </p>
             </div>
           </div>
-          <Button radius="full" size="sm" onClick={openGithub}>
+          <Button radius="full" variant="shadow" size="lg" onClick={openGithub}>
             Github
           </Button>
         </CardFooter>

src/components/NavBar.jsx

@@ -19,7 +19,7 @@ import {
 import { MoonIcon } from "../Icons/MoonIcon.jsx";
 import { SunIcon } from "../Icons/SunIcon.jsx";
 //import { AcmeLogo } from "../AcmeLogo.jsx";
-import Logo from "../img/Logo.png";
+import Logo from "../img/Logo2.png";
 import {
   ChevronDown,
   Lock,
@@ -112,7 +112,9 @@ export default function NavBar() {
           className="hidden"
         />
         <NavbarBrand>
-          <Image width="60px" src={Logo} alt="logo"></Image>
+          <Link href="/APMC.github.io/" aria-current="page">
+            <Image width="60px" src={Logo} alt="logo"></Image>
+          </Link>
         </NavbarBrand>
       </NavbarContent>
 

src/img/ComicEjIA.png

@@ -21,6 +21,21 @@ export default function Home() {
     <>
       <Navbar />
       <ImgCard />
+      <div className="lg:w-3/5 inline-block my-auto  ">
+        <h1 className="tracking-tight inline font-semibold text-[2.5rem] lg:text-5xl">
+          Estas son las&nbsp;
+        </h1>
+        <h1 className="tracking-tight inline font-semibold from-[#FF1CF7] to-[#b249f8] text-[2.5rem] lg:text-5xl bg-clip-text text-transparent bg-gradient-to-b">
+          tecnologías&nbsp;
+        </h1>
+        <h1 className="tracking-tight inline font-semibold text-[2.5rem] lg:text-5xl">
+          que usamos en nuestro día a día
+        </h1>
+        <p className="w-full md:w-1/2 my-2 text-lg lg:text-xl font-normal text-default-500 block max-w-full !w-full text-center md:text-left">
+          Siempre estamos buscando nuevas tecnologías para mejorar nuestras
+          soluciones y ofrecer un mejor servicio.
+        </p>
+      </div>
       <TechCard />
 
       <Contact />

src/pages/Home.jsx

@@ -2,7 +2,7 @@
 import { Card, Image, CardHeader, Divider } from "@nextui-org/react";
 import NavBar from "../components/NavBar";
 import Fondo from "../img/Fondo.png";
-import Fondo1 from "../img/Fondo1.png";
+import ComicEjIA from "../img/ComicEjIA.png";
 import CardData from "../components/CardData";
 import TableCustom from "../components/TableCustom";
 import Footer from "../components/Footer";
@@ -51,8 +51,8 @@ export default function Ia() {
         <div className="lg:w-3/5 my-auto">
           <TableCustom className="h-full " />
         </div>
-        <div className="lg:w-2/5 my-auto">
-          <Image src={Fondo1} alt="fondo IA" className="h-full" />
+        <div className="sm:block hidden lg:w-2/5 my-auto">
+          <Image src={ComicEjIA} alt="fondo IA" className="h-full" />
         </div>
       </div>
       <Contact />

src/pages/Ia.jsx

@@ -47,13 +47,21 @@ export default function Web() {
           <CustomButton />
         </Card>
       </div>
+      <div className="lg:w-3/5 inline-block my-auto  ">
+        <h1 className="tracking-tight inline font-semibold text-[2.5rem] lg:text-5xl">
+          Formas de realizar tu propio&nbsp;
+        </h1>
+        <h1 className="tracking-tight inline font-semibold from-[#5EA2EF] to-[#0072F5] text-4xl lg:text-6xl bg-clip-text text-transparent bg-gradient-to-b">
+          MARKETPLACE
+        </h1>
 
+        <p className="w-full md:w-1/2 my-2 text-lg lg:text-xl font-normal text-default-500 block max-w-full !w-full text-center md:text-left">
+          Te ofrecemos apoyo y mantenimiento mensual gratuito si es tu primera
+          vez
+        </p>
+      </div>
       <div className="flex flex-col lg:flex-row gap-1 p-4 h-full">
-        <div className="lg:w-2/5 my-auto">
-          <h1 className="tracking-tight inline font-semibold from-[#5EA2EF] to-[#0072F5] text-4xl lg:text-6xl bg-clip-text text-transparent bg-gradient-to-b">
-            MARKETPLACE
-          </h1>
-        </div>
+        <div className="lg:w-2/5 my-auto"></div>
         <div className="lg:w-3/5">
           <ImgCardWeb />
         </div>