feat: landing auth integration & landing ui improvements (#33)
* feat: setup openapi libs for landing * feat: seperate landing layouts * feat: movee landing providers * feat: add auth layout * feat: implement cookie management for access and refresh tokens * feat: replace Inter font with Bai Jamjuree in layout and add font utility * feat: add signin * feat: add Poppins font to the font utility * feat: expand theme colors in index.css for improved styling options * feat: update dependencies and enhance button and form components with new variants and context * feat: move old components to __old__ dir * feat: add react query support * feat: hide the footer * fix: header style * feat: replace Image component with LogoSimple in Header and update Logo component to accept props * fix: update label for tutorial stat in hero-stats.json * feat: implement EventsPage component with event listing and details * feat: add signup button and page * feat: add HERO_CONTENT data and integrate into Hero component * fix: update navigations import to uppercase and add missing Testimoni entry * feat: implement testimonials display and add submission page * fix: correct link path for testimonial submission * feat: add communites component and integrate social links from JSON data * fix: adjust grid gap in Communities component for better layout * fix: update font imports in layout components for consistency * fix: replace text logo with LogoSimple component in Footer and restore Footer in Layout * feat: add TestimonialSection component and update testimonials data * fix: update section ID from 'komunitas' to 'community' for consistency * feat: add CTASection component with interactive elements and background pattern * fix: update join URL in hero content for consistency * fix: update text in CTASection for improved emphasis and consistency * feat: add CommunitySection component and integrate it into the main page * feat: update Footer component to use dynamic navigation and social links * feat: implement HeroSection component with dynamic content and animations * refactor: replace hardcoded testimonials with dynamic data from JSON * feat: add signup page * feat: integrate Turnstile captcha verification in signup process * feat: implement verification page * feat: add signin link to the signup page * feat: add "Forgot Password?" link to the signin form * refactor: clean up unused ThemeProvider code and CSS variables * feat: add base styles for borders and background to improve UI consistency * feat: implement forgot password functionality with validation and UI components * fix: update password validation rules for clarity and consistency * feat: enable rich colors for Toaster component in layout * feat: implement reset password functionality with validation and UI components * feat: implement Turnstile captcha verification for forgot password and signup actions * refactor: remove console log and enhance error handling in signin and resend OTP actions * feat: add navigation entries for Roadmap and Artikel sections * feat: create initial Page component for articles section * feat: update footer component with additional social media links and icons * feat: remove all unused components in landing * chore: add @radix-ui/react-label deps * feat: wrap VerificationTabs in Suspense * feat: update .env.example to include TURNSTILE_SECRET_KEY and correct NEXT_PUBLIC_TURNSTILE_SITEKEY
This commit is contained in:
Rasyid
@@ -1,6 +0,0 @@
|
||||
[
|
||||
{ "value": "100K+", "label": "Member Aktif" },
|
||||
{ "value": "50+", "label": "Event Bulanan" },
|
||||
{ "value": "100+", "label": "Mentor Profesional" },
|
||||
{ "value": "5K+", "label": "Diskusi Mingguan" }
|
||||
]
|
||||
@@ -1,23 +0,0 @@
|
||||
[
|
||||
{
|
||||
"iconName": "tabler:brand-facebook",
|
||||
"title": "Facebook Group",
|
||||
"description": "Bergabunglah dengan grup Facebook kami untuk diskusi santai dan berbagi artikel menarik.",
|
||||
"buttonText": "Gabung Sekarang",
|
||||
"buttonLink": "https://facebook.com/groups/programmerhandal"
|
||||
},
|
||||
{
|
||||
"iconName": "tabler:brand-instagram",
|
||||
"title": "Instagram",
|
||||
"description": "Ikuti kami di Instagram untuk tips programming, konten inspiratif, dan info event terbaru.",
|
||||
"buttonText": "Follow Kami",
|
||||
"buttonLink": "https://www.instagram.com/imphnen.dev"
|
||||
},
|
||||
{
|
||||
"iconName": "tabler:brand-discord-filled",
|
||||
"title": "Discord Server",
|
||||
"description": "Diskusikan langsung dengan sesama programmer dan dapatkan bantuan langsung dari para ahli.",
|
||||
"buttonText": "Join Server",
|
||||
"buttonLink": "https://discord.com/invite/imphnen"
|
||||
}
|
||||
]
|
||||
@@ -0,0 +1,46 @@
|
||||
[
|
||||
{
|
||||
"name": "IMPHNEN X GDG Medan",
|
||||
"description": "Join us for the Google Cloud Roadshow: Build with AI in Medan! This is your chance to dive deep into the latest advancements in cloud technology and AI, guided by industry experts.",
|
||||
"start_date": "2025-04-26T13:00:00+07:00",
|
||||
"end_date": "2025-04-26T17:00:00+07:00",
|
||||
"thumbnail": "https://scontent.fsoc1-2.fna.fbcdn.net/v/t39.30808-6/492363939_2132158393873766_2304913620264481070_n.jpg?_nc_cat=105&ccb=1-7&_nc_sid=127cfc&_nc_eui2=AeFe43oCdy2FOIVI6pr_grkO_q5XyVVxt5v-rlfJVXG3m9KgINIp9lo_vzXP4CtAAFJviDNJdDPaPyGnz7B8-gfE&_nc_ohc=bv3GExoL4pUQ7kNvwEpV7xQ&_nc_oc=Adk45dIpzgFxCHgtQKDTo99Sewj0ZMO4LX1cNEI2Dj7VeQDp8jd1RzYnG_UwsKkaTug&_nc_zt=23&_nc_ht=scontent.fsoc1-2.fna&_nc_gid=ZPKg-Y9FLRXcDiSak5WcLA&oh=00_AfL7BFg5g-q6MALMRFUlgaUWK8jHxQVTHdZ_1ezxBthXfw&oe=68354615",
|
||||
"type": "onsite",
|
||||
"price": 0,
|
||||
"location": "Magnificient, Medan",
|
||||
"detail_link": "https://n8n.gdgmedan.com/form/8466f60d-94b0-42a6-93aa-8738ae4ab5df?fbclid=IwY2xjawKcQoNleHRuA2FlbQIxMABicmlkETFnQ1RvSU5aWVhpWldaOXBjAR7LUWa_npCLb-QSfk1QFTl12tyw_eBhNO8oI8N2LvhwweeE5_41uQsARsEQGw_aem_1IP2vqrQcvjsvLCBy2C6Hg"
|
||||
},
|
||||
{
|
||||
"name": "IMPHNEN X Connect Citcom",
|
||||
"description": "Unleash the Future with AI: Decode the potential of artificial intelligence to revolutionize your strategies, unchain innovation, and gain a powerful competitive edge in today's fast-evolving business landscape. Harness the transformative capabilities of AI to outsmart competitors, optimize operations, and drive sustainable growth.",
|
||||
"start_date": "2025-04-22T13:00:00+07:00",
|
||||
"end_date": "2025-04-22T17:00:00+07:00",
|
||||
"thumbnail": "https://scontent.fsoc1-2.fna.fbcdn.net/v/t39.30808-6/490432625_2122941998128739_5372979458124718061_n.jpg?stp=dst-jpg_p526x296_tt6&_nc_cat=105&ccb=1-7&_nc_sid=aa7b47&_nc_eui2=AeGc_W_0Gd3XY9X9ImKz1h1HpYKlinPYX-qlgqWKc9hf6k75HObQiJ8A8m6BZOIe2OrVQjjyXnHq08Rc4JuQWeCQ&_nc_ohc=uoSae0n37k0Q7kNvwHch8E5&_nc_oc=AdngSKtrCdZ4H3hlHh-9cttOnaKyrwiFEcm88kjp0gaflvQ65LUp4OT45-XVGDAoIo8&_nc_zt=23&_nc_ht=scontent.fsoc1-2.fna&_nc_gid=YGkoLGAxNuB0uF3C9hSYGQ&oh=00_AfLRkrzG7DRYa3HRuy9aXfUfG6zLkRBDj9LxqXKOfF9x7Q&oe=683546E0",
|
||||
"type": "onsite",
|
||||
"price": 0,
|
||||
"location": "El Hotel, Bandung",
|
||||
"detail_link": "/events/1"
|
||||
},
|
||||
{
|
||||
"name": "JVM Meetup #64",
|
||||
"description": "Join us for an insightful talk where we’ll explore how AI is reshaping the payment industry. Whether you’re into tech, AI, or just curious about the future of transactions, this is a must-attend event!",
|
||||
"start_date": "2025-04-30T13:00:00+07:00",
|
||||
"end_date": "2025-04-30T17:00:00+07:00",
|
||||
"thumbnail": "https://scontent.fsoc1-1.fna.fbcdn.net/v/t39.30808-6/494158983_2136830150073257_5259003432367969457_n.jpg?_nc_cat=100&ccb=1-7&_nc_sid=833d8c&_nc_eui2=AeGcneO8ihnXyQ_7WV93z7Onz0UPVTr-bf_PRQ9VOv5t_wI-el8xouZ-Z4TKGMMlBPi21d9AA55SP54MHkzO4rx1&_nc_ohc=3Q9NKGIkpT4Q7kNvwHKzwXr&_nc_oc=AdkRJ--zwRGcfX_F2eIgx0qhK-N3OkhwqRwujFhgSRWy5mH_SdIyBmwW8PHHXp71ZUM&_nc_zt=23&_nc_ht=scontent.fsoc1-1.fna&_nc_gid=Xi30SjzSBAU1XN9rRxp0VA&oh=00_AfKvjd9LTMfOwfPLD43U8lKYEr4KABecj336J8hAY8ekMg&oe=68353105",
|
||||
"type": "onsite",
|
||||
"price": 0,
|
||||
"location": "El Hotel, Bandung",
|
||||
"detail_link": "https://lu.ma/422jkgz0?utm_campaign=jvmmeetup&utm_medium=social%2C%20event%2C%20meetup&utm_source=google%2C%20facebook%2C%20linkedin%2C%20instagram"
|
||||
},
|
||||
{
|
||||
"name": "JVM Meetup #65",
|
||||
"description": "Di era digital yang terus berkembang, Artificial Intelligence (AI) bukan lagi teknologi masa depantapi alat bantu masa kini yang siap mendongkrak efisiensi, kreativitas, dan produktivitas kita semua, terutama para penggiat IT dan pelaku usaha!",
|
||||
"start_date": "2025-05-15T13:00:00+07:00",
|
||||
"end_date": "2025-05-15T17:00:00+07:00",
|
||||
"thumbnail": "https://scontent.fsoc1-1.fna.fbcdn.net/v/t39.30808-6/495382435_2144684952621110_8304851620615091109_n.jpg?_nc_cat=104&ccb=1-7&_nc_sid=833d8c&_nc_eui2=AeHwnU4KixfUsslo3M90ahT8GwMEI7zWSnQbAwQjvNZKdP3RHiUjdDZtuF1dIMvorL0nW0rDGOD6tPDi0i9ERK96&_nc_ohc=R1NyXnu-FKEQ7kNvwGbO-iN&_nc_oc=Adluf-uw1tmzkNME9vNhwkTv5-x_GHMfsLj1bzGyYds_ODq3UnWMq2DthyUisF9e3gU&_nc_zt=23&_nc_ht=scontent.fsoc1-1.fna&_nc_gid=kykMk9nPtcrtk-InL6tF6w&oh=00_AfLZSrEPpV83lVFRMz19n9RzfnsM4o7K7TijpdAjWYViiA&oe=6835231B",
|
||||
"type": "onsite",
|
||||
"price": 0,
|
||||
"location": "Telkom Landmark Tower (Lt.31)",
|
||||
"detail_link": "s.id/jvm65"
|
||||
}
|
||||
]
|
||||
@@ -1,22 +0,0 @@
|
||||
[
|
||||
{
|
||||
"iconName": "tabler:device-laptop",
|
||||
"title": "Belajar Tanpa Koding",
|
||||
"description": "Pelajari konsep programming dengan cara yang mudah dipahami tanpa harus menulis kode yang rumit."
|
||||
},
|
||||
{
|
||||
"iconName": "tabler:users",
|
||||
"title": "Komunitas Supportif",
|
||||
"description": "Bergabunglah dengan komunitas programmer Indonesia yang siap membantu dan berbagi pengalaman."
|
||||
},
|
||||
{
|
||||
"iconName": "tabler:book",
|
||||
"title": "Tutorial Interaktif",
|
||||
"description": "Akses tutorial interaktif yang membuat konsep programming lebih mudah untuk dipahami."
|
||||
},
|
||||
{
|
||||
"iconName": "tabler:code",
|
||||
"title": "Proyek Praktis",
|
||||
"description": "Terapkan pengetahuan Anda dalam proyek nyata dengan panduan langkah demi langkah."
|
||||
}
|
||||
]
|
||||
@@ -0,0 +1,12 @@
|
||||
{
|
||||
"communityLabel": "Komunitas Programmer Indonesia",
|
||||
"headingLine1": "Programmer Handal",
|
||||
"headingLine2": "Enggan Ngoding",
|
||||
"description": "Komunitas programmer terbesar di Indonesia, tempat berbagi meme, tutorial, pengalaman dan yapping",
|
||||
"buttons": {
|
||||
"join": "Join Komunitas",
|
||||
"joinUrl": "#community",
|
||||
"explore": "Explore Event",
|
||||
"exploreUrl": "/events"
|
||||
}
|
||||
}
|
||||
@@ -1,5 +1,5 @@
|
||||
[
|
||||
{ "value": "180K+", "label": "Member" },
|
||||
{ "value": "500+", "label": "Tutorial" },
|
||||
{ "value": "500+", "label": "Meme Harian" },
|
||||
{ "value": "24/7", "label": "Yapping" }
|
||||
]
|
||||
|
||||
@@ -1,30 +0,0 @@
|
||||
[
|
||||
{
|
||||
"icon": "tabler:video",
|
||||
"title": "Video Tutorial",
|
||||
"description": "Belajar melalui tutorial video dari langkah awal hingga mahir.",
|
||||
"buttonText": "Lihat Semua Video",
|
||||
"buttonLink": "#"
|
||||
},
|
||||
{
|
||||
"icon": "tabler:article",
|
||||
"title": "Artikel & Tutorial",
|
||||
"description": "Pelajari konsep programming melalui artikel yang disusun secara terstruktur.",
|
||||
"buttonText": "Baca Artikel",
|
||||
"buttonLink": "#"
|
||||
},
|
||||
{
|
||||
"icon": "tabler:brand-vscode",
|
||||
"title": "Tantangan Koding",
|
||||
"description": "Uji kemampuan koding kamu dengan tantangan yang menyenangkan dan menantang.",
|
||||
"buttonText": "Mulai Tantangan",
|
||||
"buttonLink": "#"
|
||||
},
|
||||
{
|
||||
"icon": "tabler:device-desktop-share",
|
||||
"title": "Sharing Session",
|
||||
"description": "Ikuti sesi berbagi pengalaman dari programmer berpengalaman dan belajar dari pengalaman mereka.",
|
||||
"buttonText": "Jadwal Session",
|
||||
"buttonLink": "#"
|
||||
}
|
||||
]
|
||||
@@ -0,0 +1,22 @@
|
||||
[
|
||||
{
|
||||
"title": "Home",
|
||||
"link": "/"
|
||||
},
|
||||
{
|
||||
"title": "Event",
|
||||
"link": "/events"
|
||||
},
|
||||
{
|
||||
"title": "Testimoni",
|
||||
"link": "/testimonials"
|
||||
},
|
||||
{
|
||||
"title": "Roadmap",
|
||||
"link": "/roadmaps"
|
||||
},
|
||||
{
|
||||
"title": "Artikel",
|
||||
"link": "/articles"
|
||||
}
|
||||
]
|
||||
@@ -0,0 +1,37 @@
|
||||
[
|
||||
{
|
||||
"name": "Facebook",
|
||||
"icon": "FaFacebook",
|
||||
"color": "#1877F2",
|
||||
"description": "Join discussions and share knowledge",
|
||||
"link": "#"
|
||||
},
|
||||
{
|
||||
"name": "Discord",
|
||||
"icon": "FaDiscord",
|
||||
"color": "#5865F2",
|
||||
"description": "Real-time collaboration chat",
|
||||
"link": "#"
|
||||
},
|
||||
{
|
||||
"name": "Instagram",
|
||||
"icon": "FaInstagram",
|
||||
"color": "#E4405F",
|
||||
"description": "Daily coding tips & showcases",
|
||||
"link": "#"
|
||||
},
|
||||
{
|
||||
"name": "TikTok",
|
||||
"icon": "FaTiktok",
|
||||
"color": "#000000",
|
||||
"description": "Short coding tutorials",
|
||||
"link": "#"
|
||||
},
|
||||
{
|
||||
"name": "LinkedIn",
|
||||
"icon": "FaLinkedin",
|
||||
"color": "#0A66C2",
|
||||
"description": "Professional networking",
|
||||
"link": "#"
|
||||
}
|
||||
]
|
||||
@@ -1,6 +0,0 @@
|
||||
[
|
||||
{ "value": "98%", "label": "Tingkat Kemalasan" },
|
||||
{ "value": "4.9/5", "label": "Rating Drama" },
|
||||
{ "value": "85%", "label": "Mendapat Pekerjaan" },
|
||||
{ "value": "24/7", "label": "Yapping" }
|
||||
]
|
||||
@@ -1,20 +1,44 @@
|
||||
[
|
||||
{
|
||||
"quote": "Sebagai seseorang yang awalnya buta sama sekali tentang programming, kini saya bisa membuat website sendiri dengan percaya diri. IMPHNEN benar-benar jadi pintu gerbang saya ke dunia web development!",
|
||||
"name": "Ega",
|
||||
"role": "Web Developer",
|
||||
"avatar": "https://avatars.githubusercontent.com/u/97678571?v=4"
|
||||
"id": 1,
|
||||
"name": "Andi Pratama",
|
||||
"role": "Backend Developer",
|
||||
"text": "Komunitas ini sangat membantu perkembangan karir saya. Saya bisa belajar teknologi terbaru dan berkolaborasi dengan developer lain.",
|
||||
"image": "https://picsum.photos/100/100?random=1"
|
||||
},
|
||||
{
|
||||
"quote": "IMPHNEN bukan cuma komunitas, tapi juga jadi tempat saya berkembang sebagai backend engineer. Diskusi teknisnya berbobot, dan respon dari komunitas selalu cepat dan tepat sasaran.",
|
||||
"name": "Maulana",
|
||||
"role": "Backend Engineer",
|
||||
"avatar": "https://avatars.githubusercontent.com/u/53475078?v=4"
|
||||
"id": 2,
|
||||
"name": "Sarah Wijaya",
|
||||
"role": "Frontend Engineer",
|
||||
"text": "Acara sharing session-nya sangat inspiratif. Saya jadi termotivasi untuk terus mengembangkan skill di bidang frontend development.",
|
||||
"image": "https://picsum.photos/100/100?random=2"
|
||||
},
|
||||
{
|
||||
"quote": "Sebagai fullstack engineer pemula, saya merasa sangat terbantu dengan komunitas Discord IMPHNEN. Materinya praktikal, pembahasannya jelas, dan member-nya selalu siap membantu.",
|
||||
"name": "Rasyid",
|
||||
"role": "Fullstack Engineer",
|
||||
"avatar": "https://avatars.githubusercontent.com/u/49753444?v=4"
|
||||
"id": 3,
|
||||
"name": "Rizal Fauzi",
|
||||
"role": "Fullstack Developer",
|
||||
"text": "Bergabung di komunitas ini membuka banyak kesempatan networking dan project menarik. Sangat recommended untuk developer semua level!",
|
||||
"image": "https://picsum.photos/100/100?random=5"
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
"name": "Dewi Lestari",
|
||||
"role": "Mobile Developer",
|
||||
"text": "Materi workshop-nya praktis dan langsung applicable. Mentor-mentornya juga berpengalaman di industri.",
|
||||
"image": "https://picsum.photos/100/100?random=9"
|
||||
},
|
||||
{
|
||||
"id": 5,
|
||||
"name": "Fajar Setiawan",
|
||||
"role": "DevOps Engineer",
|
||||
"text": "Komunitas yang solid dan saling support. Tidak pernah ragu untuk bertanya karena semua anggota sangat responsif.",
|
||||
"image": "https://picsum.photos/100/100?random=10"
|
||||
},
|
||||
{
|
||||
"id": 6,
|
||||
"name": "Budi Santoso",
|
||||
"role": "UI/UX Designer",
|
||||
"text": "Kolaborasi antara designer dan developer di komunitas ini sangat smooth. Banyak belajar best practices untuk workflow yang lebih baik.",
|
||||
"image": "https://picsum.photos/100/100?random=6"
|
||||
}
|
||||
]
|
||||
|
||||
Reference in New Issue
Block a user