Skip to content

Commit b7b8fe1

Browse files
Susmita-DeySusmita-Dey
authored
Merge branch 'main' into Contributor
2 parents 8132c4d + 647d981 commit b7b8fe1

File tree

3 files changed

+24
-166
lines changed

3 files changed

+24
-166
lines changed

‎src/components/HomePage/Events_Cards/card.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ const Card = (props) => {
1010
alt=""
1111
/>
1212
<div className="mt-5">
13-
<h3 className="text-3 xl font-bold mb-3 text-[#A5F7A8]">
13+
<h3 className="text-xl font-bold mb-3 text-[#A5F7A8]">
1414
{props.title}
1515
</h3>
1616
<p className="text-lg font-normal text-white ">{props.text}</p>

‎src/pages/events/index.jsx‎

Lines changed: 13 additions & 133 deletions
Original file line numberDiff line numberDiff line change
@@ -1,107 +1,24 @@
11
import Footer from "@/components/Footer";
2+
import Header from "@/components/header";
3+
import Card from "@/components/HomePage/Events_Cards/card";
24
import Navbar from "@/components/Navbar";
35
import ScrollToTop from "@/components/ScrollToTop";
4-
import Image from "next/image";
5-
import Link from "next/link";
66
import { useState } from "react";
7-
import about from "../../../public/about.png";
8-
import blog from "../../../public/blog.jpg";
9-
import coffee from "../../../public/coffee.jpg";
10-
import quiz from "../../../public/quiz.jpg";
11-
import spaces from "../../../public/spaces.jpg";
12-
import tech from "../../../public/tech-events.jpg";
7+
import EventData from "../../components/content/events";
138

149
const Events = () => {
1510
const [searchInput, setSearchInput] = useState("");
1611

17-
const eventsData = [
18-
{
19-
name: "Webinars",
20-
description:
21-
"Webinars are highly valuable resources for individuals interested in technology and software development. We conduct webinars at regular intervals for individuals looking to enhance their technical skills.",
22-
image: tech,
23-
link: "/events/tech",
24-
},
25-
{
26-
name: "Blog-a-thons",
27-
description:
28-
"Participate in our thrilling Blog-a-thon event, where passionate writers and tech enthusiasts come together to showcase their expertise and share their insights on trending tech topics.",
29-
image: blog,
30-
link: "/events/blogathon",
31-
},
32-
{
33-
name: "Quiz Nights",
34-
description:
35-
"Participate in our thrilling Blog-a-thon event, where passionate writers and tech enthusiasts come together to showcase their expertise and share their insights on trending tech topics.",
36-
image: quiz,
37-
link: "/events/quiz",
38-
},
39-
{
40-
name: "Coffee Chats",
41-
description:
42-
"Unwind and engage in meaningful conversations with our Coffee Chats, where you can connect with fellow tech enthusiasts in a relaxed and informal setting.",
43-
image: coffee,
44-
link: "/events/coffee",
45-
},
46-
{
47-
name: "Twitter Spaces",
48-
description:
49-
"Unwind and engage in meaningful conversations with our Coffee Chats, where you can connect with fellow tech enthusiasts in a relaxed and informal setting.",
50-
image: spaces,
51-
link: "/events/spaces",
52-
},
53-
];
54-
const [EventsData,] = useState(eventsData);
55-
const FilteredData = EventsData.filter((event) =>
56-
event.name.toLowerCase().includes(searchInput.toLowerCase())
12+
13+
const [Data,] = useState(EventData);
14+
const FilteredData = Data.filter((event) =>
15+
event.title.toLowerCase().includes(searchInput.toLowerCase())
5716
);
5817

5918
return (
6019
<>
6120
<Navbar />
62-
<div style={{ marginTop: 100, color: 'white', alignItems: 'center' }}>
63-
<h1 className="text-5xl font-bold text-center text-blue-500">Welcome to the DevsInTech Community Events Page!</h1>
64-
<div className='w-[100%] flex flex-wrap mx-auto justify-center items-center mt-26 py-8 mb-5 max-w-screen-2xl format-card'>
65-
<div className="md:w-2/3 ml-5" data-aos="fade-left" data-aos-duration="500">
66-
<p className="team-description font-bold text-2xl text-center">
67-
At DevsInTech, we believe in fostering a vibrant and inclusive community of tech enthusiasts, developers, and industry professionals. Our events are designed to bring together like-minded individuals to learn, share knowledge, and network.<br></br> Join our community to stay updated on the latest tech trends, expand your skillset, and connect with fellow developers.
68-
</p>
69-
</div>
70-
</div>
71-
</div>
72-
73-
<div
74-
className="book-formats-container"
75-
style={{ marginTop: 100, color: "white" }}
76-
>
77-
<div className="w-11/12 flex flex-wrap mx-auto justify-center items-center mt-26 py-8 mb-5 max-w-screen-2xl format-card">
78-
<div className="" data-aos="fade-right" data-aos-duration="500">
79-
<Image
80-
src={about}
81-
className="team-member-image rounded-lg"
82-
alt="team"
83-
/>
84-
</div>
85-
<div
86-
className="md:w-1/2 ml-5 items-center text-center"
87-
data-aos="fade-left"
88-
data-aos-duration="500"
89-
>
90-
<h1 className="text-5xl mb-7 font-bold text-blue-500">Features</h1>
91-
<ul className="team-description text-left ml-3 text-3xl">
92-
<li className="mb-5">Networking Opportunities</li>
93-
<li className="mb-5">Learning from Industry Experts</li>
94-
<li className="mb-5">Collaboration and Partnership <span className="ml-10">Opportunities</span> </li>
95-
<li className="mb-5">Stay Up-to-Date with the Latest Tech Trends</li>
96-
<li className="mb-5">Expand Your Knowledge and Skillset</li>
97-
</ul>
98-
</div>
99-
</div>
100-
</div>
101-
102-
<h1 className="text-6xl font-bold text-center text-blue-500 mt-10 py-4">
103-
Explore our Events!
104-
</h1>
21+
<Header name="Explore our events" />
10522
<form>
10623
<label
10724
htmlFor="default-search"
@@ -148,49 +65,12 @@ const Events = () => {
14865

14966
<div className="grid md:grid-cols-2 my-10 lg:grid-cols-3 gap-6 max-w-xs md:max-w-full m-auto">
15067
{FilteredData.map((event, index) => (
151-
<div
68+
<Card
15269
key={index}
153-
className="max-w-sm border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700"
154-
>
155-
<Link href={event.link}>
156-
<Image
157-
className="rounded-t-lg"
158-
src={event.image}
159-
alt=""
160-
height={4000}
161-
width={6000}
162-
/>
163-
</Link>
164-
<div className="p-5">
165-
<Link href={event.link}>
166-
<h5 className="mb-2 text-2xl font-bold tracking-tight text-white text-center">
167-
{event.name}
168-
</h5>
169-
</Link>
170-
<p className="mb-5 font-medium text-gray-400 text-lg text-justify">
171-
{event.description}
172-
</p>
173-
<Link
174-
href={event.link}
175-
className="relative w-max items-center py-3 px-7 font-medium transition-all duration-75 group flex flex-row gap-1 bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 outline-none text-white"
176-
>
177-
Explore...
178-
<svg
179-
aria-hidden="true"
180-
className="w-4 h-4 ml-2 -mr-1"
181-
fill="currentColor"
182-
viewBox="0 0 20 20"
183-
xmlns="http://www.w3.org/2000/svg"
184-
>
185-
<path
186-
fillRule="evenodd"
187-
d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z"
188-
clipRule="evenodd"
189-
/>
190-
</svg>
191-
</Link>
192-
</div>
193-
</div>
70+
text={event.text}
71+
img={event.img}
72+
title={event.title}
73+
/>
19474
))}
19575
</div>
19676

‎src/pages/home/index.jsx‎

Lines changed: 10 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -6,41 +6,19 @@ import Letter from "@/components/Letter";
66
import Navbar from "@/components/Navbar";
77
import ScrollToTop from "@/components/ScrollToTop";
88
import TestimonialCarousel from "@/components/testimonial";
9-
import { useEffect, useState } from "react";
10-
import HashLoader from "react-spinners/HashLoader";
119
const Home = () => {
12-
const [loading, setLoading] = useState(false);
13-
useEffect(() => {
14-
setLoading(true);
15-
setTimeout(() => {
16-
setLoading(false);
17-
}, 2000);
18-
}, []);
1910
return (
2011
<>
21-
{loading ? (
22-
<div className="flex h-screen items-center justify-center ">
23-
<HashLoader
24-
loading={loading}
25-
aria-label="Loading Spinner"
26-
data-testid="loader"
27-
color={"#8d06d6"}
28-
size={68}
29-
/>
30-
</div>
31-
) : (
32-
<>
33-
<Navbar />
34-
<HeroSection />
35-
<ScrollToTop />
36-
<AboutCommunity />
37-
<Cards />
38-
<TestimonialCarousel />
39-
<FaqAccordion />
40-
<Letter />
41-
<Footer />
42-
</>
43-
)}
12+
<Navbar />
13+
<HeroSection />
14+
<ScrollToTop />
15+
<AboutCommunity />
16+
<Cards />
17+
<TestimonialCarousel />
18+
<FaqAccordion />
19+
<Letter />
20+
<Footer />
21+
4422
</>
4523
);
4624
};

0 commit comments

Comments
 (0)