add file

Currents-24/.dockerignore

@@ -0,0 +1,17 @@
+.git
+.vscode
+.dockerignore
+.gitignore
+.env
+config
+build
+node_modules
+docker-compose.dev.yml
+docker-compose.prod.yml
+docker-compose.yml
+dockerfile.dev
+dockerfile
+dockerfile.prod
+Makefile
+README.md
+.DS_Store

.gitignore → Currents-24/.gitignore

@@ -1,2 +1,3 @@
 node_modules
 node_modules
+.DS_store

Currents-24/Dockerfile

@@ -0,0 +1,20 @@
+# Use the official Node.js image with your version
+FROM node:23.6.0
+
+# Set the working directory inside the container
+WORKDIR /app
+
+# Copy package.json and package-lock.json to install dependencies
+COPY package*.json ./
+
+# Install the dependencies
+RUN npm install
+
+# Copy the rest of your project files
+COPY . .
+
+# Expose the Vite dev server's default port
+EXPOSE 5173
+
+# Command to run the development server
+CMD ["npm", "run", "dev"]

package.json → Currents-24/package.json

@@ -4,6 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
+    "start": "ts-node src/main.tsx",
     "dev": "vite",
     "build": "vite build",
     "lint": "eslint .",

src/components/Header.tsx → Currents-24/src/components/Header.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import { Menu } from 'lucide-react';
 
 const Header = () => {

src/components/Hero.tsx → Currents-24/src/components/Hero.tsx

@@ -4,7 +4,8 @@ import { Sparkles } from 'lucide-react';
 const Hero = () => {
   return (
     <div className="relative min-h-screen flex items-center justify-center overflow-hidden bg-gradient-to-br from-black via-purple-900/20 to-black">
-      <div className="absolute inset-0 bg-[url('https://images.unsplash.com/photo-1534972195531-d756b9bfa9f2?auto=format&fit=crop&q=80')] bg-cover bg-center opacity-20"></div>
+
+      <div className="absolute inset-0 bg-[url('icons/1.jpeg')] bg-cover bg-center "></div>
 
       <div className="relative z-10 text-center px-6">
         <h1 className="text-6xl md:text-8xl font-['Orbitron'] font-bold text-transparent bg-clip-text bg-gradient-to-r from-pink-500 via-purple-500 to-pink-500 animate-gradient mb-6">
@@ -17,7 +18,7 @@ const Hero = () => {
           </p>
           <Sparkles className="text-pink-500" />
         </div>
-        <p className="text-gray-300 text-lg md:text-xl max-w-2xl mx-auto leading-relaxed">
+        <p className="text-gray-100 text-lg md:text-xl max-w-2xl mx-auto leading-relaxed">
            Annual National Level Technical Symposium of 
             Department of Electrical and Electronics Engineering
                NIT Trichy

Currents-24/src/components/sections/Tronicals.tsx

@@ -0,0 +1,50 @@
+// import React from 'react';
+import { BookOpen } from 'lucide-react';
+
+const Tronicals = () => {
+  return (
+    <section id="tronicals" className="py-20 min-h-screen flex items-center bg-black/50">
+      <div className="container mx-auto px-6">
+        <div className="text-center mb-12">
+          <h2 className="text-4xl md:text-5xl font-orbitron text-transparent bg-clip-text bg-gradient-to-r from-pink-500 to-purple-500 mb-4">
+            Tronicals
+          </h2>
+          <p className="text-gray-300 max-w-2xl mx-auto">
+            EEE Association 2024-25 proudly presents the much-awaited Tronicals, our department’s technical magazine.
+
+          </p>
+        </div>
+
+        <div className="relative max-w-4xl mx-auto">
+          <div className="absolute -inset-1 bg-gradient-to-r from-pink-500 to-purple-500 rounded-xl blur opacity-75"></div>
+          <div className="relative bg-black p-8 rounded-xl flex flex-col md:flex-row items-center gap-8">
+            <div className="w-full md:w-1/2">
+              <img
+                src="https://images.unsplash.com/photo-1543002588-bfa74002ed7e?auto=format&fit=crop&q=80"
+                alt="Tronicals Magazine Preview"
+                className="w-full h-72 object-cover rounded-lg shadow-2xl"
+              />
+            </div>
+
+            <div className="w-full md:w-1/2 text-left">
+              <div className="flex items-center gap-3 mb-4">
+                <BookOpen className="text-pink-500" size={32} />
+                <span className="text-pink-500 text-sm font-semibold tracking-wider">LATEST EDITION</span>
+              </div>
+              <h3 className="text-2xl font-orbitron text-white mb-4">Tronicals 2024</h3>
+              <p className="text-gray-300 mb-6">
+                This edition focuses on Net Zero and has included new sections, such as interviews with professors and alumni.
+              </p>
+              <button className="group relative px-6 py-3 overflow-hidden rounded-lg bg-gradient-to-r from-pink-500 to-purple-500 text-white font-medium transition-all hover:scale-105">
+                <span className="relative z-10">Subscribe to Tronicals</span>
+                <div className="absolute inset-0 bg-white/20 translate-y-full group-hover:translate-y-0 transition-transform"></div>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+};
+
+export default Tronicals;

README.md

@@ -0,0 +1,14 @@
+# Current-24
+
+## Tech stack
+HTML<br>
+CSS<br>JS<br>React<br>
+---
+# Name :- Vedant Dorlikar<br>
+# Roll No:- 107123133<br>
+___
+### Demo
+
+
+https://github.com/user-attachments/assets/c4bc9178-2511-418b-9a88-7a831d758726
+