updated the contacts page with a new 3D design.

removed the old design from the projects page.
NekruzAsh · Mar 30, 2024 · 56370e0 · 56370e0
1 parent 4b77950
commit 56370e0
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/app/components/Contact.jsx b/app/components/Contact.jsx
@@ -11,14 +11,20 @@ const Contact = () => {
       id="contact"
       className="w-full lg:h-[150%] flex justify-center items-center"
     >
-      <div className="max-w-[760px] m-auto lg:px-2 md:px-20 md:py-16 px-2 py-2 w-full">
+      <iframe
+            src="https://my.spline.design/3dpathslines1copy-ce01ee03911f38e4c9f14fb4d2fd7721/"
+            className="left-0 right-0 w-[96%] md:w-[58%] h-64 absolute mx-auto z-0"
+            width="100%"
+            height="100%"
+          ></iframe>
+      <div className=" lg:px-2 md:py-16 px-2 py-2 w-full z-20 bg-[#050817] rounded-lg bg-opacity-80">
         <p className="text-lg text-[#64feda] py-2 text-center">
           03. What's Next?
         </p>
         <h2 className=" text-[#e8ddff] md:py-4 text-center md:text-[60px] mx-auto">
           Get In Touch
         </h2>
-        <p className="text-[#aba6c4] text-[17px] py-4 text-center mx-10 mb-10">
+        <p className="text-[#aba6c4] text-[17px] py-4 text-center items-center mx-auto box box-border w-[340px] h-[120px] md:w-[440px] mb-10">
           If you have any opportunities, insights, or just want to say hi,
           please message me. I will get back to you as soon as possible!
         </p>

diff --git a/app/components/Projects.jsx b/app/components/Projects.jsx
@@ -17,13 +17,7 @@ const Projects = () => {
             <span className=" text-[#64feda]">02.&nbsp;</span> My Work
             <hr className="border-[#251f41] border-t-1 ml-4 flex-grow" />
           </h2>
-          <iframe
-            src="https://my.spline.design/3dpathslines1copy-ce01ee03911f38e4c9f14fb4d2fd7721/"
-            className="left-0 right-0 w-[80%] md:w-[55%] h-96 absolute mx-auto z-0"
-            width="100%"
-            height="100%"
-          ></iframe>
-          <p className="mb-16 bg-[#151030] rounded-md bg-opacity-80 text-[#aba6c4] text-[17px] pl-6 pr-6 md:pl-2 md:pr-0 max-w-3xl leading-[30px] z-10 relative">
+          <p className="mb-16 text-[#aba6c4] text-[17px] pl-6 pr-6 md:pl-0 md:pr-0 max-w-3xl leading-[30px] z-10 relative">
             Following projects showcases my skills and experience through
             real-world examples of my work. Each project is briefly described
             with links to code repositories and live demos. It reflects my