bender/fe8edbab-4b94-41e5-98a1-2a4bb14d6d56
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-03-13 19:26:20 +00:00
Conversation 0 Commits 1 Files Changed 1 +20 -23
1 changed files with 20 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/app/page.tsx
View File

@@ -14,7 +14,7 @@ import { AlertCircle, BookOpen, Calendar, CheckCircle, Gift, Lightbulb, Ruler, S
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultButtonVariant="text-stagger"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="mediumSmall"
@@ -49,13 +49,13 @@ export default function LandingPage() {
animationType="slide-up"
products={[
{
id: "friday", name: "Jumat (Hari 1)", price: "17 April 2025 | 19.00 - 21.30 WIB", imageSrc: "http://img.b2bpic.net/free-vector/real-estate-template-design_23-2149706238.jpg?_wi=1", imageAlt: "Friday schedule"
id: "friday", name: "Jumat (Hari 1)", price: "17 April 2025 | 19.00 - 21.30 WIB", imageSrc: "http://img.b2bpic.net/free-vector/real-estate-template-design_23-2149706238.jpg", imageAlt: "Friday schedule"
},
{
id: "saturday", name: "Sabtu (Hari 2)", price: "18 April 2025 | 19.00 - 21.30 WIB", imageSrc: "http://img.b2bpic.net/free-vector/real-estate-template-design_23-2149706238.jpg?_wi=2", imageAlt: "Saturday schedule"
id: "saturday", name: "Sabtu (Hari 2)", price: "18 April 2025 | 19.00 - 21.30 WIB", imageSrc: "http://img.b2bpic.net/free-vector/real-estate-template-design_23-2149706238.jpg", imageAlt: "Saturday schedule"
},
{
id: "sunday", name: "Minggu (Hari 3)", price: "19 April 2025 | 19.00 - 21.30 WIB", imageSrc: "http://img.b2bpic.net/free-vector/real-estate-template-design_23-2149706238.jpg?_wi=3", imageAlt: "Sunday schedule"
id: "sunday", name: "Minggu (Hari 3)", price: "19 April 2025 | 19.00 - 21.30 WIB", imageSrc: "http://img.b2bpic.net/free-vector/real-estate-template-design_23-2149706238.jpg", imageAlt: "Sunday schedule"
}
]}
containerClassName="px-4 sm:px-6 lg:px-8"
@@ -75,18 +75,18 @@ export default function LandingPage() {
background={{ variant: "plain" }}
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-vector/pollution-human-body-infographic_23-2148204964.jpg?_wi=1", imageAlt: "Figure drawing demonstration"
imageSrc: "http://img.b2bpic.net/free-vector/pollution-human-body-infographic_23-2148204964.jpg", imageAlt: "Figure drawing demonstration"
}
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-vector/pollution-human-body-infographic_23-2148204964.jpg?_wi=2", imageAlt: "Anatomy fundamentals"
imageSrc: "http://img.b2bpic.net/free-vector/pollution-human-body-infographic_23-2148204964.jpg", imageAlt: "Anatomy fundamentals"
}
]}
buttons={[
{ text: "Daftar Sekarang – Rp199.000", href: "#pricing" }
]}
buttonAnimation="bounce-effect"
buttonAnimation="slide-up"
carouselPosition="right"
ariaLabel="Figure drawing webinar hero section"
containerClassName="py-12 sm:py-16 lg:py-20 px-4 sm:px-6 lg:px-8"
@@ -109,21 +109,20 @@ export default function LandingPage() {
features={[
{
id: 1,
tag: "Proporsi", title: "Proporsi Badan Tidak Sesuai", subtitle: "Kepala, badan, dan anggota gerak tidak seimbang", description: "Kesalahan proporsi adalah penyebab utama karakter terlihat janggal dan tidak natural.", imageSrc: "http://img.b2bpic.net/free-vector/pollution-human-body-infographic_23-2148204964.jpg?_wi=3", imageAlt: "Proportion issues"
tag: "Proporsi", title: "Proporsi Badan Tidak Sesuai", subtitle: "Kepala, badan, dan anggota gerak tidak seimbang", description: "Kesalahan proporsi adalah penyebab utama karakter terlihat janggal dan tidak natural.", imageSrc: "http://img.b2bpic.net/free-vector/pollution-human-body-infographic_23-2148204964.jpg", imageAlt: "Proportion issues"
},
{
id: 2,
tag: "Pose", title: "Pose Terlihat Kaku dan Membosankan", subtitle: "Karakter kurang dinamis dan natural", description: "Tanpa pemahaman sendi dan beban berat, karakter akan selalu terlihat berdiri seperti patung.", imageSrc: "http://img.b2bpic.net/free-vector/pollution-human-body-infographic_23-2148204964.jpg?_wi=4", imageAlt: "Stiff poses"
tag: "Pose", title: "Pose Terlihat Kaku dan Membosankan", subtitle: "Karakter kurang dinamis dan natural", description: "Tanpa pemahaman sendi dan beban berat, karakter akan selalu terlihat berdiri seperti patung.", imageSrc: "http://img.b2bpic.net/free-vector/pollution-human-body-infographic_23-2148204964.jpg", imageAlt: "Stiff poses"
},
{
id: 3,
tag: "Anatomi", title: "Bingung dengan Struktur Anatomi", subtitle: "Otot, tulang, dan persendian membingungkan", description: "Menggambar secara asal tanpa memahami anatomi internal menghasilkan karakter yang terlihat tidak masuk akal.", imageSrc: "http://img.b2bpic.net/free-vector/pollution-human-body-infographic_23-2148204964.jpg?_wi=5", imageAlt: "Anatomy confusion"
tag: "Anatomi", title: "Bingung dengan Struktur Anatomi", subtitle: "Otot, tulang, dan persendian membingungkan", description: "Menggambar secara asal tanpa memahami anatomi internal menghasilkan karakter yang terlihat tidak masuk akal.", imageSrc: "http://img.b2bpic.net/free-vector/pollution-human-body-infographic_23-2148204964.jpg", imageAlt: "Anatomy confusion"
}
]}
containerClassName="py-12 sm:py-16 lg:py-20 px-4 sm:px-6 lg:px-8"
titleClassName="text-3xl sm:text-4xl font-extrabold text-foreground mb-4"
descriptionClassName="text-lg text-foreground/70 mb-12 max-w-2xl"
cardTitleClassName="text-xl font-bold text-foreground mb-2"
cardDescriptionClassName="text-foreground/70 text-sm leading-relaxed"
cardTagClassName="inline-block bg-primary-cta/20 text-primary-cta text-xs font-semibold px-3 py-1 rounded-full mb-3"
/>
@@ -138,7 +137,7 @@ export default function LandingPage() {
description="Kami mengubah konsep anatomis yang rumit menjadi langkah-langkah mudah yang bisa dipraktikkan langsung."
subdescription="Setiap sesi dirancang dengan urutan pembelajaran yang terstruktur: dari teori dasar → latihan langsung → koreksi interaktif. Tidak ada yang ditinggalkan, semua dijelaskan sampai Anda benar-benar paham."
icon={CheckCircle}
imageSrc="http://img.b2bpic.net/free-vector/pollution-human-body-infographic_23-2148204964.jpg?_wi=6"
imageSrc="http://img.b2bpic.net/free-vector/pollution-human-body-infographic_23-2148204964.jpg"
imageAlt="Learning structure visualization"
mediaAnimation="slide-up"
useInvertedBackground={false}
@@ -195,21 +194,20 @@ export default function LandingPage() {
features={[
{
id: 1,
tag: "Kemampuan", title: "Menggambar Figur dengan Proporsi Akurat", subtitle: "Setiap karakter terlihat natural dan seimbang", description: "Anda akan memahami dan mampu menerapkan golden ratio pada setiap karakter yang Anda buat.", imageSrc: "http://img.b2bpic.net/free-vector/pollution-human-body-infographic_23-2148204964.jpg?_wi=7", imageAlt: "Accurate proportions"
tag: "Kemampuan", title: "Menggambar Figur dengan Proporsi Akurat", subtitle: "Setiap karakter terlihat natural dan seimbang", description: "Anda akan memahami dan mampu menerapkan golden ratio pada setiap karakter yang Anda buat.", imageSrc: "http://img.b2bpic.net/free-vector/pollution-human-body-infographic_23-2148204964.jpg", imageAlt: "Accurate proportions"
},
{
id: 2,
tag: "Skill", title: "Menciptakan Pose Dinamis & Ekspresif", subtitle: "Karakter dengan gerakan yang hidup dan menarik", description: "Dari pose statis menjadi pose yang penuh energi, gerak, dan kehidupan dengan benar.", imageSrc: "http://img.b2bpic.net/free-vector/pollution-human-body-infographic_23-2148204964.jpg?_wi=8", imageAlt: "Dynamic poses"
tag: "Skill", title: "Menciptakan Pose Dinamis & Ekspresif", subtitle: "Karakter dengan gerakan yang hidup dan menarik", description: "Dari pose statis menjadi pose yang penuh energi, gerak, dan kehidupan dengan benar.", imageSrc: "http://img.b2bpic.net/free-vector/pollution-human-body-infographic_23-2148204964.jpg", imageAlt: "Dynamic poses"
},
{
id: 3,
tag: "Kepercayaan", title: "Memahami Anatomi Internal Tubuh", subtitle: "Tahu di mana tulang dan otot berada", description: "Dengan pemahaman anatomi, Anda bisa menggambar karakter dari sudut apapun dengan confidence penuh.", imageSrc: "http://img.b2bpic.net/free-vector/pollution-human-body-infographic_23-2148204964.jpg?_wi=9", imageAlt: "Anatomy understanding"
tag: "Kepercayaan", title: "Memahami Anatomi Internal Tubuh", subtitle: "Tahu di mana tulang dan otot berada", description: "Dengan pemahaman anatomi, Anda bisa menggambar karakter dari sudut apapun dengan confidence penuh.", imageSrc: "http://img.b2bpic.net/free-vector/pollution-human-body-infographic_23-2148204964.jpg", imageAlt: "Anatomy understanding"
}
]}
containerClassName="py-12 sm:py-16 lg:py-20 px-4 sm:px-6 lg:px-8"
titleClassName="text-3xl sm:text-4xl font-extrabold text-foreground mb-4"
descriptionClassName="text-lg text-foreground/70 mb-12 max-w-2xl"
cardTitleClassName="text-xl font-bold text-foreground mb-2"
cardDescriptionClassName="text-foreground/70 text-sm leading-relaxed"
cardTagClassName="inline-block bg-primary-cta/20 text-primary-cta text-xs font-semibold px-3 py-1 rounded-full mb-3"
/>
@@ -227,19 +225,19 @@ export default function LandingPage() {
animationType="slide-up"
products={[
{
id: "hours", name: "Webinar Interaktif", price: "7.5 Jam Pembelajaran Langsung", imageSrc: "http://img.b2bpic.net/free-vector/real-estate-template-design_23-2149706238.jpg?_wi=4", imageAlt: "7.5 hours webinar"
id: "hours", name: "Webinar Interaktif", price: "7.5 Jam Pembelajaran Langsung", imageSrc: "http://img.b2bpic.net/free-vector/real-estate-template-design_23-2149706238.jpg", imageAlt: "7.5 hours webinar"
},
{
id: "poses", name: "Pose Studies", price: "25+ Referensi Pose Siap Pakai", imageSrc: "http://img.b2bpic.net/free-vector/pollution-human-body-infographic_23-2148204964.jpg?_wi=10", imageAlt: "25 plus pose references"
id: "poses", name: "Pose Studies", price: "25+ Referensi Pose Siap Pakai", imageSrc: "http://img.b2bpic.net/free-vector/pollution-human-body-infographic_23-2148204964.jpg", imageAlt: "25 plus pose references"
},
{
id: "recording", name: "Akses Selamanya", price: "Recording Lengkap Tersimpan", imageSrc: "http://img.b2bpic.net/free-vector/real-estate-template-design_23-2149706238.jpg?_wi=5", imageAlt: "Lifetime recording access"
id: "recording", name: "Akses Selamanya", price: "Recording Lengkap Tersimpan", imageSrc: "http://img.b2bpic.net/free-vector/real-estate-template-design_23-2149706238.jpg", imageAlt: "Lifetime recording access"
},
{
id: "group", name: "Komunitas", price: "Grup WhatsApp Support", imageSrc: "http://img.b2bpic.net/free-vector/pollution-human-body-infographic_23-2148204964.jpg?_wi=11", imageAlt: "WhatsApp community support"
id: "group", name: "Komunitas", price: "Grup WhatsApp Support", imageSrc: "http://img.b2bpic.net/free-vector/pollution-human-body-infographic_23-2148204964.jpg", imageAlt: "WhatsApp community support"
},
{
id: "certificate", name: "Sertifikat", price: "Hand-Painted Digital Certificate", imageSrc: "http://img.b2bpic.net/free-vector/real-estate-template-design_23-2149706238.jpg?_wi=6", imageAlt: "Hand-painted certificate"
id: "certificate", name: "Sertifikat", price: "Hand-Painted Digital Certificate", imageSrc: "http://img.b2bpic.net/free-vector/real-estate-template-design_23-2149706238.jpg", imageAlt: "Hand-painted certificate"
}
]}
containerClassName="px-4 sm:px-6 lg:px-8"
@@ -284,13 +282,12 @@ export default function LandingPage() {
cardClassName="bg-card border border-accent/30 rounded-lg p-6 hover:border-primary-cta/50 transition-colors"
testimonialClassName="text-foreground/80 text-base leading-relaxed mb-4 italic"
nameClassName="text-foreground font-semibold"
handleClassName="text-accent text-sm"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-vector/pollution-human-body-infographic_23-2148204964.jpg?_wi=12"
imageSrc="http://img.b2bpic.net/free-vector/pollution-human-body-infographic_23-2148204964.jpg"
imageAlt="Art webinar footer visual"
logoText="Figure Drawing Academy"
copyrightText="© 2025 Figure Drawing Academy | Designed for Artists"