something like finalized?

SobennaStory · Dec 21, 2023 · 39fabcf · 39fabcf
1 parent 4e89151
commit 39fabcf
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 6 deletions.
diff --git a/sobenfolio-frontend/src/app/components/AboutSection.jsx b/sobenfolio-frontend/src/app/components/AboutSection.jsx
@@ -51,7 +51,7 @@ const AboutSection = () => {
     };
 
     return (
-        <section className='text-white'>
+        <section className='text-white' id = 'about'>
             <div className='md:grid md:grid-cols-2 gap-8 items-center py-8 px-4 xl:gap-16 sm:py-16 xl:px-16'>
                 {/*<Image src="/images/steampunklandscape.jpg" alt="About Image" width={500} height = {500} />
                 */}<div className='mt-4 md:mt-0 text-left flex flex-col h-full'>

diff --git a/sobenfolio-frontend/src/app/components/EmailSection.jsx b/sobenfolio-frontend/src/app/components/EmailSection.jsx
@@ -36,10 +36,10 @@ const EmailSection = () => {
   };
 }
   return (
-    <section className="grid md:grid-cols-2 my-12 relative md:my-12 py-24 gap-4">
-      <div className="z-10">
+    <section id = 'contact' className="grid md:grid-cols-2 my-12 relative md:my-12 py-24 gap-4">
+      <div >
         <h5 className="text-xl font-bold text-white my-2">Please reach out!</h5>
-        <p className="text-[#ADB7BE] mb-4 max-w-md"> Fill in relevant information below. </p>
+        <p className="text-[#ADB7BE] mb-4 max-w-md"> Fill in relevant information. </p>
         <div className="socials flex flex-row gap-2">
           <Link href="https://github.com/SobennaStory">
             <GithubIcon/>

diff --git a/sobenfolio-frontend/src/app/components/Footer.jsx b/sobenfolio-frontend/src/app/components/Footer.jsx
@@ -7,7 +7,7 @@ const Footer = () => {
             <span>
                 <LogoImage/>
             </span>
-            <p className='text-slate-300 font-bold'> 
+            <p className='text-primary-600 text-xs'> 
                 ALL RIGHTS RESERVED
             </p>
         </div>

diff --git a/sobenfolio-frontend/src/app/components/HeroSection.jsx b/sobenfolio-frontend/src/app/components/HeroSection.jsx
@@ -36,10 +36,12 @@ const HeroSection = () => {
                     And this is where I keep what I do.
                 </p>
                 <div>
+                    {/* 
                     <button className="px-6 py-3 w-full sm:w-fit rounded-full mr-4 bg-gradient-to-br from-blue-500 via-primary-500 to-secondary-500 hover:bg-slate-200 text-white">Hire Me</button>
                     <button className="px-1 py-1 w-full sm:w-fit rounded-full mr-4 bg-gradient-to-br from-blue-500 via-primary-500 to-secondary-600 hover:bg-slate-800 text-white mt-3">
                         <span className="block bg-[#121212] hover:bg-slate-800 rounded-full px-5 py-2">Download CV</span>
                     </button>
+                    */}
                 </div>
             </motion.div>
             <motion.div initial={{opacity: 0, scale: 0.5}} animate={{opacity: 1, scale: 1}} transition = {{duration: 0.5}} className='col-span-4 place-self-center mt-4 lg:mt-0'>

diff --git a/sobenfolio-frontend/src/app/components/ProjectsSection.jsx b/sobenfolio-frontend/src/app/components/ProjectsSection.jsx
@@ -51,10 +51,13 @@ const ProjectsSection = () => {
     animate: { y: 0, opacity: 1 },
   };
   return (
-    <section>
+    <section id='projects'>
       <h2 className="text-center text-4xl font-bold text-white mt-4">
         My Projects
       </h2>
+      <p className="text-[#ADB7BE] text-center text-base sm:text-lg mb-6 lg:text-xl">
+                    Includes this site!
+                </p>
       <div className="text-white flex flex-row justify-center items-center gap-2 py-6">
         <ProjectTag
           onClick={handleTagChange}