Skip to content

Commit 0c575c9

Browse files
Merge pull request #24 from sensasi-delight:landing
Enhance SEO, layout responsiveness, and project display
2 parents 6872f8d + 9536203 commit 0c575c9

File tree

5 files changed

+94
-31
lines changed

5 files changed

+94
-31
lines changed

src/app/layout.tsx

Lines changed: 1 addition & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
import type { Metadata } from 'next'
21
import { Inter, JetBrains_Mono } from 'next/font/google'
32
import './globals.css'
3+
export { metadata } from './metadata'
44

55
const inter = Inter({
66
subsets: ['latin'],
@@ -12,18 +12,6 @@ const jetbrainsMono = JetBrains_Mono({
1212
variable: '--font-jetbrains-mono',
1313
})
1414

15-
export const metadata: Metadata = {
16-
title: 'Code Showcase Studio - Platform Project Mahasiswa POLNES',
17-
description:
18-
'Platform untuk memamerkan project-project dari mahasiswa Politeknik Negeri Samarinda',
19-
authors: [
20-
{
21-
name: 'Klub Pemrograman TI POLNES',
22-
url: 'https://github.com/pemrogrammer',
23-
},
24-
],
25-
}
26-
2715
export default function RootLayout({
2816
children,
2917
}: Readonly<{

src/app/metadata.ts

Lines changed: 77 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,77 @@
1+
import type { Metadata } from 'next'
2+
3+
export const metadata: Metadata = {
4+
title: 'Code Showcase Studio | Bagikan & Temukan Proyek Kode',
5+
description:
6+
'Platform untuk menampilkan, menjelajahi, dan berkolaborasi pada proyek kode. Bagikan karya Anda, dapatkan masukan, dan bergabung dengan komunitas developer.',
7+
keywords: [
8+
'Code Showcase Studio',
9+
'Code Showcase Studio CSS',
10+
'CSS platform code showcase',
11+
'komunitas developer',
12+
'bagikan kode',
13+
'proyek open source',
14+
'portofolio pemrograman',
15+
'kolaborasi kode',
16+
'leaderboard developer',
17+
'vote proyek',
18+
'platform coding',
19+
'komunitas pemrograman',
20+
'temukan proyek',
21+
'proyek terbaik',
22+
'komunitas pemrograman terdepan',
23+
'klub pemrograman',
24+
'ti polnes',
25+
'kpti',
26+
'code portfolio',
27+
'developer community',
28+
'share your project',
29+
'coding projects',
30+
'open source projects',
31+
'programming portfolio',
32+
'student projects',
33+
'developer showcase',
34+
'hackathon projects',
35+
'software portfolio',
36+
'team coding collaboration',
37+
'side projects showcase',
38+
],
39+
authors: [
40+
{
41+
name: 'Tim Code Showcase Studio | Klub Pemrograman TI POLNES',
42+
url: 'https://github.com/pemrogrammer',
43+
},
44+
],
45+
openGraph: {
46+
title: 'Code Showcase Studio',
47+
description:
48+
'Tampilkan dan temukan proyek kode menarik. Terhubung dengan developer lain, berbagi ide, dan kembangkan perjalanan coding Anda.',
49+
url: 'https://code-showcase-studio.vercel.app',
50+
siteName: 'Code Showcase Studio',
51+
// images: [
52+
// {
53+
// url: 'https://code-showcase-studio.vercel.app/og-image.png',
54+
// width: 1200,
55+
// height: 630,
56+
// alt: 'Pratinjau Code Showcase Studio',
57+
// },
58+
// ],
59+
locale: 'id_ID',
60+
type: 'website',
61+
},
62+
twitter: {
63+
// card: 'summary_large_image',
64+
card: 'summary',
65+
title: 'Code Showcase Studio',
66+
description:
67+
'Bagikan dan temukan proyek kode menarik. Bergabunglah dengan komunitas developer hari ini!',
68+
// images: ['https://code-showcase-studio.vercel.app/og-image.png'],
69+
// creator: '@your_twitter_handle',
70+
},
71+
// icons: {
72+
// icon: '/favicon.ico',
73+
// shortcut: '/favicon-16x16.png',
74+
// apple: '/apple-touch-icon.png',
75+
// },
76+
// manifest: '/site.webmanifest',
77+
}

src/app/page.module.css

Lines changed: 0 additions & 7 deletions
This file was deleted.

src/features/landing/components/hero-section.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import { ArrowRight, Play, Sparkles } from 'lucide-react'
33

44
export default function HeroSection() {
55
return (
6-
<section className="py-20 md:py-16 relative overflow-hidden">
6+
<section className="py-20 md:py-16 relative overflow-hidden min-h-[calc(100vh-76px)]">
77
<div className="absolute inset-0" />
88

99
<div className="container mx-auto px-4 relative">

src/features/landing/components/timeline-section.tsx

Lines changed: 15 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -2,63 +2,64 @@ import { Card } from '@/components/ui/card'
22
import { Badge } from '@/components/ui/badge'
33
import { Button } from '@/components/ui/button'
44
import { Heart, MessageCircle, Eye, Star, ExternalLink } from 'lucide-react'
5+
import Image from 'next/image'
56

67
const recentProjects = [
78
{
89
id: 1,
910
title: 'Smart Campus Navigation App',
1011
author: 'Ahmad Rizki',
11-
authorAvatar: '/placeholder.svg?height=40&width=40',
12+
authorAvatar: '/placeholder.svg',
1213
description:
1314
'Aplikasi navigasi kampus menggunakan AR dan machine learning untuk membantu mahasiswa baru',
1415
technologies: ['React Native', 'TensorFlow', 'Firebase', 'ARCore'],
1516
likes: 42,
1617
comments: 8,
1718
views: 156,
18-
image: '/placeholder.svg?height=200&width=300',
19+
image: '/placeholder.svg',
1920
postedAt: '2 jam yang lalu',
2021
featured: true,
2122
},
2223
{
2324
id: 2,
2425
title: 'E-Learning Platform POLNES',
2526
author: 'Siti Nurhaliza',
26-
authorAvatar: '/placeholder.svg?height=40&width=40',
27+
authorAvatar: '/placeholder.svg',
2728
description:
2829
'Platform pembelajaran online dengan fitur video conference dan assignment management',
2930
technologies: ['Next.js', 'PostgreSQL', 'WebRTC', 'Prisma'],
3031
likes: 38,
3132
comments: 12,
3233
views: 203,
33-
image: '/placeholder.svg?height=200&width=300',
34+
image: '/placeholder.svg',
3435
postedAt: '4 jam yang lalu',
3536
featured: false,
3637
},
3738
{
3839
id: 3,
3940
title: 'IoT Greenhouse Monitoring',
4041
author: 'Bayu Pratama',
41-
authorAvatar: '/placeholder.svg?height=40&width=40',
42+
authorAvatar: '/placeholder.svg',
4243
description: 'Sistem monitoring greenhouse otomatis dengan sensor IoT dan dashboard real-time',
4344
technologies: ['Arduino', 'Node.js', 'MongoDB', 'Socket.io'],
4445
likes: 29,
4546
comments: 6,
4647
views: 134,
47-
image: '/placeholder.svg?height=200&width=300',
48+
image: '/placeholder.svg',
4849
postedAt: '6 jam yang lalu',
4950
featured: false,
5051
},
5152
{
5253
id: 4,
5354
title: 'Blockchain Voting System',
5455
author: 'Dewi Kartika',
55-
authorAvatar: '/placeholder.svg?height=40&width=40',
56+
authorAvatar: '/placeholder.svg',
5657
description: 'Sistem voting digital menggunakan blockchain untuk transparansi dan keamanan',
5758
technologies: ['Solidity', 'Web3.js', 'React', 'Ethereum'],
5859
likes: 51,
5960
comments: 15,
6061
views: 287,
61-
image: '/placeholder.svg?height=200&width=300',
62+
image: '/placeholder.svg',
6263
postedAt: '8 jam yang lalu',
6364
featured: true,
6465
},
@@ -117,8 +118,10 @@ function ProjectCard({ project }: { project: (typeof recentProjects)[number] })
117118
)}
118119

119120
<div className="relative overflow-hidden">
120-
<img
121+
<Image
121122
src={project.image || '/placeholder.svg'}
123+
width={300}
124+
height={200}
122125
alt={project.title}
123126
className="w-full h-48 object-cover group-hover:scale-105 transition-transform duration-300"
124127
/>
@@ -134,8 +137,10 @@ function ProjectCard({ project }: { project: (typeof recentProjects)[number] })
134137

135138
<div className="p-6">
136139
<div className="flex items-center gap-3 mb-4">
137-
<img
140+
<Image
138141
src={project.authorAvatar || '/placeholder.svg'}
142+
width={40}
143+
height={40}
139144
alt={project.author}
140145
className="w-8 h-8 rounded-full"
141146
/>

0 commit comments

Comments
 (0)