JOBENY RESOURCES

I developed a new website for Jobeny Resources, a web design and development agency. Built from scratch using Next.js and Tailwind CSS, this website has a unique and attractive modern interface. In addition to development, I was also responsible for the content writing of this website.


OVERVIEW

  • Client: Jobeny Resources
  • Purpose: Develop a new website to showcase the agency's services and write an engaging copy.
  • Technology Stack: Next.js, Tailwind CSS, Swiper.js, Email.js
  • Live Link: View site
A sreenshot from the website of Jobeny Resources showing parts of the About and Services sections of the home page
A sreenshot from the website of Jobeny Resources showing parts of the Why Choose Us and Features Work sections of the home page

FEATURES

  • Typewriter effect animation: This is on the hero section of the home page.
  • Linear gradient border: A linear gradient was applied to the border of a container (a contact card).
  • Offset borders: Certain containers feature dual borders, with the second border positioned at a specific distance from the first
A sreenshot from the website of Jobeny Resources showing the navbar and hero sections

CHALLENGES

Crafting an engaging copy was a challenge. I made good use of ChatGPT and Gemini but did not rely solely on these AI tools. Also, a decent amount of time went into researching such features as the typewriter effect, social media sharing preview, and linear gradient border.
A sreenshot from the website of Jobeny Resources showing a section of the Portolio page
A sreenshot from the website of Jobeny Resources showing the Let's Collaborate section of the home page

LESSONS LEARNED

One of the best lessons was figuring out how to conditionally render a button based on a prop instead of having separate components one with a button and one without a button. I also learned how to set up Email.js to forward contact form submissions to email. Previously I had used Formspree. I also learned about uninstalling unneeded packages using npm uninstall.

LET'S CONNECT