refactor(Splash): migrate component from SCSS to TailwindCSS

Author: shivam1608

src/components/Splash/Splash.jsx

@@ -6,8 +6,6 @@ import Container from "../Container/Container.jsx";
 import Markdown from "../Markdown/Markdown.jsx";
 import { PlaceholderComponent } from "../Placeholder/Placeholder.jsx";
 import SplashViz from "../SplashViz/SplashViz.jsx";
-// Load Styling
-import "./Splash.scss";
 
 const Support = lazy(() => import("../Support/Support.jsx"));
 
@@ -46,18 +44,18 @@ const Splash = () => {
     () => false,
   );
   return (
-    <div className="splash">
+    <div className="relative overflow-hidden">
       <SplashViz />
 
-      <div className="splash__section splash__section--dark page__content">
+      <div className="relative text-center bg-[#f3f3f3] page__content [&>*_p]:my-[1em] [&>*_p]:mx-auto [&>*_p]:max-w-200 [&>*_pre]:text-left [&_.icon-link]:hidden [&_.container]:py-[5em] [&_.container]:px-[1em] md:[&_.container]:px-[1.5em]">
         <Container>
           <Markdown>
             <SplashContent />
           </Markdown>
         </Container>
       </div>
 
-      <div className="splash__section page__content">
+      <div className="relative text-center page__content [&>*_p]:my-[1em] [&>*_p]:mx-auto [&>*_p]:max-w-200 [&>*_pre]:text-left [&_.icon-link]:hidden [&_.container]:py-[5em] [&_.container]:px-[1em] md:[&_.container]:px-[1.5em]">
         <Container>
           <Markdown>
             <h1 id="sponsors">Support the Team</h1>