diff --git a/index.html b/index.html index 0c589ec..db02ee2 100644 --- a/index.html +++ b/index.html @@ -1,13 +1,16 @@ - - - - - Vite + React - - -
- - - + + + + + + Gavriel Batyrov + + + +
+ + + + \ No newline at end of file diff --git a/src/App.jsx b/src/App.jsx index c4d7f83..49fcbdb 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -21,11 +21,11 @@ export default function App() { return (
-
- +
+ -
} diff --git a/src/Footer.jsx b/src/Footer.jsx index e231b7e..32abc6e 100644 --- a/src/Footer.jsx +++ b/src/Footer.jsx @@ -1,8 +1,9 @@ import React, { useState } from "react"; import "./Footer.css"; -import Modal from "./Modal"; // Import the Modal component -import ContactForm from "./Contact"; // Import the ContactForm component -import resume from "./assets/resume.pdf"; // Correctly import the PDF +import Modal from "./Modal"; +import ContactForm from "./Contact"; +import modalImage from "./assets/modal.svg"; +import resume from "./assets/resume.pdf"; export default function Footer() { const [isModalOpen, setModalOpen] = useState(false); @@ -30,7 +31,13 @@ export default function Footer() { Projects
  • - + { + e.preventDefault(); + toggleModal(); + }} + > Contact
    • @@ -79,10 +86,20 @@ export default function Footer() {

    Let's Connect

    - I'm currently looking for new opportunities! If you have a job - opening or would like to discuss potential roles, please reach - out—I'd love to connect. + I'm actively pursuing opportunities as a software engineer and + would be thrilled to connect with others in the field. If you + have a job opening or simply want to discuss anything related to + technology and development, I'd be happy to hear from you. Don't + hesitate to get in touch—I'm eager to explore new possibilities + and engage in meaningful conversations.

    +
    + Contact Illustration +
    } rightContent={} diff --git a/src/Header.jsx b/src/Header.jsx index 03e026d..7fa21ef 100644 --- a/src/Header.jsx +++ b/src/Header.jsx @@ -1,7 +1,8 @@ import React, { useState } from "react"; import "./Header.css"; -import Modal from "./Modal"; // Ensure you import your Modal component -import ContactForm from "./Contact"; // Import your ContactForm component +import Modal from "./Modal"; // Import the Modal component +import ContactForm from "./Contact"; // Import the ContactForm component +import modalImage from "./assets/modal.svg"; // Import the modal image export default function Header() { const [isMobileMenuOpen, setMobileMenuOpen] = useState(false); @@ -60,7 +61,7 @@ export default function Header() { - {/* Modal Component */} + {/* Modal for Contact Form */} {isModalOpen && (

    Let's Connect

    - I would love to hear from you. Whether it's a project, job - opportunity, or just a chat, feel free to reach out! + I'm actively pursuing opportunities as a software engineer and + would be thrilled to connect with others in the field. If you + have a job opening or simply want to discuss anything related to + technology and development, I'd be happy to hear from you. Don't + hesitate to get in touch—I'm eager to explore new possibilities + and engage in meaningful conversations.

    +
    + Contact Illustration +
    } rightContent={} diff --git a/src/Hero.jsx b/src/Hero.jsx index a2566f7..a901ee2 100644 --- a/src/Hero.jsx +++ b/src/Hero.jsx @@ -34,8 +34,12 @@ export default function Hero() {

    Let's Connect

    - I would love to hear from you. Whether it's a project, job - opportunity, or just a chat, feel free to reach out! + I'm actively pursuing opportunities as a software engineer and + would be thrilled to connect with others in the field. If you + have a job opening or simply want to discuss anything related + to technology and development, I'd be happy to hear from you. + Don't hesitate to get in touch—I'm eager to explore new + possibilities and engage in meaningful conversations.

    diff --git a/src/assets/Logo (2).png b/src/assets/Logo (2).png new file mode 100644 index 0000000..1a7310b Binary files /dev/null and b/src/assets/Logo (2).png differ diff --git a/src/assets/projectsite.png b/src/assets/projectsite.png new file mode 100644 index 0000000..9b0d643 Binary files /dev/null and b/src/assets/projectsite.png differ diff --git a/src/assets/projectsitet2.png b/src/assets/projectsitet2.png new file mode 100644 index 0000000..d95f718 Binary files /dev/null and b/src/assets/projectsitet2.png differ