Update src/app/showcase/page.tsx

This commit is contained in:
2026-03-03 17:24:15 +00:00
parent 1a8961aab7
commit 8046127d64

View File

@@ -42,9 +42,7 @@ export default function ShowcasePage() {
<NavbarStyleCentered <NavbarStyleCentered
navItems={navItems} navItems={navItems}
button={{ button={{
text: "Get Started", text: "Get Started", href: "/contact"}}
href: "/contact",
}}
brandName="CodeHub" brandName="CodeHub"
/> />
</div> </div>
@@ -63,11 +61,8 @@ export default function ShowcasePage() {
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
dashboard={{ dashboard={{
title: "Project Showcase Hub", title: "Project Showcase Hub", logoIcon: Code,
logoIcon: Code, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-modern-clean-software-dashboard-interf-1772557828834-3c7c8e0a.png?_wi=7", searchPlaceholder: "Search projects, games, algorithms...", sidebarItems: [
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-modern-clean-software-dashboard-interf-1772557828834-3c7c8e0a.png?_wi=7",
searchPlaceholder: "Search projects, games, algorithms...",
sidebarItems: [
{ icon: Book, active: true }, { icon: Book, active: true },
{ icon: Gamepad2 }, { icon: Gamepad2 },
{ icon: GitBranch }, { icon: GitBranch },
@@ -78,46 +73,32 @@ export default function ShowcasePage() {
], ],
stats: [ stats: [
{ {
title: "Projects", title: "Projects", values: [456, 623, 892],
values: [456, 623, 892], description: "Community creations"},
description: "Community creations",
},
{ {
title: "Downloads", title: "Downloads", values: [12400, 18650, 24320],
values: [12400, 18650, 24320], description: "Total projects downloaded"},
description: "Total projects downloaded",
},
{ {
title: "Stars", title: "Stars", values: [3200, 4850, 7120],
values: [3200, 4850, 7120], description: "Community ratings"},
description: "Community ratings",
},
], ],
chartTitle: "Project Submissions", chartTitle: "Project Submissions", chartData: [
chartData: [
{ value: 55 }, { value: 55 },
{ value: 72 }, { value: 72 },
{ value: 88 }, { value: 88 },
{ value: 65 }, { value: 65 },
{ value: 92 }, { value: 92 },
], ],
listTitle: "Featured Projects", listTitle: "Featured Projects", listItems: [
listItems: [
{ {
icon: Sparkles, icon: Sparkles,
title: "AI Chess Engine", title: "AI Chess Engine", status: "⭐⭐⭐⭐⭐"},
status: "⭐⭐⭐⭐⭐",
},
{ {
icon: Code, icon: Code,
title: "Real-time Sorting Viz", title: "Real-time Sorting Viz", status: "⭐⭐⭐⭐"},
status: "⭐⭐⭐⭐",
},
{ {
icon: Gamepad2, icon: Gamepad2,
title: "3D Platformer Engine", title: "3D Platformer Engine", status: "⭐⭐⭐⭐⭐"},
status: "⭐⭐⭐⭐⭐",
},
], ],
}} }}
/> />
@@ -132,47 +113,17 @@ export default function ShowcasePage() {
tagAnimation="slide-up" tagAnimation="slide-up"
products={[ products={[
{ {
id: "1", id: "1", name: "2D Platformer Engine", price: "Open Source", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-vibrant-game-development-workspace-sho-1772557829553-78efb018.png?_wi=5", imageAlt: "2D Platformer Game"},
name: "2D Platformer Engine",
price: "Open Source",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-vibrant-game-development-workspace-sho-1772557829553-78efb018.png?_wi=5",
imageAlt: "2D Platformer Game",
},
{ {
id: "2", id: "2", name: "AI Chess Algorithm", price: "Open Source", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-modern-algorithm-visualization-showing-1772557828226-7cdb3f18.png?_wi=6", imageAlt: "Chess AI"},
name: "AI Chess Algorithm",
price: "Open Source",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-modern-algorithm-visualization-showing-1772557828226-7cdb3f18.png?_wi=6",
imageAlt: "Chess AI",
},
{ {
id: "3", id: "3", name: "Real-time Sorting Visualizer", price: "Open Source", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-modern-algorithm-visualization-showing-1772557828226-7cdb3f18.png?_wi=7", imageAlt: "Sorting Visualizer"},
name: "Real-time Sorting Visualizer",
price: "Open Source",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-modern-algorithm-visualization-showing-1772557828226-7cdb3f18.png?_wi=7",
imageAlt: "Sorting Visualizer",
},
{ {
id: "4", id: "4", name: "3D Game Environment Builder", price: "Open Source", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-modern-gallery-grid-showing-different--1772557831924-ea0916da.png?_wi=4", imageAlt: "Game Builder"},
name: "3D Game Environment Builder",
price: "Open Source",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-modern-gallery-grid-showing-different--1772557831924-ea0916da.png?_wi=4",
imageAlt: "Game Builder",
},
{ {
id: "5", id: "5", name: "Machine Learning Model Dashboard", price: "Open Source", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-modern-clean-software-dashboard-interf-1772557828834-3c7c8e0a.png?_wi=8", imageAlt: "ML Dashboard"},
name: "Machine Learning Model Dashboard",
price: "Open Source",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-modern-clean-software-dashboard-interf-1772557828834-3c7c8e0a.png?_wi=8",
imageAlt: "ML Dashboard",
},
{ {
id: "6", id: "6", name: "Real-Time Multiplayer Game", price: "Open Source", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-vibrant-hero-image-for-a-blog-post-abo-1772557829071-73f5e221.png?_wi=2", imageAlt: "Multiplayer Game"},
name: "Real-Time Multiplayer Game",
price: "Open Source",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-vibrant-hero-image-for-a-blog-post-abo-1772557829071-73f5e221.png?_wi=2",
imageAlt: "Multiplayer Game",
},
]} ]}
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
@@ -192,29 +143,14 @@ export default function ShowcasePage() {
tagAnimation="slide-up" tagAnimation="slide-up"
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Alex Chen", role: "Junior Developer", company: "TechStartup Inc", rating: 5,
name: "Alex Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-professional-headshot-photo-of-a-smili-1772557827289-e81d8558.png?_wi=2"},
role: "Junior Developer",
company: "TechStartup Inc",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-professional-headshot-photo-of-a-smili-1772557827289-e81d8558.png?_wi=2",
},
{ {
id: "2", id: "2", name: "Sarah Martinez", role: "Game Developer", company: "Indie Games Studio", rating: 5,
name: "Sarah Martinez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-professional-headshot-of-a-different-y-1772557826882-57f1ccb3.png?_wi=2"},
role: "Game Developer",
company: "Indie Games Studio",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-professional-headshot-of-a-different-y-1772557826882-57f1ccb3.png?_wi=2",
},
{ {
id: "3", id: "3", name: "James Wilson", role: "Algorithm Expert", company: "Data Analytics Co", rating: 5,
name: "James Wilson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-professional-headshot-of-a-game-develo-1772557828380-a6282019.png?_wi=2"},
role: "Algorithm Expert",
company: "Data Analytics Co",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-professional-headshot-of-a-game-develo-1772557828380-a6282019.png?_wi=2",
},
]} ]}
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
@@ -233,8 +169,7 @@ export default function ShowcasePage() {
copyrightText="© 2025 CodeHub. Empowering the next generation of developers." copyrightText="© 2025 CodeHub. Empowering the next generation of developers."
columns={[ columns={[
{ {
title: "Learning", title: "Learning", items: [
items: [
{ label: "Coding Tutorials", href: "/learn" }, { label: "Coding Tutorials", href: "/learn" },
{ label: "Game Development", href: "/learn" }, { label: "Game Development", href: "/learn" },
{ label: "Algorithm Courses", href: "/learn" }, { label: "Algorithm Courses", href: "/learn" },
@@ -242,8 +177,7 @@ export default function ShowcasePage() {
], ],
}, },
{ {
title: "Community", title: "Community", items: [
items: [
{ label: "Project Showcase", href: "/showcase" }, { label: "Project Showcase", href: "/showcase" },
{ label: "Developer Forum", href: "/community" }, { label: "Developer Forum", href: "/community" },
{ label: "Mentorship", href: "/community" }, { label: "Mentorship", href: "/community" },
@@ -251,8 +185,7 @@ export default function ShowcasePage() {
], ],
}, },
{ {
title: "Company", title: "Company", items: [
items: [
{ label: "About Us", href: "/#about" }, { label: "About Us", href: "/#about" },
{ label: "Contact", href: "/contact" }, { label: "Contact", href: "/contact" },
{ label: "Privacy Policy", href: "#" }, { label: "Privacy Policy", href: "#" },