Skip to content

Commit a95f3bd

Browse files
codeaashucodeaashu
committed
global update
1 parent 79fb3fb commit a95f3bd

18 files changed

+132
-99
lines changed

‎1.jpg

127 KB
Loading

‎10.jpg

274 KB
Loading

‎11.jpg

270 KB
Loading

‎12.jpg

305 KB
Loading

‎13.jpg

285 KB
Loading

‎14.jpg

307 KB
Loading

‎15.jpg

261 KB
Loading

‎16.jpg

90.2 KB
Loading

‎2.jpg

319 KB
Loading

‎3.jpg

316 KB
Loading

‎4.jpg

281 KB
Loading

‎5.jpg

220 KB
Loading

‎6.jpg

294 KB
Loading

‎7.jpg

288 KB
Loading

‎8.jpg

250 KB
Loading

‎9.jpg

311 KB
Loading

‎DevDisplay - Ideas List.pptx

248 KB
Binary file not shown.

‎src/Page/About.jsx

+132-99
Original file line numberDiff line numberDiff line change
@@ -1,115 +1,148 @@
11
import React from 'react';
22
import { motion } from 'framer-motion';
33
import Navbar from '../components/Navbar';
4-
import { Footer } from '../components/Footer/Footer';
4+
import Footer from '../components/Footer';
55

6-
export default function About() {
6+
const About = () => {
77
const navigateToGitHub = () => {
88
window.location.href = 'https://github.com/codeaashu/DevDisplay';
99
};
1010

1111
return (
1212
<div>
1313
<Navbar />
14-
<div className="min-h-screen bg-[#0d1b2a] text-white">
15-
<header
16-
className="relative h-[50vh] bg-cover bg-center"
17-
style={{ backgroundImage: 'url(/images/hero-bg.jpg)' }}
18-
>
19-
<motion.div
20-
className="absolute inset-0"
21-
animate={{ backgroundPosition: ['0% 0%', '100% 100%'] }}
22-
transition={{ duration: 15, repeat: Infinity, repeatType: 'reverse' }}
23-
style={{
24-
backgroundImage: 'linear-gradient(135deg, #1e2a42, #141d2f)',
25-
backgroundSize: '400% 400%',
26-
}}
27-
/>
28-
<div className="absolute inset-0 bg-black opacity-50"></div>
29-
<motion.div
30-
className="relative z-10 flex h-full flex-col items-center justify-center p-4 text-center"
31-
initial={{ opacity: 0, y: -50 }}
32-
animate={{ opacity: 1, y: 0 }}
33-
transition={{ duration: 1 }}
34-
>
35-
<h1 className="text-5xl font-extrabold text-[#00a6fb]">About Us</h1>
36-
<p className="mt-4 max-w-2xl text-lg text-gray-200">
37-
DevDisplay is a global open-source tech community and organization with a mission to unite all your tech
38-
needs under one platform.
39-
</p>
40-
</motion.div>
41-
</header>
42-
43-
<section className="container mx-auto mt-12 p-8 text-center">
44-
<motion.h2
45-
className="text-3xl font-bold text-[#00a6fb]"
46-
initial={{ opacity: 0, y: -20 }}
47-
animate={{ opacity: 1, y: 0 }}
48-
transition={{ duration: 1 }}
49-
>
50-
Who We Are
51-
</motion.h2>
52-
<p className="mx-auto mt-6 max-w-3xl text-lg text-gray-300">
53-
DevDisplay is a platform where developers of all levels collaborate on open-source projects, exchange ideas,
54-
and grow together. Our inclusive environment promotes innovation, creativity, and shared learning.
55-
</p>
56-
</section>
57-
58-
<section className="container mx-auto grid gap-8 p-8 md:grid-cols-2 lg:grid-cols-3">
59-
<motion.div
60-
className="rounded-lg bg-[#1e2a42] p-8 shadow-lg"
61-
whileHover={{ scale: 1.05 }}
62-
transition={{ type: 'spring', stiffness: 400, damping: 10 }}
63-
>
64-
<h3 className="mb-4 text-2xl font-bold text-[#00a6fb]">Our Mission</h3>
65-
<p className="text-gray-300">
66-
We aim to connect developers globally, enabling them to collaborate on impactful projects, share
67-
knowledge, and solve real-world problems together.
68-
</p>
69-
</motion.div>
70-
71-
<motion.div
72-
className="rounded-lg bg-[#1e2a42] p-8 shadow-lg"
73-
whileHover={{ scale: 1.05 }}
74-
transition={{ type: 'spring', stiffness: 400, damping: 10 }}
75-
>
76-
<h3 className="mb-4 text-2xl font-bold text-[#00a6fb]">Our Vision</h3>
77-
<p className="text-gray-300">
78-
We envision a world where developers thrive through collaboration, driving innovation, diversity, and
79-
inclusivity in the tech industry.
14+
<div className="min-h-screen bg-gray-900 text-white">
15+
<div className="container mx-auto px-4 py-8">
16+
<section className="py-16 text-center">
17+
<div className="mx-auto max-w-4xl">
18+
<h1 className="text-6xl font-bold">DevDisplay</h1>
19+
<p className="mt-4 text-xl">Connect ▸ Collab ▸ Code ▸ Create ▸ Conquer</p>
20+
<p className="mt-6 text-lg">
21+
DevDisplay is a global open-source tech community and organization that brings together all your tech
22+
needs in one place.
23+
</p>
24+
<p className="mt-8 text-lg font-semibold">
25+
<a href="https://www.devdisplay.org" className="underline">
26+
www.devdisplay.org
27+
</a>
28+
</p>
29+
</div>
30+
</section>
31+
32+
{/* Slide 1 */}
33+
<section className="py-16 text-center">
34+
<h2 className="text-4xl font-bold text-[#00a6fb]">Slide 1 Title</h2>
35+
<p className="mt-4 text-lg text-gray-300">Content from slide 1 goes here.</p>
36+
</section>
37+
38+
{/* Slide 2 */}
39+
<section className="py-16 text-center">
40+
<h2 className="text-4xl font-bold text-[#00a6fb]">Slide 2 Title</h2>
41+
<p className="mt-4 text-lg text-gray-300">Content from slide 2 goes here.</p>
42+
</section>
43+
44+
{/* Repeat for all 16 slides */}
45+
{/* Slide 3 */}
46+
<section className="py-16 text-center">
47+
<h2 className="text-4xl font-bold text-[#00a6fb]">Slide 3 Title</h2>
48+
<p className="mt-4 text-lg text-gray-300">Content from slide 3 goes here.</p>
49+
</section>
50+
51+
{/* Slide 4 */}
52+
<section className="py-16 text-center">
53+
<h2 className="text-4xl font-bold text-[#00a6fb]">Slide 4 Title</h2>
54+
<p className="mt-4 text-lg text-gray-300">Content from slide 4 goes here.</p>
55+
</section>
56+
57+
{/* Slide 5 */}
58+
<section className="py-16 text-center">
59+
<h2 className="text-4xl font-bold text-[#00a6fb]">Slide 5 Title</h2>
60+
<p className="mt-4 text-lg text-gray-300">Content from slide 5 goes here.</p>
61+
</section>
62+
63+
{/* Slide 6 */}
64+
<section className="py-16 text-center">
65+
<h2 className="text-4xl font-bold text-[#00a6fb]">Slide 6 Title</h2>
66+
<p className="mt-4 text-lg text-gray-300">Content from slide 6 goes here.</p>
67+
</section>
68+
69+
{/* Slide 7 */}
70+
<section className="py-16 text-center">
71+
<h2 className="text-4xl font-bold text-[#00a6fb]">Slide 7 Title</h2>
72+
<p className="mt-4 text-lg text-gray-300">Content from slide 7 goes here.</p>
73+
</section>
74+
75+
{/* Slide 8 */}
76+
<section className="py-16 text-center">
77+
<h2 className="text-4xl font-bold text-[#00a6fb]">Slide 8 Title</h2>
78+
<p className="mt-4 text-lg text-gray-300">Content from slide 8 goes here.</p>
79+
</section>
80+
81+
{/* Slide 9 */}
82+
<section className="py-16 text-center">
83+
<h2 className="text-4xl font-bold text-[#00a6fb]">Slide 9 Title</h2>
84+
<p className="mt-4 text-lg text-gray-300">Content from slide 9 goes here.</p>
85+
</section>
86+
87+
{/* Slide 10 */}
88+
<section className="py-16 text-center">
89+
<h2 className="text-4xl font-bold text-[#00a6fb]">Slide 10 Title</h2>
90+
<p className="mt-4 text-lg text-gray-300">Content from slide 10 goes here.</p>
91+
</section>
92+
93+
{/* Slide 11 */}
94+
<section className="py-16 text-center">
95+
<h2 className="text-4xl font-bold text-[#00a6fb]">Slide 11 Title</h2>
96+
<p className="mt-4 text-lg text-gray-300">Content from slide 11 goes here.</p>
97+
</section>
98+
99+
{/* Slide 12 */}
100+
<section className="py-16 text-center">
101+
<h2 className="text-4xl font-bold text-[#00a6fb]">Slide 12 Title</h2>
102+
<p className="mt-4 text-lg text-gray-300">Content from slide 12 goes here.</p>
103+
</section>
104+
105+
{/* Slide 13 */}
106+
<section className="py-16 text-center">
107+
<h2 className="text-4xl font-bold text-[#00a6fb]">Slide 13 Title</h2>
108+
<p className="mt-4 text-lg text-gray-300">Content from slide 13 goes here.</p>
109+
</section>
110+
111+
{/* Slide 14 */}
112+
<section className="py-16 text-center">
113+
<h2 className="text-4xl font-bold text-[#00a6fb]">Slide 14 Title</h2>
114+
<p className="mt-4 text-lg text-gray-300">Content from slide 14 goes here.</p>
115+
</section>
116+
117+
{/* Slide 15 */}
118+
<section className="py-16 text-center">
119+
<h2 className="text-4xl font-bold text-[#00a6fb]">Slide 15 Title</h2>
120+
<p className="mt-4 text-lg text-gray-300">Content from slide 15 goes here.</p>
121+
</section>
122+
123+
{/* Slide 16 */}
124+
<section className="py-16 text-center">
125+
<h2 className="text-4xl font-bold text-[#00a6fb]">Slide 16 Title</h2>
126+
<p className="mt-4 text-lg text-gray-300">Content from slide 16 goes here.</p>
127+
</section>
128+
129+
<section className="bg-gradient-to-r from-[#2e3b4e] via-[#1e2a42] to-[#141d2f] py-16 text-center">
130+
<h2 className="text-4xl font-bold text-[#00a6fb]">Join Our Community</h2>
131+
<p className="mt-4 text-lg text-gray-300">
132+
Ready to collaborate, innovate, and grow? Become a part of the DevDisplay community today.
80133
</p>
81-
</motion.div>
82-
83-
<motion.div
84-
className="rounded-lg bg-[#1e2a42] p-8 shadow-lg"
85-
whileHover={{ scale: 1.05 }}
86-
transition={{ type: 'spring', stiffness: 400, damping: 10 }}
87-
>
88-
<h3 className="mb-4 text-2xl font-bold text-[#00a6fb]">Core Principles</h3>
89-
<ul className="list-inside list-disc space-y-2 text-left text-gray-300">
90-
<li>Collaboration Over Competition</li>
91-
<li>Open Source Contribution</li>
92-
<li>Diversity & Inclusion</li>
93-
<li>Innovation & Creativity</li>
94-
<li>Knowledge Sharing</li>
95-
</ul>
96-
</motion.div>
97-
</section>
98-
99-
<section className="bg-gradient-to-r from-[#2e3b4e] via-[#1e2a42] to-[#141d2f] py-16 text-center">
100-
<h2 className="text-4xl font-bold text-[#00a6fb]">Join Our Community</h2>
101-
<p className="mt-4 text-lg text-gray-300">
102-
Ready to collaborate, innovate, and grow? Become a part of the DevDisplay community today.
103-
</p>
104-
<button
105-
onClick={navigateToGitHub}
106-
className="mt-8 rounded-lg bg-[#00a6fb] px-6 py-3 text-lg font-bold text-white hover:bg-[#008dc9]"
107-
>
108-
Get Started
109-
</button>
110-
</section>
134+
<button
135+
onClick={navigateToGitHub}
136+
className="mt-8 rounded-lg bg-[#00a6fb] px-6 py-3 text-lg font-bold text-white hover:bg-[#008dc9]"
137+
>
138+
Get Started
139+
</button>
140+
</section>
141+
</div>
111142
</div>
112143
<Footer />
113144
</div>
114145
);
115-
}
146+
};
147+
148+
export default About;

0 commit comments

Comments
 (0)