GDSC-RCCIIT · rishicds · Oct 30, 2024 · Oct 28, 2024 · Oct 30, 2024 · Oct 30, 2024
diff --git a/.env.example b/.env.example
@@ -1,2 +1,15 @@
+[email protected]
+GMAIL_PASS=your-email-password
+
 SMTP_EMAIL=
 SMTP_PASSWORD=
+
+GEMINI_API_KEY='Add your Gemini API Key'
+
+NEXT_PUBLIC_SUPABASE_URL=your-supabase-url
+NEXT_PUBLIC_SUPABASE_ANON_KEY=your-supabase-anon-key
+NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=your-cloudinary-name
+NEXT_PUBLIC_CLOUDINARY_API_KEY=your-cloudinary-api-key
+
+
+# Also rename this file as .env
diff --git a/PROJECT_STRUCTURE.md b/PROJECT_STRUCTURE.md
@@ -69,12 +69,19 @@
 │   │   ├── (pages)/
 │   │   │   ├── About/
 │   │   │   │   └── page.jsx
+│   │   │   ├── AddEvent/
+│   │   │   │   └── page.jsx
 │   │   │   ├── AddHackathon/
 │   │   │   │   └── page.jsx
+│   │   │   ├── AddProjects/
+│   │   │   │   └── page.jsx
 │   │   │   ├── Certifications/
 │   │   │   │   └── page.jsx
 │   │   │   ├── Chapters/
 │   │   │   │   └── page.jsx
+│   │   │   ├── Contact/
+│   │   │   │   ├── Contactus.svg
+│   │   │   │   └── page.jsx
 │   │   │   ├── Events/
 │   │   │   │   ├── EventItem.js
 │   │   │   │   ├── Events.css
@@ -95,6 +102,8 @@
 │   │   │   │   └── page.jsx
 │   │   │   ├── Projects/
 │   │   │   │   ├── Card.jsx
+│   │   │   │   ├── [id]/
+│   │   │   │   │   └── page.jsx
 │   │   │   │   └── page.jsx
 │   │   │   ├── Resources/
 │   │   │   │   ├── [id]/
@@ -184,6 +193,7 @@
 │   │   ├── globals.css
 │   │   ├── images/
 │   │   │   ├── ai_img.jpg
+│   │   │   ├── gdsc-logo.png
 │   │   │   └── teamMember.jpg
 │   │   ├── layout.js
 │   │   ├── not-found.jsx
@@ -192,10 +202,13 @@
 │   │   ├── Chatbot.jsx
 │   │   ├── GTranslateLoader.js
 │   │   ├── Global/
+│   │   │   ├── AddEventForm.jsx
 │   │   │   ├── AddHackathonForm.jsx
+│   │   │   ├── AddProjectsForm.jsx
 │   │   │   ├── Footer.jsx
 │   │   │   ├── Header.jsx
-│   │   │   └── Hero.jsx
+│   │   │   ├── Hero.jsx
+│   │   │   └── Navbar.jsx
 │   │   └── ui/
 │   │       ├── aspect-ratio.jsx
 │   │       ├── back2top.jsx
@@ -209,6 +222,7 @@
 │   │       ├── dialog.jsx
 │   │       ├── drawer.jsx
 │   │       ├── dropdown-menu.jsx
+│   │       ├── form.jsx
 │   │       ├── homepage.jsx
 │   │       ├── hover-card.jsx
 │   │       ├── input.jsx

diff --git a/package.json b/package.json
@@ -11,11 +11,9 @@
   "dependencies": {
     "@emotion/react": "^11.13.3",
     "@emotion/styled": "^11.13.0",
-
     "@google/generative-ai": "^0.21.0",
     "@hookform/resolvers": "^3.9.1",
     "@mui/icons-material": "^6.1.5",
-
     "@mui/material": "^6.1.5",
     "@radix-ui/react-aspect-ratio": "^1.1.0",
     "@radix-ui/react-collapsible": "^1.1.1",
@@ -51,7 +49,9 @@
     "react-hook-form": "^7.53.1",
     "react-icons": "^5.3.0",
     "react-resizable-panels": "^2.1.4",
+    "react-slick": "^0.30.2",
     "react-toastify": "^10.0.6",
+    "slick-carousel": "^1.8.1",
     "sonner": "^1.5.0",
     "styled-components": "^6.1.13",
     "tailwind-merge": "^2.5.3",

diff --git a/repo_structure.txt b/repo_structure.txt
@@ -65,12 +65,19 @@
 │   │   ├── (pages)/
 │   │   │   ├── About/
 │   │   │   │   └── page.jsx
+│   │   │   ├── AddEvent/
+│   │   │   │   └── page.jsx
 │   │   │   ├── AddHackathon/
 │   │   │   │   └── page.jsx
+│   │   │   ├── AddProjects/
+│   │   │   │   └── page.jsx
 │   │   │   ├── Certifications/
 │   │   │   │   └── page.jsx
 │   │   │   ├── Chapters/
 │   │   │   │   └── page.jsx
+│   │   │   ├── Contact/
+│   │   │   │   ├── Contactus.svg
+│   │   │   │   └── page.jsx
 │   │   │   ├── Events/
 │   │   │   │   ├── EventItem.js
 │   │   │   │   ├── Events.css
@@ -91,6 +98,8 @@
 │   │   │   │   └── page.jsx
 │   │   │   ├── Projects/
 │   │   │   │   ├── Card.jsx
+│   │   │   │   ├── [id]/
+│   │   │   │   │   └── page.jsx
 │   │   │   │   └── page.jsx
 │   │   │   ├── Resources/
 │   │   │   │   ├── [id]/
@@ -180,6 +189,7 @@
 │   │   ├── globals.css
 │   │   ├── images/
 │   │   │   ├── ai_img.jpg
+│   │   │   ├── gdsc-logo.png
 │   │   │   └── teamMember.jpg
 │   │   ├── layout.js
 │   │   ├── not-found.jsx
@@ -188,10 +198,13 @@
 │   │   ├── Chatbot.jsx
 │   │   ├── GTranslateLoader.js
 │   │   ├── Global/
+│   │   │   ├── AddEventForm.jsx
 │   │   │   ├── AddHackathonForm.jsx
+│   │   │   ├── AddProjectsForm.jsx
 │   │   │   ├── Footer.jsx
 │   │   │   ├── Header.jsx
-│   │   │   └── Hero.jsx
+│   │   │   ├── Hero.jsx
+│   │   │   └── Navbar.jsx
 │   │   └── ui/
 │   │       ├── aspect-ratio.jsx
 │   │       ├── back2top.jsx
@@ -205,6 +218,7 @@
 │   │       ├── dialog.jsx
 │   │       ├── drawer.jsx
 │   │       ├── dropdown-menu.jsx
+│   │       ├── form.jsx
 │   │       ├── homepage.jsx
 │   │       ├── hover-card.jsx
 │   │       ├── input.jsx

diff --git a/src/components/ui/homepage.jsx b/src/components/ui/homepage.jsx
@@ -82,48 +82,47 @@ export default function Homepage() {
         autoplay: true, // Enable autoplay
         autoplaySpeed: 3000, // Slide every 3 seconds
     };
-
+    
     return (
         <div className="bg-white text-gray-900 select-none">
-    <section className="py-12 px-6 md:px-16 lg:ml-40 lg:mr-40">
-        <motion.h2 
-            className="text-3xl md:text-4xl font-bold text-center mb-8 md:mb-12 text-blue-600"
-            initial={{ opacity: 0, y: -50 }}
-            animate={{ opacity: 1, y: 0 }}
-            transition={{ duration: 0.6 }}
-        >
-            Path to Success
-        </motion.h2>
-
-        <motion.div 
-            className="flex flex-col md:flex-row items-center mb-12 md:mb-16"
-            initial={{ opacity: 0, x: -100 }}
-            animate={{ opacity: 1, x: 0 }}
-            transition={{ duration: 0.6 }}
-        >
-            <motion.img
-                src="/vision.webp"
-                alt="Vision"
-                className="w-full md:w-1/2 h-48 md:h-64 object-contain rounded-lg"
-                whileHover={{ scale: 1.05 }}
-                transition={{ duration: 0.3 }}
-            />
-            <motion.div 
-                className="md:ml-8 text-center md:text-left mt-6 md:mt-0 md:w-1/2"
-                initial={{ opacity: 0, x: 100 }}
-                animate={{ opacity: 1, x: 0 }}
-                transition={{ duration: 0.6 }}
-            >
-                <h3 className="text-2xl md:text-4xl font-semibold text-gray-800 mb-4">🌟 Vision</h3>
-                <p className="text-base md:text-xl text-gray-600 leading-relaxed">
-                    Our vision is to create a world where technology and innovation lead to the betterment of human lives, driving progress and success.
-                    We aim to bridge gaps and create opportunities through collaboration and forward-thinking strategies that inspire change and growth across all sectors.
-                </p>
-            </motion.div>
-        </motion.div>
+            <section className="py-12 px-6 md:px-16 lg:ml-40 lg:mr-40">
+                <motion.h2
+                    className="text-3xl md:text-4xl font-bold text-center mb-8 md:mb-12 text-blue-600"
+                    initial={{ opacity: 0, y: -50 }}
+                    animate={{ opacity: 1, y: 0 }}
+                    transition={{ duration: 0.6 }}
+                >
+                    Path to Success
+                </motion.h2>
 
+                <motion.div
+                    className="flex flex-col md:flex-row items-center mb-12 md:mb-16"
+                    initial={{ opacity: 0, x: -100 }}
+                    animate={{ opacity: 1, x: 0 }}
+                    transition={{ duration: 0.6 }}
+                >
+                    <motion.img
+                        src="/vision.webp"
+                        alt="Vision"
+                        className="w-full md:w-1/2 h-48 md:h-64 object-contain rounded-lg"
+                        whileHover={{ scale: 1.05 }}
+                        transition={{ duration: 0.3 }}
+                    />
+                    <motion.div
+                        className="md:ml-8 text-center md:text-left mt-6 md:mt-0 md:w-1/2"
+                        initial={{ opacity: 0, x: 100 }}
+                        animate={{ opacity: 1, x: 0 }}
+                        transition={{ duration: 0.6 }}
+                    >
+                        <h3 className="text-2xl md:text-4xl font-semibold text-gray-800 mb-4">🌟 Vision</h3>
+                        <p className="text-base md:text-xl text-gray-600 leading-relaxed">
+                            Our vision is to create a world where technology and innovation lead to the betterment of human lives, driving progress and success.
+                            We aim to bridge gaps and create opportunities through collaboration and forward-thinking strategies that inspire change and growth across all sectors.
+                        </p>
+                    </motion.div>
+                </motion.div>
 
-                <motion.div 
+                <motion.div
                     className="flex flex-col md:flex-row items-center mb-16"
                     initial={{ opacity: 0, x: -100 }}
                     animate={{ opacity: 1, x: 0 }}
@@ -136,7 +135,7 @@ export default function Homepage() {
                         whileHover={{ scale: 1.05 }}
                         transition={{ duration: 0.3 }}
                     />
-                    <motion.div 
+                    <motion.div
                         className="md:ml-8 text-center md:text-left mt-6 md:mt-0 md:w-1/2"
                         initial={{ opacity: 0, x: 100 }}
                         animate={{ opacity: 1, x: 0 }}
@@ -151,7 +150,7 @@ export default function Homepage() {
                 </motion.div>
 
                 <h2 className="text-4xl font-bold text-center mb-12 text-blue-600">User Testimonials & Achievements</h2>
-                
+
                 <div className="flex flex-col md:flex-row justify-around mb-16">
                     <div className="bg-white shadow-lg rounded-lg p-6 m-4 md:w-1/3">
                         <h3 className="text-2xl font-semibold text-gray-800 mb-2">🏆 Hackathon Winner</h3>
@@ -175,7 +174,7 @@ export default function Homepage() {
 
                 <section className="py-12 px-6 md:px-16 ml-40 mr-40">
                     <h2 className="text-4xl font-bold text-center mb-12 text-blue-600">User Reviews</h2>
-                    
+
                     <Slider {...sliderSettings}>
                         <div className="bg-blue-50 shadow-lg rounded-lg p-6 m-4 transition-transform transform hover:scale-105">
                             <p className="text-gray-800 text-lg">
@@ -221,90 +220,34 @@ export default function Homepage() {
                         </div>
                     </Slider>
                 </section>
-            </section>
-
-        <motion.div 
-            className="flex flex-col md:flex-row-reverse items-center mb-12 md:mb-16"
-            initial={{ opacity: 0, x: 100 }}
-            animate={{ opacity: 1, x: 0 }}
-            transition={{ duration: 0.6 }}
-        >
-            <motion.img
-                src="/mission.webp"
-                alt="Mission"
-                className="w-full md:w-1/2 h-48 md:h-64 object-contain rounded-lg"
-                whileHover={{ scale: 1.05 }}
-                transition={{ duration: 0.3 }}
-            />
-            <motion.div 
-                className="md:mr-8 text-center md:text-left mt-6 md:mt-0 md:w-1/2"
-                initial={{ opacity: 0, x: -100 }}
-                animate={{ opacity: 1, x: 0 }}
-                transition={{ duration: 0.6 }}
-            >
-                <h3 className="text-2xl md:text-4xl font-semibold text-gray-800 mb-4">🎯 Mission</h3>
-                <p className="text-base md:text-xl text-gray-600 leading-relaxed">
-                    Our mission is to empower individuals and organizations through cutting-edge technological solutions, fostering growth and innovation.
-                    By providing comprehensive support and resources, we strive to cultivate an environment where creativity and technology thrive together.
-                </p>
-            </motion.div>
-        </motion.div>
-
-
-        <motion.div 
-            className="flex flex-col md:flex-row items-center mb-12 md:mb-16"
-            initial={{ opacity: 0, x: -100 }}
-            animate={{ opacity: 1, x: 0 }}
-            transition={{ duration: 0.6 }}
-        >
-            <motion.img
-                src="/goal.webp"
-                alt="Goal"
-                className="w-full md:w-1/2 h-48 md:h-64 object-contain rounded-lg"
-                whileHover={{ scale: 1.05 }}
-                transition={{ duration: 0.3 }}
-            />
-            <motion.div 
-                className="md:ml-8 text-center md:text-left mt-6 md:mt-0 md:w-1/2"
-                initial={{ opacity: 0, x: 100 }}
-                animate={{ opacity: 1, x: 0 }}
-                transition={{ duration: 0.6 }}
-            >
-                <h3 className="text-2xl md:text-4xl font-semibold text-gray-800 mb-4">🚀 Goal</h3>
-                <p className="text-base md:text-xl text-gray-600 leading-relaxed">
-                    Our goal is to continuously push the boundaries of what's possible and lead the way towards a more prosperous, tech-driven future.
-                    We aim to inspire and equip the next generation of innovators to tackle challenges and seize opportunities that arise in a rapidly evolving digital landscape.
-                </p>
-            </motion.div>
-        </motion.div>
-    </section>
-
-    <motion.section 
-        className="bg-blue-600 py-16 px-6 md:px-8"
-        initial={{ opacity: 0 }}
-        animate={{ opacity: 1 }}
-        transition={{ duration: 1.2 }}
-    >
-        <motion.div 
-            className="max-w-2xl md:max-w-4xl mx-auto text-center relative bg-white rounded-lg shadow-lg p-8 md:p-12"
-            whileHover={{ scale: 1.05 }}
-            transition={{ duration: 0.5 }}
-        >
-            <div className="absolute inset-0 bg-blue-600 opacity-10 rounded-lg"></div>
-
-            <blockquote className="relative text-xl md:text-3xl font-semibold text-gray-800 italic mb-4 md:mb-6">
-                <svg xmlns="http://www.w3.org/2000/svg" className="w-8 md:w-12 h-8 md:h-12 text-blue-600 inline-block" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 11V9a6 6 0 0112 0v1a6 6 0 01-6 6h-3v2a6 6 0 11-12 0v-1" />
-                </svg>
-                "Coming together is a beginning, staying together is progress, and working together is success."
-            </blockquote>
-
-            <cite className="relative text-base md:text-lg font-medium text-gray-700">
-                - Henry Ford
-            </cite>
-        </motion.div>
-    </motion.section>
-</div>
 
+                <motion.div
+                    className="flex flex-col md:flex-row-reverse items-center mb-12 md:mb-16"
+                    initial={{ opacity: 0, x: 100 }}
+                    animate={{ opacity: 1, x: 0 }}
+                    transition={{ duration: 0.6 }}
+                >
+                    <motion.img
+                        src="/mission.webp"
+                        alt="Mission"
+                        className="w-full md:w-1/2 h-48 md:h-64 object-contain rounded-lg"
+                        whileHover={{ scale: 1.05 }}
+                        transition={{ duration: 0.3 }}
+                    />
+                    <motion.div
+                        className="md:mr-8 text-center md:text-left mt-6 md:mt-0 md:w-1/2"
+                        initial={{ opacity: 0, x: -100 }}
+                        animate={{ opacity: 1, x: 0 }}
+                        transition={{ duration: 0.6 }}
+                    >
+                        <h3 className="text-2xl md:text-4xl font-semibold text-gray-800 mb-4">🎯 Mission</h3>
+                        <p className="text-base md:text-xl text-gray-600 leading-relaxed">
+                            Our mission is to empower individuals and communities through technology, fostering an environment of learning, collaboration, and innovation.
+                            We strive to provide the tools and support necessary for everyone to succeed and thrive in a rapidly changing world.
+                        </p>
+                    </motion.div>
+                </motion.div>
+            </section>
+        </div>
     );
 }