<refreactor>About Text, Minor fix in Events

src/components/HeroSection.jsx

@@ -4,7 +4,7 @@ import { siteConfig } from "../config/navbarHero";
 export default function HeroSection() {
   return (
     <section className="bg-white min-h-[400px]  pt-[80px] sm:pt-[100px] md:pt-[120px] lg:pt-[130px] px-4 sm:px-6 md:px-10 lg:px-16 py-12 sm:py-16">
-      <div className="max-w-[1600px] mx-auto flex flex-col md:flex-row items-center md:items-start justify-center md:justify-between">
+      <div className="max-w-[1600px] mx-auto flex flex-col md:flex-row items-center md:items-start justify-center md:justify-between md:gap-x-12">
         <div className="w-full max-w-[700px] px-2 md:px-0 space-y-4 text-center md:text-left">
           <p
             className="text-xl sm:text-2xl md:text-3xl font-normal text-black leading-[120%]"
@@ -46,7 +46,7 @@ export default function HeroSection() {
           </div>
         </div>
 
-        <div className="w-full max-w-[500px] px-2 md:px-0 mt-10 md:mt-0">
+        <div className="w-full max-w-[500px] px-2 md:px-0 mt-10 md:mt-0 ">
           <img
             src={siteConfig.hero.image}
             alt="ASME NIT Rourkela team members"

src/config/navbarHero.js

@@ -14,7 +14,7 @@ export const siteConfig = {
     title: "We are",
     subtitle: "ASME NIT ROURKELA",
     description:
-      "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitaeistique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.",
+      "The ASME (American Society of Mechanical Engineers) NIT Rourkela Student Section is an official technical society under the Student Activity Centre (SAC) of NIT Rourkela. It serves as a vibrant platform for undergraduate students to enhance both technical and professional capabilities, preparing them for future industrial and corporate roles while aiming to bring laurels to the institute.",
     primaryButton: "Join Us",
     secondaryLink: "Learn More",
     image:

src/pages/events/Events.jsx

@@ -28,7 +28,7 @@ const Events = () => {
   };
 
   return (
-    <div className="px-4 md:px-12 py-8">
+    <div className="px-8 md:px-12 py-8 mt-12">
       <div className="text-center">
         <h2 className="text-3xl font-bold text-[#0B2044]">
           Our Organised Events