Update src/app/page.tsx

This commit is contained in:
2026-06-03 04:50:57 +00:00
parent 79adc5919d
commit 347c7a29c0

View File

@@ -34,92 +34,53 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Beranda",
id: "#hero",
},
name: "Beranda", id: "#hero"},
{
name: "Fitur",
id: "#features",
},
name: "Fitur", id: "#features"},
{
name: "Game",
id: "#products",
},
name: "Game", id: "#products"},
{
name: "Harga",
id: "#pricing",
},
name: "Harga", id: "#pricing"},
{
name: "Testimoni",
id: "#testimonials",
},
name: "Testimoni", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Kontak",
id: "#contact",
},
name: "Kontak", id: "#contact"},
]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wxqcy6"
logoAlt="CloudPlay Logo"
brandName="CloudPlay"
button={{
text: "Mulai Sekarang",
href: "#pricing",
}}
text: "Mulai Sekarang", href: "#pricing"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated",
}}
variant: "rotated-rays-animated"}}
title="Mainkan Game Favoritmu di Cloud, Tanpa Lag!"
description="Nikmati pengalaman gaming premium tanpa perlu hardware mahal. Akses ratusan game dari perangkat apapun, kapan saja."
buttons={[
{
text: "Mulai Sekarang",
href: "#pricing",
},
text: "Mulai Sekarang", href: "#pricing"},
{
text: "Lihat Katalog Game",
href: "#products",
},
text: "Lihat Katalog Game", href: "#products"},
]}
carouselItems={[
{
id: "carousel-1",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-gamer-playing-with-controller_23-2149829148.jpg",
imageAlt: "Gamer focused on screen with futuristic UI",
},
id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/side-view-gamer-playing-with-controller_23-2149829148.jpg", imageAlt: "Gamer focused on screen with futuristic UI"},
{
id: "carousel-2",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-tablet-with-spotify-app_23-2147987818.jpg",
imageAlt: "Game streaming from server to tablet",
},
id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-tablet-with-spotify-app_23-2147987818.jpg", imageAlt: "Game streaming from server to tablet"},
{
id: "carousel-3",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-people-playing-videogame-side-view_23-2149349995.jpg",
imageAlt: "Friends playing cloud games together",
},
id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/smiley-people-playing-videogame-side-view_23-2149349995.jpg", imageAlt: "Friends playing cloud games together"},
{
id: "carousel-4",
imageSrc: "http://img.b2bpic.net/free-photo/3d-neon-lights-background_23-2150710753.jpg",
imageAlt: "Futuristic city gaming interface overlay",
},
id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/3d-neon-lights-background_23-2150710753.jpg", imageAlt: "Futuristic city gaming interface overlay"},
{
id: "carousel-5",
imageSrc: "http://img.b2bpic.net/free-photo/remote-worker-organizing-project-data-reviewing-his-handwritten-notes_482257-120825.jpg",
imageAlt: "Gaming controller with glowing buttons",
},
id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/remote-worker-organizing-project-data-reviewing-his-handwritten-notes_482257-120825.jpg", imageAlt: "Gaming controller with glowing buttons"},
{
id: "carousel-6",
imageSrc: "http://img.b2bpic.net/free-photo/upset-data-center-worker-packing-desk-after-being-replaced-by-ai_482257-127245.jpg",
imageAlt: "Cloud infrastructure for gaming speed",
},
id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/upset-data-center-worker-packing-desk-after-being-replaced-by-ai_482257-127245.jpg", imageAlt: "Cloud infrastructure for gaming speed"},
]}
/>
</div>
@@ -131,17 +92,11 @@ export default function LandingPage() {
description="CloudPlay mengubah cara Anda bermain game. Dengan teknologi cloud terkini, kami menghadirkan performa konsol ke perangkat apapun, tanpa batasan hardware. Nikmati pengalaman gaming tanpa unduhan, tanpa instalasi, hanya bermain."
metrics={[
{
value: "100+",
title: "Judul Game",
},
value: "100+", title: "Judul Game"},
{
value: "99.9%",
title: "Uptime Stabil",
},
value: "99.9%", title: "Uptime Stabil"},
{
value: "<10ms",
title: "Latensi Rendah",
},
value: "<10ms", title: "Latensi Rendah"},
]}
imageSrc="http://img.b2bpic.net/free-photo/dimly-lit-facility-running-deep-learning-platforms-neural-networks-training_482257-124557.jpg"
imageAlt="Futuristic data center infrastructure"
@@ -157,45 +112,21 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
id: "f1",
title: "Latensi Sangat Rendah",
tags: [
"Performa",
"Responsif",
],
imageSrc: "http://img.b2bpic.net/free-photo/frustrated-young-adult-losing-online-video-games-play-competition-computer-with-neon-lights-male-gamer-streaming-action-gameplay-feeling-sad-about-lost-shooting-championship_482257-41452.jpg",
imageAlt: "Low latency network illustration",
},
id: "f1", title: "Latensi Sangat Rendah", tags: [
"Performa", "Responsif"],
imageSrc: "http://img.b2bpic.net/free-photo/frustrated-young-adult-losing-online-video-games-play-competition-computer-with-neon-lights-male-gamer-streaming-action-gameplay-feeling-sad-about-lost-shooting-championship_482257-41452.jpg", imageAlt: "Low latency network illustration"},
{
id: "f2",
title: "Kompatibilitas Lintas Perangkat",
tags: [
"Fleksibel",
"Aksesibilitas",
],
imageSrc: "http://img.b2bpic.net/free-photo/young-lady-designer-indoors-night-play-games-by-phone_171337-15916.jpg",
imageAlt: "Various devices connected to cloud gaming",
},
id: "f2", title: "Kompatibilitas Lintas Perangkat", tags: [
"Fleksibel", "Aksesibilitas"],
imageSrc: "http://img.b2bpic.net/free-photo/young-lady-designer-indoors-night-play-games-by-phone_171337-15916.jpg", imageAlt: "Various devices connected to cloud gaming"},
{
id: "f3",
title: "Grafis Kualitas Tinggi",
tags: [
"Visual",
"Imersif",
],
imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-prisms-reflection_23-2148898148.jpg",
imageAlt: "High fidelity game graphics",
},
id: "f3", title: "Grafis Kualitas Tinggi", tags: [
"Visual", "Imersif"],
imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-prisms-reflection_23-2148898148.jpg", imageAlt: "High fidelity game graphics"},
{
id: "f4",
title: "Perpustakaan Game Luas",
tags: [
"Pilihan",
"Variasi",
],
imageSrc: "http://img.b2bpic.net/free-photo/black-army-soldier-crying-therapy-session-chroma-key-screen_482257-118703.jpg",
imageAlt: "Vast digital library of game covers",
},
id: "f4", title: "Perpustakaan Game Luas", tags: [
"Pilihan", "Variasi"],
imageSrc: "http://img.b2bpic.net/free-photo/black-army-soldier-crying-therapy-session-chroma-key-screen_482257-118703.jpg", imageAlt: "Vast digital library of game covers"},
]}
title="Fitur Unggulan Cloud Gaming Kami"
description="Rasakan kebebasan bermain dengan performa tak tertandingi dan kemudahan akses di genggaman Anda."
@@ -207,49 +138,20 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
animationType="slide-up"
products={[
{
id: "p1",
name: "Cybernetic Warfare",
price: "$15/bulan",
imageSrc: "http://img.b2bpic.net/free-photo/half-rhino-half-robot-creature_23-2151730729.jpg",
imageAlt: "Futuristic shooter game",
},
id: "p1", name: "Cybernetic Warfare", price: "$15/bulan", imageSrc: "http://img.b2bpic.net/free-photo/half-rhino-half-robot-creature_23-2151730729.jpg", imageAlt: "Futuristic shooter game"},
{
id: "p2",
name: "Realm of Dragons",
price: "$18/bulan",
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-endless-hole-landscape_23-2151639647.jpg",
imageAlt: "Fantasy RPG game",
},
id: "p2", name: "Realm of Dragons", price: "$18/bulan", imageSrc: "http://img.b2bpic.net/free-photo/fantasy-endless-hole-landscape_23-2151639647.jpg", imageAlt: "Fantasy RPG game"},
{
id: "p3",
name: "Neon City Racer",
price: "$12/bulan",
imageSrc: "http://img.b2bpic.net/free-photo/batmobile-concept-car-with-neon-lights_23-2151649844.jpg",
imageAlt: "Cyberpunk racing game",
},
id: "p3", name: "Neon City Racer", price: "$12/bulan", imageSrc: "http://img.b2bpic.net/free-photo/batmobile-concept-car-with-neon-lights_23-2151649844.jpg", imageAlt: "Cyberpunk racing game"},
{
id: "p4",
name: "Whispers of Dread",
price: "$16/bulan",
imageSrc: "http://img.b2bpic.net/free-photo/horror-scene-with-eerie-hall_23-2150975138.jpg",
imageAlt: "Horror game scene",
},
id: "p4", name: "Whispers of Dread", price: "$16/bulan", imageSrc: "http://img.b2bpic.net/free-photo/horror-scene-with-eerie-hall_23-2150975138.jpg", imageAlt: "Horror game scene"},
{
id: "p5",
name: "Mythic Expeditions",
price: "$14/bulan",
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-river-nature-landscape_23-2151825806.jpg",
imageAlt: "Open-world adventure game",
},
id: "p5", name: "Mythic Expeditions", price: "$14/bulan", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-river-nature-landscape_23-2151825806.jpg", imageAlt: "Open-world adventure game"},
{
id: "p6",
name: "Galactic Conquest",
price: "$20/bulan",
imageSrc: "http://img.b2bpic.net/free-photo/army-officer-examining-real-time-satellite-data-big-screen-military-base_482257-89841.jpg",
imageAlt: "Tactical strategy game",
},
id: "p6", name: "Galactic Conquest", price: "$20/bulan", imageSrc: "http://img.b2bpic.net/free-photo/army-officer-examining-real-time-satellite-data-big-screen-military-base_482257-89841.jpg", imageAlt: "Tactical strategy game"},
]}
title="Katalog Game Terbaik Kami"
description="Jelajahi berbagai genre dan temukan petualangan berikutnya. Selalu ada yang baru untuk dimainkan!"
@@ -263,64 +165,25 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "basic",
tag: "Mulai",
tagIcon: Sparkles,
price: "$19",
period: "/bulan",
description: "Ideal untuk gamer kasual yang ingin mencoba cloud gaming.",
button: {
text: "Pilih Paket Basic",
href: "#contact",
},
featuresTitle: "Termasuk:",
features: [
"Akses 50+ Game",
"Kualitas Grafis HD",
"10 Jam Per Bulan",
"Dukungan Komunitas",
],
id: "basic", tag: "Mulai", tagIcon: Sparkles,
price: "$19", period: "/bulan", description: "Ideal untuk gamer kasual yang ingin mencoba cloud gaming.", button: {
text: "Pilih Paket Basic", href: "#contact"},
featuresTitle: "Termasuk:", features: [
"Akses 50+ Game", "Kualitas Grafis HD", "10 Jam Per Bulan", "Dukungan Komunitas"],
},
{
id: "premium",
tag: "Populer",
tagIcon: Zap,
price: "$39",
period: "/bulan",
description: "Untuk gamer serius yang mencari pengalaman tanpa batas.",
button: {
text: "Pilih Paket Premium",
href: "#contact",
},
featuresTitle: "Termasuk:",
features: [
"Akses 100+ Game",
"Kualitas Grafis Full HD",
"Waktu Bermain Tanpa Batas",
"Dukungan Prioritas",
"Penyimpanan Cloud 100GB",
],
id: "premium", tag: "Populer", tagIcon: Zap,
price: "$39", period: "/bulan", description: "Untuk gamer serius yang mencari pengalaman tanpa batas.", button: {
text: "Pilih Paket Premium", href: "#contact"},
featuresTitle: "Termasuk:", features: [
"Akses 100+ Game", "Kualitas Grafis Full HD", "Waktu Bermain Tanpa Batas", "Dukungan Prioritas", "Penyimpanan Cloud 100GB"],
},
{
id: "ultimate",
tag: "Pro",
tagIcon: Crown,
price: "$59",
period: "/bulan",
description: "Pengalaman gaming terbaik untuk para profesional dan antusias.",
button: {
text: "Pilih Paket Ultimate",
href: "#contact",
},
featuresTitle: "Termasuk:",
features: [
"Akses Semua Game",
"Kualitas Grafis 4K UHD",
"Waktu Bermain Tanpa Batas",
"Dukungan VIP 24/7",
"Penyimpanan Cloud 500GB",
"Akses Beta Game Baru",
],
id: "ultimate", tag: "Pro", tagIcon: Crown,
price: "$59", period: "/bulan", description: "Pengalaman gaming terbaik untuk para profesional dan antusias.", button: {
text: "Pilih Paket Ultimate", href: "#contact"},
featuresTitle: "Termasuk:", features: [
"Akses Semua Game", "Kualitas Grafis 4K UHD", "Waktu Bermain Tanpa Batas", "Dukungan VIP 24/7", "Penyimpanan Cloud 500GB", "Akses Beta Game Baru"],
},
]}
title="Pilih Paket Gaming Terbaikmu"
@@ -336,25 +199,13 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "500K+",
title: "Pengguna Aktif",
description: "Komunitas gamer yang terus bertumbuh dan antusias.",
icon: Users,
id: "m1", value: "500K+", title: "Pengguna Aktif", description: "Komunitas gamer yang terus bertumbuh dan antusias.", icon: Users,
},
{
id: "m2",
value: "1000+",
title: "Judul Game",
description: "Perpustakaan game yang terus diperbarui dan diperluas.",
icon: Star,
id: "m2", value: "1000+", title: "Judul Game", description: "Perpustakaan game yang terus diperbarui dan diperluas.", icon: Star,
},
{
id: "m3",
value: "99.99%",
title: "Uptime Server",
description: "Server stabil untuk sesi gaming tanpa gangguan.",
icon: Server,
id: "m3", value: "99.99%", title: "Uptime Server", description: "Server stabil untuk sesi gaming tanpa gangguan.", icon: Server,
},
]}
title="Angka Bicara: Komitmen Kami pada Pengalaman Gaming Superior"
@@ -371,44 +222,23 @@ export default function LandingPage() {
carouselMode="auto"
testimonials={[
{
id: "t1",
name: "Sarah Johnson",
role: "Gamer Profesional",
company: "Esports Pro",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/black-teen-smiling-girl-headset-playing-video-games-video-game-club-with-blue-red-illumination_1268-24596.jpg",
id: "t1", name: "Sarah Johnson", role: "Gamer Profesional", company: "Esports Pro", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/black-teen-smiling-girl-headset-playing-video-games-video-game-club-with-blue-red-illumination_1268-24596.jpg"},
{
id: "t2", name: "Michael Chen", role: "Mahasiswa", company: "Universitas Teknologi", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-girl-with-notebook-indoors_23-2148389077.jpg", imageAlt: "female student playing tablet"
},
{
id: "t2",
name: "Michael Chen",
role: "Mahasiswa",
company: "Universitas Teknologi",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-girl-with-notebook-indoors_23-2148389077.jpg",
id: "t3", name: "Emily Rodriguez", role: "Pengembang Perangkat Lunak", company: "Innovate Labs", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/sitting-photographer-posing_23-2148019168.jpg", imageAlt: "software developer gaming laptop"
},
{
id: "t3",
name: "Emily Rodriguez",
role: "Pengembang Perangkat Lunak",
company: "Innovate Labs",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/sitting-photographer-posing_23-2148019168.jpg",
id: "t4", name: "David Kim", role: "Desainer Grafis", company: "Creative Studio", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/surprised-pretty-caucasian-woman-holds-game-controller-looks-side-isolated_141793-43913.jpg", imageAlt: "graphic designer gaming setup"
},
{
id: "t4",
name: "David Kim",
role: "Desainer Grafis",
company: "Creative Studio",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/surprised-pretty-caucasian-woman-holds-game-controller-looks-side-isolated_141793-43913.jpg",
},
{
id: "t5",
name: "Budi Santoso",
role: "Ayah & Gamer",
company: "Keluarga Bahagia",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/father-playing-video-games-with-daughter_23-2147800161.jpg",
id: "t5", name: "Budi Santoso", role: "Ayah & Gamer", company: "Keluarga Bahagia", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/father-playing-video-games-with-daughter_23-2147800161.jpg", imageAlt: "family playing video games together"
},
]}
title="Apa Kata Gamer Kami"
@@ -422,25 +252,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Apa itu cloud gaming?",
content: "Cloud gaming adalah layanan yang memungkinkan Anda bermain video game dari jarak jauh melalui server cloud. Game dijalankan di server kami dan di-streaming ke perangkat Anda, sehingga Anda tidak perlu hardware canggih.",
},
id: "q1", title: "Apa itu cloud gaming?", content: "Cloud gaming adalah layanan yang memungkinkan Anda bermain video game dari jarak jauh melalui server cloud. Game dijalankan di server kami dan di-streaming ke perangkat Anda, sehingga Anda tidak perlu hardware canggih."},
{
id: "q2",
title: "Perangkat apa saja yang didukung?",
content: "CloudPlay mendukung berbagai perangkat seperti PC, laptop, smartphone, tablet, dan Smart TV. Cukup instal aplikasi kami atau akses melalui browser web.",
},
id: "q2", title: "Perangkat apa saja yang didukung?", content: "CloudPlay mendukung berbagai perangkat seperti PC, laptop, smartphone, tablet, dan Smart TV. Cukup instal aplikasi kami atau akses melalui browser web."},
{
id: "q3",
title: "Apakah ada batasan jam bermain?",
content: "Tergantung paket yang Anda pilih. Paket Premium dan Ultimate menawarkan waktu bermain tanpa batas, sementara paket Basic memiliki batasan jam bermain per bulan.",
},
id: "q3", title: "Apakah ada batasan jam bermain?", content: "Tergantung paket yang Anda pilih. Paket Premium dan Ultimate menawarkan waktu bermain tanpa batas, sementara paket Basic memiliki batasan jam bermain per bulan."},
{
id: "q4",
title: "Bagaimana kualitas grafisnya?",
content: "Kami menawarkan kualitas grafis hingga 4K UHD pada paket Ultimate, Full HD pada paket Premium, dan HD pada paket Basic, memastikan pengalaman visual yang menakjubkan.",
},
id: "q4", title: "Bagaimana kualitas grafisnya?", content: "Kami menawarkan kualitas grafis hingga 4K UHD pada paket Ultimate, Full HD pada paket Premium, dan HD pada paket Basic, memastikan pengalaman visual yang menakjubkan."},
]}
imageSrc="http://img.b2bpic.net/free-photo/young-streamer-winning-shooting-video-games-tournament-celebrating-success-online-live-stream-cheerful-person-feeling-happy-about-action-gameplay-championship-win-computer_482257-41448.jpg"
imageAlt="Question mark made of binary code"
@@ -456,8 +274,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={true}
background={{
variant: "animated-grid",
}}
variant: "animated-grid"}}
tag="Hubungi Kami"
title="Siap Bermain? Mulai Petualangan Cloud Gaming Anda Sekarang!"
description="Bergabunglah dengan CloudPlay dan rasakan kebebasan bermain tanpa batas. Masukkan email Anda untuk informasi lebih lanjut atau dukungan."
@@ -476,49 +293,31 @@ export default function LandingPage() {
{
items: [
{
label: "Beranda",
href: "#hero",
},
label: "Beranda", href: "#hero"},
{
label: "Fitur",
href: "#features",
},
label: "Fitur", href: "#features"},
{
label: "Katalog Game",
href: "#products",
},
label: "Katalog Game", href: "#products"},
],
},
{
items: [
{
label: "Harga",
href: "#pricing",
},
label: "Harga", href: "#pricing"},
{
label: "Testimoni",
href: "#testimonials",
},
label: "Testimoni", href: "#testimonials"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
],
},
{
items: [
{
label: "Tentang Kami",
href: "#about",
},
label: "Tentang Kami", href: "#about"},
{
label: "Kontak",
href: "#contact",
},
label: "Kontak", href: "#contact"},
{
label: "Kebijakan Privasi",
href: "#",
},
label: "Kebijakan Privasi", href: "#"},
],
},
]}