Skip to content

Commit bedfa41

Browse files
DongDuong2001DongDuong2001
committed
feat: Update Homepage section - add Founder Section & update Service Section.
1 parent 862ced7 commit bedfa41

2 files changed

Lines changed: 75 additions & 23 deletions

File tree

‎app/page.tsx‎

Lines changed: 75 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
"use client"
1+
"use client"
22

33
import { Header } from "@/components/header"
44
import { Footer } from "@/components/footer"
@@ -231,9 +231,9 @@ export default function HomePage() {
231231
<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" />
232232
</svg>
233233
</div>
234-
<h3 className="text-xl font-bold mb-3 group-hover:text-primary transition-colors">Project Management</h3>
234+
<h3 className="text-xl font-bold mb-3 group-hover:text-primary transition-colors">Jira-like Project Management</h3>
235235
<p className="text-muted-foreground">
236-
Organize your projects with Kanban boards, task tracking, and team collaboration tools. Keep everyone on the same page.
236+
Full-featured project management with Kanban boards, sprint planning, backlog management, epic hierarchy, advanced filters, and real-time collaboration. Complete Jira-like experience with role-based access control.
237237
</p>
238238
</div>
239239

@@ -244,9 +244,9 @@ export default function HomePage() {
244244
<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" />
245245
</svg>
246246
</div>
247-
<h3 className="text-xl font-bold mb-3 group-hover:text-primary transition-colors">AI-Powered Tools</h3>
247+
<h3 className="text-xl font-bold mb-3 group-hover:text-primary transition-colors">AI-Powered Assistant</h3>
248248
<p className="text-muted-foreground">
249-
Leverage artificial intelligence to enhance your workflow. From code generation to smart suggestions and automation.
249+
Integrated AI assistant for code generation, smart suggestions, task automation, and intelligent workflows. Boost productivity with cutting-edge artificial intelligence.
250250
</p>
251251
</div>
252252

@@ -259,7 +259,7 @@ export default function HomePage() {
259259
</div>
260260
<h3 className="text-xl font-bold mb-3 group-hover:text-primary transition-colors">Real-Time Collaboration</h3>
261261
<p className="text-muted-foreground">
262-
Work together seamlessly with live chat, comments, mentions, and shared whiteboards. Collaborate from anywhere.
262+
Live chat with typing indicators, threaded comments with @mentions, collaborative whiteboard with drawing tools, and real-time updates. Work together seamlessly from anywhere in the world.
263263
</p>
264264
</div>
265265

@@ -289,6 +289,19 @@ export default function HomePage() {
289289
</p>
290290
</div>
291291

292+
{/* Resume Editor */}
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="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
297+
</svg>
298+
</div>
299+
<h3 className="text-xl font-bold mb-3 group-hover:text-primary transition-colors">Live Resume Editor</h3>
300+
<p className="text-muted-foreground">
301+
Professional WYSIWYG resume builder with 5 templates, live A4 preview, drag-and-drop sections, color picker, font customization, and photo support. Export-ready for PDF.
302+
</p>
303+
</div>
304+
292305
{/* Games Hub */}
293306
<div className="border border-border p-6 hover:border-primary transition-all duration-300 group">
294307
<div className="mb-4 text-primary">
@@ -298,7 +311,7 @@ export default function HomePage() {
298311
</div>
299312
<h3 className="text-xl font-bold mb-3 group-hover:text-primary transition-colors">Games Hub</h3>
300313
<p className="text-muted-foreground">
301-
Take a break with games and challenges. From Sudoku and Tetris to typing tests and brain teasers.
314+
Take a break with puzzle games, arcade classics, and brain training. Sudoku, Tetris, Snake, typing tests, and more to refresh your mind.
302315
</p>
303316
</div>
304317

@@ -374,25 +387,63 @@ export default function HomePage() {
374387
</div>
375388
</section>
376389

377-
{/* Projects Preview Section */}
378-
<section id="projects" className="border-b border-border">
390+
{/* Founder Section */}
391+
<section id="founder" className="border-b border-border">
379392
<div className="container mx-auto px-4 py-24">
380-
<div className="mx-auto max-w-6xl">
381-
<h2 className="text-3xl md:text-5xl font-bold mb-12 text-balance">Featured Projects</h2>
382-
<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-4">
383-
{[
384-
{ name: "lab68dev-platform", desc: "Next.js web application with AI integration", status: "Active", github: "https://github.com/lab68dev/lab68dev-platform" },
385-
{ name: "lab68dev-AutoPR", desc: "Automate pull request reviews with an AI that understands context, best practices, and your org’s style guide", status: "Soon" },
386-
{ name: "lab68dev-internal-hub", desc: "Internal Hub", status: "Soon" },
387-
].map((project) => (
388-
<div key={project.name} className="border border-border p-6 hover:border-primary transition-colors">
389-
<div className="flex items-start justify-between mb-4">
390-
<h3 className="text-xl font-bold">{project.name}</h3>
391-
<span className="text-xs border border-primary text-primary px-2 py-1">{project.status}</span>
393+
<div className="mx-auto max-w-4xl">
394+
<div className="text-center mb-12">
395+
<h2 className="text-3xl md:text-5xl font-bold mb-4">Meet the Founder</h2>
396+
<p className="text-lg text-muted-foreground">
397+
Dedicated to building powerful tools for developers and teams
398+
</p>
399+
</div>
400+
401+
<div className="border border-border p-8 md:p-12 hover:border-primary transition-all duration-300">
402+
<div className="flex flex-col md:flex-row items-center md:items-start gap-8">
403+
<div className="flex-shrink-0">
404+
<div className="w-32 h-32 rounded-full overflow-hidden border-2 border-primary/20 bg-white">
405+
<Image
406+
src="/images/logos/Duong Phu Dong.png"
407+
alt="F4P1E - Duong Phu Dong"
408+
width={128}
409+
height={128}
410+
className="object-cover w-full h-full"
411+
/>
392412
</div>
393-
<p className="text-sm text-muted-foreground">{project.desc}</p>
394413
</div>
395-
))}
414+
415+
<div className="flex-1 text-center md:text-left">
416+
<h3 className="text-2xl md:text-3xl font-bold mb-2">F4P1E (Duong Phu Dong)</h3>
417+
<p className="text-primary font-medium mb-4">Founder & Lead Developer</p>
418+
<p className="text-muted-foreground mb-6 leading-relaxed">
419+
Creator of Lab68 Dev Platform - a comprehensive collaborative workspace designed to empower developers and teams.
420+
Passionate about building tools that enhance productivity, streamline workflows, and foster innovation.
421+
</p>
422+
423+
<div className="flex flex-wrap gap-3 justify-center md:justify-start">
424+
<Button asChild variant="default">
425+
<Link href="https://github.com/F4P1E" target="_blank" rel="noopener noreferrer">
426+
<svg className="h-5 w-5 mr-2" fill="currentColor" viewBox="0 0 24 24">
427+
<path fillRule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clipRule="evenodd" />
428+
</svg>
429+
GitHub Profile
430+
</Link>
431+
</Button>
432+
433+
<Button asChild variant="outline">
434+
<Link href="https://github.com/lab68dev/lab68dev-platform" target="_blank" rel="noopener noreferrer">
435+
View Project Repository
436+
</Link>
437+
</Button>
438+
</div>
439+
440+
<div className="mt-6 pt-6 border-t border-border">
441+
<p className="text-sm text-muted-foreground">
442+
<strong className="text-foreground">Tech Stack Expertise:</strong> Next.js, React, TypeScript, Node.js, PostgreSQL, Supabase, Tailwind CSS
443+
</p>
444+
</div>
445+
</div>
446+
</div>
396447
</div>
397448
</div>
398449
</div>
@@ -403,3 +454,4 @@ export default function HomePage() {
403454
</div>
404455
)
405456
}
457+

‎public/images/logos/Duong Phu Dong.png‎

6.61 KB
Loading

0 commit comments

Comments
 (0)