Español/English Added

app/components/aboutme.jsx

@@ -0,0 +1,36 @@
+import Image from 'next/image';
+import miImagen from '../images/1mb.jpeg';
+
+const Aboutme = () => {
+    const downloadCV = "./CV.pdf";
+
+    return (
+
+        <div className="personaldata">
+            <div className="datos1">
+                <div className="photomia">
+                    <a href={downloadCV} download="CV - Alberto Ambriz.pdf">
+                        <Image src={miImagen} width={"auto"} height={"auto"} priority={true}  alt="" />
+                    </a>
+                </div>
+                <div className="datos">
+                    <div className="nombre">
+                        Alberto Ambriz
+                    </div>
+                </div>
+            </div>
+            <div className="datos2">
+                <div className="aboutme">
+                    <h2>SOBRE MI...</h2>
+                    <div className='descriptionme'>
+                        Estudiante de Ingeniería en Software, me apasiona el desarrollo de aplicaciones (web/móvil), el diseño de estas es lo más entretenido para mí, estoy listo para trabajar de inmediato.
+                    </div>
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default Aboutme;
+
+

app/components/aboutmeen.jsx

@@ -0,0 +1,36 @@
+import Image from 'next/image';
+import miImagen from '../images/1mb.jpeg';
+
+const AboutmeEN = () => {
+
+    const downloadCV = "./CV.pdf";
+
+    return (
+        <div className="personaldata">
+            <div className="datos1">
+                <div className="photomia">
+                    <a href={downloadCV} download="CV - Alberto Ambriz.pdf">
+                        <Image src={miImagen} width={"auto"} height={"auto"} priority={true}  alt="" />
+                    </a>
+                </div>
+                <div className="datos">
+                    <div className="nombre">
+                        Alberto Ambriz
+                    </div>
+                </div>
+            </div>
+            <div className="datos2">
+                <div className="aboutme">
+                    <h2>ABOUT ME...</h2>
+                    <div className='descriptionme'>
+                        Software Engineering student, I am passionate about developing applications (web/mobile), their design is the most entertaining for me, I am ready to work immediately.
+                    </div>
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default AboutmeEN;
+
+

app/components/contactme.jsx

@@ -31,7 +31,7 @@ const Contactame = () => {
             <h1 className="contactmett">CONTACTAME</h1>
             <h1>CORREO</h1>
             <div className="correo">
-            <span id="url" className='correotxt'>albertpoambez@gmail.com</span>
+            <span id="url" className='correotxt'>albertpoambez@icloud.com</span>
             <button className='correobtn' onClick={() => copiarAlPortapapeles('[email protected]')}>
                 {copiadoCorreo ? 'Copiado' : 'Copiar'}
             </button>

app/components/contactmeen.jsx

@@ -0,0 +1,50 @@
+'use client'
+
+
+import { useState, useEffect } from 'react';
+import Image from 'next/image';
+import Head from 'next/head';
+
+const ContactameEN = () => {
+
+    const [copiadoCorreo, setCopiadoCorreo] = useState(false);
+    const [copiadoTelefono, setCopiadoTelefono] = useState(false);
+
+    function copiarAlPortapapeles(texto) {
+        if (navigator.clipboard) {
+            navigator.clipboard.writeText(texto);
+            setCopiadoCorreo(true);
+            setTimeout(() => setCopiadoCorreo(false), 3000); // Espera 3 segundos
+        }
+        }
+
+        function copiarTelefono(texto) {
+        if (navigator.clipboard) {
+            navigator.clipboard.writeText(texto);
+            setCopiadoTelefono(true);
+            setTimeout(() => setCopiadoTelefono(false), 3000); // Espera 3 segundos
+        }
+        }
+
+    return (
+        <div className="contactme">
+            <h1 className="contactmett">CONTACT ME</h1>
+            <h1>EMAIL</h1>
+            <div className="correo">
+            <span id="url" className='correotxt'>[email protected]</span>
+            <button className='correobtn' onClick={() => copiarAlPortapapeles('[email protected]')}>
+                {copiadoCorreo ? 'Copiado' : 'Copiar'}
+            </button>
+            </div>
+            <h1>PHONE NUMBER</h1>
+            <div className="telefono">
+            <span id="tel" className='correotxt'>+52 3141576598</span>
+            <button className='correobtn' onClick={() => copiarTelefono('+523141576598')}>
+                {copiadoTelefono ? 'Copiado' : 'Copiar'}
+            </button>
+            </div>
+        </div>
+        )
+    }
+
+export default ContactameEN;

app/components/creator.jsx

@@ -0,0 +1,11 @@
+const Creador = () => {
+return(
+    <div className='creador'>
+        <h4>Estilo de portafolio con derechos reservados <i className="bi bi-c-circle"></i></h4>
+        <h4>Portafolio web realizado con NextJS</h4>
+        <i className="bi bi-github"></i>  /AmbrizAlberto
+    </div>
+)
+}
+
+export default Creador;

app/components/creatoren.jsx

@@ -0,0 +1,11 @@
+const CreadorEN = () => {
+return(
+    <div className='creador'>
+        <h4>Copyright Portfolio Style<i className="bi bi-c-circle"></i></h4>
+        <h4>Web Briefcase developed with NextJS</h4>
+        <i className="bi bi-github"></i>  /AmbrizAlberto
+    </div>
+)
+}
+
+export default CreadorEN;

app/components/navbar.jsx

@@ -21,10 +21,10 @@ export default function Navbar() {
             </div>
 
             <div className="access">
-                <Link className="link" href="/"><i className="bi bi-house-fill"></i><span>Hogar</span></Link>
+                <Link className="link" href="#"><i className="bi bi-house-fill"></i><span>Inicio</span></Link>
+                <Link className="link" href="/"><i class="bi bi-translate"></i><span>EN / ES</span></Link>
                 <Link className="link" href="/"><i className="bi bi-person-raised-hand"></i><span>En solitario</span></Link>
                 <Link className="link" href="/"><i className="bi bi-people-fill"></i><span>En grupo</span></Link>
-                <Link className="link" href="/"><i className="">EN</i><span>Cambiar Idioma</span></Link>
             </div>
 
         </div>

app/components/navbaren.jsx

@@ -0,0 +1,32 @@
+// navbar.jsx
+
+'use client';
+
+/* IMPORT PRINCIPAL LIBRARYS */
+import Link from 'next/link';
+
+/* IMPORT CSS */
+import "../css/navbar.css"
+
+/* BOOTSTRAP ICONS */
+import 'bootstrap-icons/font/bootstrap-icons.css';
+
+
+export default function NavbarEN() {
+    return (
+
+        <div className="navbar">
+            <div className="logo">
+                <Link className="link" href="/"></Link>
+            </div>
+
+            <div className="access">
+                <Link className="link" href="#"><i className="bi bi-house-fill"></i><span>Home</span></Link>
+                <Link className="link" href="/"><i class="bi bi-translate"></i><span>ES / EN</span></Link>
+                <Link className="link" href="/"><i className="bi bi-person-raised-hand"></i><span>Solo</span></Link>
+                <Link className="link" href="/"><i className="bi bi-people-fill"></i><span>In Group</span></Link>
+            </div>
+
+        </div>
+    );
+}

app/components/pageen.jsx

@@ -0,0 +1,64 @@
+  // pageen.jsx
+
+import { useState, useEffect } from 'react';
+import Image from 'next/image';
+import Head from 'next/head';
+
+import styles from "../css/main.css";
+import stylerespons from "../css/mainrespons.css";
+
+import miImagen from '../images/1mb.jpeg';
+
+import NavbarEN from './navbaren';
+import TecnologiasEN from './tecnologiesen';
+import ProyectosEN from './projectsen';
+import ContactameEN from './contactmeen';
+import AboutmeEN from './aboutmeen';
+import CreatorEN from './creatoren'
+
+  const PortafolioEN = () => {
+
+    useEffect(() => {
+      if (typeof window !== 'undefined') {
+        initScrollReveal('.personaldata', 'bottom');
+        initScrollReveal('.lenguajes', 'bottom');
+        initScrollReveal('.projects', 'bottom');
+        initScrollReveal('.contactme', 'bottom');
+      }
+    }, []);
+
+    async function initScrollReveal(selector, origin) {
+      if (typeof window !== 'undefined') {
+        const ScrollReveal = (await import('scrollreveal')).default;
+        ScrollReveal().reveal(selector, {
+          duration: 1000,
+          origin: origin,
+          distance: '10px',
+          delay: 100,
+          easing: 'ease-in-out',
+        });
+      }
+    }
+
+    const downloadCV = "./CV.pdf";
+
+    return (
+      <div className='main'>
+
+        <NavbarEN />
+        <AboutmeEN/>        
+        <TecnologiasEN />
+        <ProyectosEN />
+        <ContactameEN />
+        <CreatorEN/>
+
+
+        <Head>
+          <script src="https://platform.linkedin.com/badges/js/profile.js" async defer />
+          <script src='script/scrollreveal.js' async defer />
+        </Head>
+      </div>
+    );
+  };
+
+  export default PortafolioEN;