Skip to content

Commit 4ab2077

Browse files
Aritra203Aritra203
committed
--add community partners section
1 parent 5ff3ac9 commit 4ab2077

File tree

4 files changed

+244
-0
lines changed

4 files changed

+244
-0
lines changed

‎app/CommunityPartners/page.tsx‎

Lines changed: 242 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,242 @@
1+
"use client";
2+
3+
import { Badge } from "@/components/ui/badge";
4+
import { Button } from "@/components/ui/button";
5+
import { Card, CardContent } from "@/components/ui/card";
6+
import Image from "next/image";
7+
8+
interface Partner {
9+
id: number;
10+
name: string;
11+
logo: string;
12+
website: string;
13+
description?: string;
14+
status: 'current' | 'past';
15+
}
16+
17+
// Sample community partners data - you can modify this to add actual partners
18+
const currentPartners: Partner[] = [
19+
{
20+
id: 1,
21+
name: "DSU DEVHACK 2.0",
22+
logo: "/Assets/Logo/logoo 1.png", // Using existing logo as placeholder
23+
website: "https://www.dsudevhack2.tech",
24+
description: "DSU DEVHACK 2025 is a national-level hackathon pushing the boundaries of innovation in AI, ML, IoT, Blockchain, Cybersecurity, and Cloud at DSU Harohalli, Banglore, Karnataka.",
25+
status: 'current'
26+
},
27+
// {
28+
// id: 2,
29+
// name: "Developer Alliance",
30+
// logo: "/Assets/Logo/cj_new_logo_2024.png", // Using existing logo as placeholder
31+
// website: "https://developeralliance.org",
32+
// description: "Connecting developers worldwide",
33+
// status: 'current'
34+
// },
35+
// {
36+
// id: 3,
37+
// name: "Innovation Network",
38+
// logo: "/Assets/Logo/cj_new_logo_2024.png", // Using existing logo as placeholder
39+
// website: "https://innovationnetwork.io",
40+
// description: "Fostering innovation in tech",
41+
// status: 'current'
42+
// }
43+
];
44+
45+
const pastPartners: Partner[] = [
46+
{
47+
id: 4,
48+
name: "Cloud Native Hooghly",
49+
logo: "/Assets/Logo/cnh_logo_stacked.png", // Using existing logo as placeholder
50+
website: "https://community.cncf.io/cloud-native-hooghly",
51+
description: "CNCF Hooghly Chapter, the dynamic and vibrant local community group affiliated with the prestigious Cloud Native Computing Foundation (CNCF). Our mission is to revolutionize the cloud-native landscape in the Hooghly region by fostering a platform that empowers networking, education, and collaboration.",
52+
status: 'past'
53+
},
54+
{
55+
id: 5,
56+
name: "Startup Accelerator",
57+
logo: "/Assets/Logo/cj_new_logo_2024.png", // Using existing logo as placeholder
58+
website: "https://startupaccelerator.com",
59+
description: "Helped launch numerous tech startups",
60+
status: 'past'
61+
}
62+
];
63+
64+
export default function CommunityPartners() {
65+
const handlePartnerClick = (website: string) => {
66+
window.open(website, '_blank', 'noopener,noreferrer');
67+
};
68+
69+
return (
70+
<section className="py-16 px-4 bg-black">
71+
<div className="max-w-7xl mx-auto">
72+
{/* Section Header */}
73+
<div className="text-center mb-12">
74+
<Badge variant="outline" className="mb-4 text-sm font-medium border-white/20 text-white">
75+
Community Partners
76+
</Badge>
77+
<h2 className="text-4xl font-bold text-white mb-4">
78+
Our Trusted Partners
79+
</h2>
80+
<p className="text-lg text-gray-300 max-w-2xl mx-auto">
81+
We collaborate with amazing organizations and communities to create
82+
meaningful impact in the tech ecosystem.
83+
</p>
84+
</div>
85+
86+
{/* Partners Grid */}
87+
<div className="space-y-20">
88+
{/* Current Partner - Featured */}
89+
<div>
90+
<div className="text-center mb-12">
91+
<h3 className="text-3xl font-bold text-white mb-3">
92+
Our Current Partner
93+
</h3>
94+
<div className="w-24 h-1 bg-gradient-to-r from-blue-500 to-purple-500 mx-auto mb-4"></div>
95+
<p className="text-gray-300 text-lg">
96+
Happy to be a community partner with DSU DEVHACK 2.0
97+
</p>
98+
</div>
99+
100+
{/* Featured Partner Card */}
101+
<div className="flex justify-center">
102+
{currentPartners.map((partner) => (
103+
<div key={partner.id} className="relative max-w-md w-full">
104+
{/* Glowing background effect */}
105+
<div className="absolute inset-0 bg-gradient-to-r from-blue-600 via-purple-600 to-blue-600 rounded-2xl blur-xl opacity-20 animate-pulse"></div>
106+
107+
<Card
108+
className="relative group cursor-pointer border-2 border-white/10 bg-gradient-to-br from-gray-900/80 to-black/80 backdrop-blur-sm hover:border-blue-500/50 transition-all duration-500 hover:shadow-2xl hover:shadow-blue-500/20"
109+
onClick={() => handlePartnerClick(partner.website)}
110+
>
111+
<CardContent className="p-12 text-center">
112+
{/* Animated border effect */}
113+
<div className="absolute inset-0 rounded-xl bg-gradient-to-r from-blue-500 via-purple-500 to-blue-500 opacity-0 group-hover:opacity-20 transition-opacity duration-500 blur-sm"></div>
114+
115+
{/* Partner Logo */}
116+
<div className="mb-8 flex justify-center relative z-10">
117+
<div className="relative w-32 h-32 rounded-full overflow-hidden bg-white shadow-2xl group-hover:scale-110 transition-transform duration-500">
118+
<div className="absolute inset-0 bg-gradient-to-br from-blue-500/20 to-purple-500/20 group-hover:opacity-0 transition-opacity duration-500"></div>
119+
<Image
120+
src={partner.logo}
121+
alt={`${partner.name} logo`}
122+
fill
123+
className="object-contain p-4 relative z-10"
124+
/>
125+
</div>
126+
</div>
127+
128+
{/* Partner Name with gradient */}
129+
<h4 className="text-3xl font-bold bg-gradient-to-r from-blue-400 to-purple-400 bg-clip-text text-transparent mb-4 group-hover:from-blue-300 group-hover:to-purple-300 transition-all duration-500">
130+
{partner.name}
131+
</h4>
132+
133+
{/* Partner Description */}
134+
{partner.description && (
135+
<p className="text-lg text-gray-300 mb-8 leading-relaxed">
136+
{partner.description}
137+
</p>
138+
)}
139+
140+
{/* Visit Website Button */}
141+
<Button
142+
size="lg"
143+
className="bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-500 hover:to-purple-500 text-white border-0 px-8 py-3 text-lg font-semibold shadow-lg hover:shadow-blue-500/25 transition-all duration-300 transform hover:scale-105"
144+
onClick={(e) => {
145+
e.stopPropagation();
146+
handlePartnerClick(partner.website);
147+
}}
148+
>
149+
Visit Website
150+
<svg className="ml-2 w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
151+
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
152+
</svg>
153+
</Button>
154+
</CardContent>
155+
</Card>
156+
</div>
157+
))}
158+
</div>
159+
</div>
160+
161+
{/* Past Partners - Temporarily Disabled */}
162+
{/*
163+
<div>
164+
<div className="text-center mb-8">
165+
<h3 className="text-2xl font-bold text-white mb-2">
166+
Past Partners
167+
</h3>
168+
<p className="text-gray-400">
169+
Organizations we've collaborated with in the past
170+
</p>
171+
</div>
172+
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
173+
{pastPartners.map((partner) => (
174+
<Card
175+
key={partner.id}
176+
className="group hover:shadow-lg transition-all duration-300 cursor-pointer border border-white/10 bg-gray-900/50 hover:border-gray-500/50 opacity-80 hover:opacity-100"
177+
onClick={() => handlePartnerClick(partner.website)}
178+
>
179+
<CardContent className="p-6 text-center">
180+
<div className="mb-4 flex justify-center">
181+
<div className="relative w-16 h-16 rounded-full overflow-hidden bg-white shadow-md group-hover:scale-105 transition-transform duration-300 grayscale group-hover:grayscale-0">
182+
<Image
183+
src={partner.logo}
184+
alt={`${partner.name} logo`}
185+
fill
186+
className="object-contain p-2"
187+
/>
188+
</div>
189+
</div>
190+
191+
<h4 className="text-md font-medium text-gray-300 mb-2 group-hover:text-white transition-colors">
192+
{partner.name}
193+
</h4>
194+
195+
{partner.description && (
196+
<p className="text-xs text-gray-500 mb-3">
197+
{partner.description}
198+
</p>
199+
)}
200+
201+
<Button
202+
variant="ghost"
203+
size="sm"
204+
className="text-xs text-gray-400 hover:text-white hover:bg-gray-700 transition-all duration-300"
205+
onClick={(e) => {
206+
e.stopPropagation();
207+
handlePartnerClick(partner.website);
208+
}}
209+
>
210+
View Website
211+
</Button>
212+
</CardContent>
213+
</Card>
214+
))}
215+
</div>
216+
</div>
217+
*/}
218+
</div>
219+
220+
{/* Call to Action */}
221+
<div className="text-center mt-16">
222+
<div className="bg-gradient-to-br from-gray-900/80 to-black/80 border border-white/10 rounded-lg p-8 shadow-md backdrop-blur-sm">
223+
<h3 className="text-2xl font-semibold text-white mb-4">
224+
Interested in Partnering with Us?
225+
</h3>
226+
<p className="text-gray-300 mb-6 max-w-xl mx-auto">
227+
Join our growing network of community partners and help us build
228+
a stronger tech ecosystem together.
229+
</p>
230+
<Button
231+
size="lg"
232+
className="bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-500 hover:to-purple-500 text-white"
233+
onClick={() => window.open('mailto:email@coding-junction.in', '_blank')}
234+
>
235+
Become a Partner
236+
</Button>
237+
</div>
238+
</div>
239+
</div>
240+
</section>
241+
);
242+
}

‎app/Landing/page.tsx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import About from "../About/page";
2+
import CommunityPartners from "../CommunityPartners/page";
23
import Domains from "../Domains/page";
34
import Footer from "../Footer/page";
45
import Header from "../Header/page";
@@ -16,6 +17,7 @@ export default function Landing() {
1617
<Overview/>
1718
<Domains />
1819
<Testimonial/>
20+
<CommunityPartners />
1921
<About/>
2022
<Footer />
2123
</div>

‎public/Assets/Logo/cnh_logo_stacked_epgjd4.png‎

84.3 KB
Loading

‎public/Assets/Logo/logoo 1.png‎

48.4 KB
Loading

0 commit comments

Comments
 (0)