Skip to content

Commit 4eeeaee

Browse files
DongDuong2001DongDuong2001
committed
feat: Add Discord link to footer for community engagement
1 parent 3fcb759 commit 4eeeaee

2 files changed

Lines changed: 156 additions & 2 deletions

File tree

‎app/page.tsx‎

Lines changed: 145 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -168,16 +168,26 @@ export default function HomePage() {
168168
<div className="flex animate-scroll">
169169
{[
170170
{ name: "Next.js", logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/nextjs/nextjs-original.svg" },
171-
{ name: "Github", logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/github/github-original.svg" },
171+
{ name: "React", logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original.svg" },
172172
{ name: "TypeScript", logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/typescript/typescript-original.svg" },
173173
{ name: "Tailwind CSS", logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/tailwindcss/tailwindcss-original.svg" },
174+
{ name: "Node.js", logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/nodejs/nodejs-original.svg" },
175+
{ name: "PostgreSQL", logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/postgresql/postgresql-original.svg" },
174176
{ name: "Supabase", logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/supabase/supabase-original.svg" },
177+
{ name: "JWT", logo: "https://jwt.io/img/pic_logo.svg" },
178+
{ name: "Bcrypt", logo: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300FF99'%3E%3Cpath d='M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z'/%3E%3C/svg%3E" },
179+
{ name: "Github", logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/github/github-original.svg" },
175180
{ name: "Vercel", logo: "https://assets.vercel.com/image/upload/front/favicon/vercel/180x180.png" },
176181
{ name: "Next.js", logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/nextjs/nextjs-original.svg" },
177-
{ name: "Github", logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/github/github-original.svg" },
182+
{ name: "React", logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original.svg" },
178183
{ name: "TypeScript", logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/typescript/typescript-original.svg" },
179184
{ name: "Tailwind CSS", logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/tailwindcss/tailwindcss-original.svg" },
185+
{ name: "Node.js", logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/nodejs/nodejs-original.svg" },
186+
{ name: "PostgreSQL", logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/postgresql/postgresql-original.svg" },
180187
{ name: "Supabase", logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/supabase/supabase-original.svg" },
188+
{ name: "JWT", logo: "https://jwt.io/img/pic_logo.svg" },
189+
{ name: "Bcrypt", logo: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300FF99'%3E%3Cpath d='M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z'/%3E%3C/svg%3E" },
190+
{ name: "Github", logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/github/github-original.svg" },
181191
{ name: "Vercel", logo: "https://assets.vercel.com/image/upload/front/favicon/vercel/180x180.png" }
182192
].map((tech, index) => (
183193
<div
@@ -202,6 +212,139 @@ export default function HomePage() {
202212
</div>
203213
</section>
204214

215+
{/* Our Services Section */}
216+
<section id="services" className="border-b border-border">
217+
<div className="container mx-auto px-4 py-24">
218+
<div className="mx-auto max-w-6xl">
219+
<div className="text-center mb-16">
220+
<h2 className="text-3xl md:text-5xl font-bold mb-4">Our Services</h2>
221+
<p className="text-lg text-muted-foreground max-w-2xl mx-auto">
222+
Everything you need to build, collaborate, and ship amazing projects
223+
</p>
224+
</div>
225+
226+
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
227+
{/* Project Management */}
228+
<div className="border border-border p-6 hover:border-primary transition-all duration-300 group">
229+
<div className="mb-4 text-primary">
230+
<svg className="h-12 w-12" fill="none" viewBox="0 0 24 24" stroke="currentColor">
231+
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" />
232+
</svg>
233+
</div>
234+
<h3 className="text-xl font-bold mb-3 group-hover:text-primary transition-colors">Project Management</h3>
235+
<p className="text-muted-foreground">
236+
Organize your projects with Kanban boards, task tracking, and team collaboration tools. Keep everyone on the same page.
237+
</p>
238+
</div>
239+
240+
{/* AI-Powered Tools */}
241+
<div className="border border-border p-6 hover:border-primary transition-all duration-300 group">
242+
<div className="mb-4 text-primary">
243+
<svg className="h-12 w-12" fill="none" viewBox="0 0 24 24" stroke="currentColor">
244+
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" />
245+
</svg>
246+
</div>
247+
<h3 className="text-xl font-bold mb-3 group-hover:text-primary transition-colors">AI-Powered Tools</h3>
248+
<p className="text-muted-foreground">
249+
Leverage artificial intelligence to enhance your workflow. From code generation to smart suggestions and automation.
250+
</p>
251+
</div>
252+
253+
{/* Real-Time Collaboration */}
254+
<div className="border border-border p-6 hover:border-primary transition-all duration-300 group">
255+
<div className="mb-4 text-primary">
256+
<svg className="h-12 w-12" fill="none" viewBox="0 0 24 24" stroke="currentColor">
257+
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z" />
258+
</svg>
259+
</div>
260+
<h3 className="text-xl font-bold mb-3 group-hover:text-primary transition-colors">Real-Time Collaboration</h3>
261+
<p className="text-muted-foreground">
262+
Work together seamlessly with live chat, comments, mentions, and shared whiteboards. Collaborate from anywhere.
263+
</p>
264+
</div>
265+
266+
{/* File Management */}
267+
<div className="border border-border p-6 hover:border-primary transition-all duration-300 group">
268+
<div className="mb-4 text-primary">
269+
<svg className="h-12 w-12" fill="none" viewBox="0 0 24 24" stroke="currentColor">
270+
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z" />
271+
</svg>
272+
</div>
273+
<h3 className="text-xl font-bold mb-3 group-hover:text-primary transition-colors">File Management</h3>
274+
<p className="text-muted-foreground">
275+
Upload, organize, and share files effortlessly. Support for multiple file types with easy categorization and search.
276+
</p>
277+
</div>
278+
279+
{/* Diagram & Visualization */}
280+
<div className="border border-border p-6 hover:border-primary transition-all duration-300 group">
281+
<div className="mb-4 text-primary">
282+
<svg className="h-12 w-12" fill="none" viewBox="0 0 24 24" stroke="currentColor">
283+
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01" />
284+
</svg>
285+
</div>
286+
<h3 className="text-xl font-bold mb-3 group-hover:text-primary transition-colors">Diagram & Visualization</h3>
287+
<p className="text-muted-foreground">
288+
Create flowcharts, mind maps, and technical diagrams. Visualize your ideas with powerful drawing tools.
289+
</p>
290+
</div>
291+
292+
{/* Entertainment Hub */}
293+
<div className="border border-border p-6 hover:border-primary transition-all duration-300 group">
294+
<div className="mb-4 text-primary">
295+
<svg className="h-12 w-12" fill="none" viewBox="0 0 24 24" stroke="currentColor">
296+
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
297+
</svg>
298+
</div>
299+
<h3 className="text-xl font-bold mb-3 group-hover:text-primary transition-colors">Entertainment Hub</h3>
300+
<p className="text-muted-foreground">
301+
Take a break with games and challenges. From Sudoku and Tetris to typing tests and brain teasers.
302+
</p>
303+
</div>
304+
305+
{/* Wiki & Documentation */}
306+
<div className="border border-border p-6 hover:border-primary transition-all duration-300 group">
307+
<div className="mb-4 text-primary">
308+
<svg className="h-12 w-12" fill="none" viewBox="0 0 24 24" stroke="currentColor">
309+
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" />
310+
</svg>
311+
</div>
312+
<h3 className="text-xl font-bold mb-3 group-hover:text-primary transition-colors">Wiki & Documentation</h3>
313+
<p className="text-muted-foreground">
314+
Build comprehensive knowledge bases and documentation. Organize information with categories and powerful search.
315+
</p>
316+
</div>
317+
318+
{/* Meeting & Planning */}
319+
<div className="border border-border p-6 hover:border-primary transition-all duration-300 group">
320+
<div className="mb-4 text-primary">
321+
<svg className="h-12 w-12" fill="none" viewBox="0 0 24 24" stroke="currentColor">
322+
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
323+
</svg>
324+
</div>
325+
<h3 className="text-xl font-bold mb-3 group-hover:text-primary transition-colors">Meeting & Planning</h3>
326+
<p className="text-muted-foreground">
327+
Schedule meetings, set milestones, and track progress. Keep your team aligned with clear timelines.
328+
</p>
329+
</div>
330+
331+
{/* Live Support */}
332+
<div className="border border-border p-6 hover:border-primary transition-all duration-300 group">
333+
<div className="mb-4 text-primary">
334+
<svg className="h-12 w-12" fill="none" viewBox="0 0 24 24" stroke="currentColor">
335+
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z" />
336+
</svg>
337+
</div>
338+
<h3 className="text-xl font-bold mb-3 group-hover:text-primary transition-colors">Live Support</h3>
339+
<p className="text-muted-foreground">
340+
Get help when you need it with our integrated live chat support system. Fast, friendly, and always available.
341+
</p>
342+
</div>
343+
</div>
344+
</div>
345+
</div>
346+
</section>
347+
205348
{/* Community Section */}
206349
<section id="community" className="border-b border-border">
207350
<div className="container mx-auto px-4 py-24">

‎components/footer.tsx‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -113,6 +113,17 @@ export function Footer() {
113113
>
114114
<Facebook className="h-5 w-5" />
115115
</Link>
116+
<Link
117+
href="https://discord.gg/g5FVt9pjN2"
118+
target="_blank"
119+
rel="noopener noreferrer"
120+
className="p-2 border border-border hover:border-primary hover:text-primary transition-colors"
121+
aria-label="Discord"
122+
>
123+
<svg className="h-5 w-5" viewBox="0 0 24 24" fill="currentColor">
124+
<path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z"/>
125+
</svg>
126+
</Link>
116127
<Link
117128
href="mailto:lab68dev@gmail.com"
118129
className="p-2 border border-border hover:border-primary hover:text-primary transition-colors"

0 commit comments

Comments
 (0)