Merge branch 'codeaashu:main' into main

src/App.css

@@ -60,6 +60,17 @@ div .gt_float_switcher {
   background-color: #141d2f; /* Adjust color as desired */
 }
 
+.background-wrapper1 {
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background-size: 40px 40px;
+  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
+    linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
+  background-color: #141d2f; /* Adjust color as desired */
+}
+
 .globe-container {
   width: 600px;
   height: 600px;

src/App.js

@@ -14,6 +14,14 @@ import Discussions from './Page/Discussions.jsx';
 import Documentation from './Resouces_Pages/Documentation.jsx';
 import ProgrammingLanguages from './Resouces_Pages/ProgrammingLanguages.jsx';
 import TechNotes from './Resouces_Pages/TechNotes.jsx';
+import DevSpring from './Page/DevSpring.jsx';
+import AITools from './Resouces_Pages/AITools.jsx';
+import OpenSource from './Resouces_Pages/OpenSource.jsx';
+import RoadmapGuide from './Resouces_Pages/RoadmapGuide.jsx';
+import InterviewPrep from './Resouces_Pages/InterviewPrep.jsx';
+import TopGithubRepo from './Resouces_Pages/TopGithubRepo.jsx';
+import ContributionsGuide from './Resouces_Pages/ContributionsGuide.jsx';
+
 function App() {
   return (
     <BrowserRouter>
@@ -77,6 +85,14 @@ function App() {
         <Route path="/documentation" element={<Documentation />} />
         <Route path="/courses" element={<ProgrammingLanguages />} />
         <Route path="/notes" element={<TechNotes />} />
+        <Route path="/DevSpring" element={<DevSpring />} />
+        <Route path="/ai-tools" element={<AITools />} />
+        <Route path="/libraries" element={<OpenSource />} />
+        <Route path="/roadmaps" element={<RoadmapGuide />} />
+        <Route path="/interview-kits" element={<InterviewPrep />} />
+
+        <Route path="/github" element={<TopGithubRepo />} />
+        <Route path="/community" element={<ContributionsGuide />} />
       </Routes>
     </BrowserRouter>
   );

src/Page/DevSpring.jsx

@@ -0,0 +1,225 @@
+import React from 'react';
+import { ArrowLeft } from 'lucide-react';
+import { FaCode, FaUsers, FaUniversity, FaHandshake } from 'react-icons/fa';
+
+const Navbar = () => {
+  return (
+    <nav className="sticky top-0 z-50 w-full bg-[#1e293b] text-white shadow-md">
+      <div className="mx-auto flex max-w-7xl items-center justify-between px-4 py-3">
+        <a href="/home">
+          <button className="flex items-center gap-2 rounded-full border border-white p-2 hover:bg-[#334155]">
+            <ArrowLeft className="h-5 w-5" />
+            <span className="hidden md:inline">Back</span>
+          </button>
+        </a>
+      </div>
+    </nav>
+  );
+};
+
+// const SectionButton = ({ label }) => (
+//   <button className="w-full rounded-md border border-gray-700 bg-[#475569] px-4 py-2 text-sm font-medium text-white hover:bg-[#64748b] md:w-auto">
+//     {label}
+//   </button>
+// );
+
+const Footer = () => {
+  return (
+    <footer className="mt-8 w-full bg-[#1e293b] py-6 text-white">
+      <div className="mx-auto max-w-screen-xl px-4">
+        <div className="flex flex-col items-center justify-between gap-4 md:flex-row">
+          <div className="text-center md:text-left">
+            <h4 className="text-xl font-bold text-[#00a6fb]">DevDisplay</h4>
+            <p className="mt-1 text-sm">Empowering tech enthusiasts to connect, learn, and grow together.</p>
+          </div>
+
+          <div className="flex space-x-6">
+            <a href="/about" className="text-sm hover:text-[#00a6fb]">
+              About Us
+            </a>
+            <a href="/contact" className="text-sm hover:text-[#00a6fb]">
+              Contact
+            </a>
+            <a href="/privacy" className="text-sm hover:text-[#00a6fb]">
+              Privacy Policy
+            </a>
+            <a href="/terms" className="text-sm hover:text-[#00a6fb]">
+              Terms of Service
+            </a>
+          </div>
+
+          <div className="flex space-x-4">
+            <a href="https://facebook.com" target="_blank" rel="noopener noreferrer">
+              <i className="fab fa-facebook-f text-lg hover:text-[#00a6fb]"></i>
+            </a>
+            <a href="https://twitter.com" target="_blank" rel="noopener noreferrer">
+              <i className="fab fa-twitter text-lg hover:text-[#00a6fb]"></i>
+            </a>
+            <a href="https://linkedin.com" target="_blank" rel="noopener noreferrer">
+              <i className="fab fa-linkedin-in text-lg hover:text-[#00a6fb]"></i>
+            </a>
+            <a href="https://github.com" target="_blank" rel="noopener noreferrer">
+              <i className="fab fa-github text-lg hover:text-[#00a6fb]"></i>
+            </a>
+          </div>
+        </div>
+
+        <div className="mt-6 border-t border-gray-700 pt-4 text-center">
+          <p className="text-sm">© 2024 DevDisplay. All Rights Reserved.</p>
+        </div>
+      </div>
+    </footer>
+  );
+};
+
+const DevSpring = () => {
+  return (
+    <div className="min-h-screen bg-gray-900 text-white">
+      <Navbar />
+      <div className="bg-[#334155] py-3 text-center text-white">
+        <p className="text-xl font-bold">
+          Powered By Dev<span className="text-[#00a6fb]">Display</span>
+        </p>
+        <div className="mx-auto mt-3 flex w-full max-w-xs items-center justify-center gap-2">
+          <img src="./DevDisplay ICON.png" alt="DevDisplay Logo" className="h-10 w-10" />
+        </div>
+      </div>
+      <main className="mx-auto max-w-6xl px-4 py-10 text-center">
+        <div className="flex flex-col items-center">
+          <h1 className="flex text-5xl font-bold text-[#31A9BF]">
+            <span className="text-white">{'{'}</span>
+            <span className="animate-char text-[#BF3356]">D</span>
+            <span className="animate-char text-[#BF3356]">e</span>
+            <span className="animate-char text-[#BF3356]">v</span>
+            <span className="animate-char">S</span>
+            <span className="animate-char">p</span>
+            <span className="animate-char">r</span>
+            <span className="animate-char">i</span>
+            <span className="animate-char">n</span>
+            <span className="animate-char">g</span>
+            <span className="text-white">{'}'}</span>
+          </h1>
+
+          <style jsx>{`
+            @keyframes fade-in {
+              from {
+                opacity: 0;
+                transform: translateX(-10px);
+              }
+              to {
+                opacity: 1;
+                transform: translateX(0);
+              }
+            }
+
+            .animate-char {
+              display: inline-block;
+              opacity: 0;
+              animation: fade-in 0.5s forwards;
+            }
+
+            .animate-char:nth-child(1) {
+              animation-delay: 0s;
+            }
+            .animate-char:nth-child(2) {
+              animation-delay: 0.1s;
+            }
+            .animate-char:nth-child(3) {
+              animation-delay: 0.2s;
+            }
+            .animate-char:nth-child(4) {
+              animation-delay: 0.3s;
+            }
+            .animate-char:nth-child(5) {
+              animation-delay: 0.4s;
+            }
+            .animate-char:nth-child(6) {
+              animation-delay: 0.5s;
+            }
+            .animate-char:nth-child(7) {
+              animation-delay: 0.6s;
+            }
+            .animate-char:nth-child(8) {
+              animation-delay: 0.7s;
+            }
+            .animate-char:nth-child(9) {
+              animation-delay: 0.8s;
+            }
+          `}</style>
+
+          <img src="./DevSpring.png" alt="DevSpring Logo" className="mt-2 h-[125px] w-[125px]" />
+        </div>
+        <h1 className="text-4xl font-bold text-[#00a6fb]">2 Month Open Source Impact</h1>
+        <p className="mt-2 text-lg text-gray-300">
+          Join the DevSpring & Be a part of 2 month Open Source Impact With DevDisplay.
+        </p>
+        <p className="mt-4 flex items-center justify-center rounded-lg bg-gradient-to-r from-yellow-300 via-red-500 to-pink-500 p-4 text-lg text-white shadow-lg">
+          <span role="img" aria-label="hurry up" className="mr-2 text-2xl">
+            ⏰
+          </span>
+          <span className="font-semibold">
+            10<sup>th</sup> January to 10<sup>th</sup> March
+          </span>
+        </p>
+
+        <div className="mt-10 grid gap-8 md:grid-cols-2 lg:grid-cols-4">
+          <div className="rounded-lg bg-[#1e3a8a] p-6 text-white shadow-lg">
+            <FaCode className="mx-auto mb-4 text-4xl" />
+            <h3 className="text-xl font-bold">Calling All Developers</h3>
+            <p className="text-sm">Open source contributors</p>
+            <a
+              href="https://forms.gle/yNDEHgUQgdNJqo5w5"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="mt-4 inline-block w-full rounded-md bg-[#00a6fb] py-2 text-white"
+            >
+              Click here to join
+            </a>
+          </div>
+          <div className="rounded-lg bg-[#0f766e] p-6 text-white shadow-lg">
+            <FaUsers className="mx-auto mb-4 text-4xl" />
+            <h3 className="text-xl font-bold">Calling All Tech Communities</h3>
+            <p className="text-sm">Community partners</p>
+            <a
+              href="https://swift-sheet-b33.notion.site/DevDisplay-Community-Partnership-Guidelines-1717d1f1565b8033a86fe37facd28e1d"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="mt-4 inline-block w-full rounded-md bg-[#00a6fb] py-2 text-white"
+            >
+              Click here to join
+            </a>
+          </div>
+          <div className="rounded-lg bg-[#7c3aed] p-6 text-white shadow-lg">
+            <FaUniversity className="mx-auto mb-4 text-4xl" />
+            <h3 className="text-xl font-bold">Calling All College Students</h3>
+            <p className="text-sm">Community Leader</p>
+            <a
+              href="https://forms.gle/sSrhxLxdNbLH3h1q6"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="mt-4 inline-block w-full rounded-md bg-[#00a6fb] py-2 text-white"
+            >
+              Click here to join
+            </a>
+          </div>
+          <div className="rounded-lg bg-[#dc2626] p-6 text-white shadow-lg">
+            <FaHandshake className="mx-auto mb-4 text-4xl" />
+            <h3 className="text-xl font-bold">Calling All Sponsors</h3>
+            <p className="text-sm">Support the initiative</p>
+            <a
+              href="https://swift-sheet-b33.notion.site/DevDisplay-Sponsership-Guidelines-1727d1f1565b802da284d39fdf7fd72b"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="mt-4 inline-block w-full rounded-md bg-[#00a6fb] py-2 text-white"
+            >
+              Click here to join
+            </a>
+          </div>
+        </div>
+      </main>
+      <Footer />
+    </div>
+  );
+};
+
+export default DevSpring;