Landing page2.0

components/HeaderImages.tsx

@@ -32,18 +32,17 @@ const HeaderImages = () => {
       padding: "pt-6"
     },
   ];
-
   return (
     <div>
-      <div className="center p-auto m-auto hidden flex-col md:block ">
-        <div className="flex overflow-x-scroll pb-0 scrollbar-hide justify-evenly">
+      <div className="center p-auto mt-0 m-14  hidden flex-col md:block ">
+        <div className="flex items-center overflow-x-scroll gap-8 mt-6 scrollbar-hide justify-evenly bg-white bg-opacity-30 rounded-3xl mx-20 backdrop-blur-sm ">
           {images.map((image) => {
             if (image.show) {
               return (
-                <div className="inline-block px-3">
-                  <div className={`m-5 ml-0 h-auto w-auto max-w-xs overflow-hidden rounded-lg bg-none ${image.padding} transition-shadow duration-300 ease-in-out hover:shadow-xl`}>
+                <div className="inline-block  my-6 ">
+                  <div className={` mx-0   max-w-xs overflow-hidden  ${image.padding} transition-shadow duration-300 ease-in-out hover:shadow-xl `}>
                     <a href={image.href} target="_blank" rel="noreferrer">
-                      <img className="h-full w-full object-cover backdrop-blur-sm" src={image.src} alt={image.alt} />
+                      <img className="h-fit w-fit object-cover " src={image.src} alt={image.alt} />
                     </a>
                   </div>
                 </div>

components/NavBar.tsx

@@ -47,25 +47,25 @@ const Links: Array<{
 const NavBar = () => {
   return (
     <header>
-      <div className="mx-auto max-w-screen-xl p-2">
+      <div className="mx-auto  w-full shadow-md  p-2">
         <div className="flex items-center justify-between space-x-4 lg:space-x-10">
           <div className="flex lg:w-0 lg:flex-1">
             <Link href="/">
               <a className="flex items-stretch" href="/">
                 <Image
                   src="RVCE NEW-HEADER_onlyLogo.png"
                   alt="logo"
-                  className=" mt-5 h-full w-20"
+                  className="  h-full w-20"
                 />
               </a>
             </Link>
           </div>
 
-          <nav className="hidden space-x-8 text-sm font-medium md:flex">
+          <nav className="hidden space-x-8 text-m  font-medium md:flex">
             {Links.map((link) => (
               <Link href={link.href} key={JSON.stringify(link)}>
                 <a
-                  className="text-gray-500 hover:text-indigo-400"
+                  className="text-gray-500 hover:text-blue-700 hover:border-b-2 font-sans text-lg "
                   href={link.href}
                   target={link.newTab ? "_blank" : "_self"}
                 >
@@ -105,14 +105,16 @@ const NavBar = () => {
               {Links.map((link) => (
                 <Menu.Item>
                   <Link href={link.href}>
-                    <a className="text-gray-500">{link.label}</a>
+                    <a className="text-gray-500 font-sans" >
+                      {link.label}
+                    </a>
                   </Link>
                 </Menu.Item>
               ))}
             </Menu>
           </div>
         </div>
-        <div className="marquee">
+        <div className="marquee font-sans">
           <div className="track">
             <div className="content">
               <span className="ml-20 text-red-800">Deadline extended.</span>{" "}

pages/index.tsx

@@ -28,13 +28,13 @@ export default function Index() {
         </div> */}
         <header>
           <div
-            className="heroHeader w-full bg-cover bg-center"
+            className="heroHeader w-full bg-cover bg-center "
             style={{ height: "38rem" }}
           >
-
+                  
             <HeaderImages />
-            <div className="flex h-4/6  w-full items-center justify-center ">
-              <div className="bg-gray-800 bg-opacity-50 text-center font-extrabold">
+            <div className="flex  w-full items-center justify-center ">
+              <div className="bg-gray-800 bg-opacity-70 text-center px-9 py-5 rounded-3xl font-extrabold ">
                 <h1 className="bg bg-gradient-to-r from-yellow-300  via-amber-400 via-orange-500 via-red-600 via-amber-400 to-yellow-300 bg-clip-text text-5xl font-extrabold text-transparent">
                   WELCOME TO CSITSS-2023
                 </h1>

pages/tech.tsx

@@ -83,7 +83,7 @@ export const Topics = [
 
 function Tech() {
   return (
-    <div>
+    <div className="mt-10">
       <Tabs grow>
         <Tabs.Tab label="Call For Papers">
           <aside className="bg-gray-100 p-12 sm:p-16 lg:p-24">

styles/globals.css

@@ -7,6 +7,7 @@
   /* background-image: url("https://user-images.githubusercontent.com/100517925/197962701-b2c2b570-59db-45c9-8393-eec94d88abd7.jpg"); */
   /* background-image: url('https://github.com/IEEE-RVCE/csitss/blob/master/public/mainGate.jpeg'), */
   background-image: url("https://res.cloudinary.com/dmxwnn7mm/image/upload/v1689738072/mainGate_jyx5r7.jpg");
+  padding-top: 1px;
 }
 .charge {
   position: relative;