From d22b7d452ca385d67fb4245ad5c61c36e21c8ec7 Mon Sep 17 00:00:00 2001 From: bender Date: Sun, 8 Mar 2026 03:16:16 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 42 +++++++++++++++++++++--------------------- 1 file changed, 21 insertions(+), 21 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 7b0e5ee..e2d2bc5 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -45,18 +45,18 @@ export default function LandingPage() { background={{ variant: "plain" }} mediaItems={[ { - imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-stylish-male-wearing-elegant-suit-dark-background_613910-11359.jpg?_wi=1", imageAlt: "Said Alwi Al-Haddad Portrait" + imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-stylish-male-wearing-elegant-suit-dark-background_613910-11359.jpg", imageAlt: "Said Alwi Al-Haddad Portrait" }, { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-gamer-starting-gaming-session-trying-relax_482257-103535.jpg?_wi=1", imageAlt: "Programming Skills" + imageSrc: "http://img.b2bpic.net/free-photo/close-up-gamer-starting-gaming-session-trying-relax_482257-103535.jpg", imageAlt: "Programming Skills" } ]} rating={5} ratingText="Bakat Otodidak" buttons={[{ text: "Lihat Portfolio", href: "#portfolio" }]} mediaAnimation="slide-up" - tagAnimation="entrance-slide" - buttonAnimation="entrance-slide" + tagAnimation="slide-up" + buttonAnimation="slide-up" className="py-40 min-h-screen flex items-center" titleClassName="text-5xl md:text-6xl font-bold text-white" descriptionClassName="text-lg text-white/85 leading-relaxed" @@ -69,37 +69,37 @@ export default function LandingPage() { features={[ { id: 1, - title: "Programming", description: "Saya telah mempelajari coding dari umur 6 tahun di 2017. Skill coding yang saya kuasai meliputi HTML, CSS, JavaScript, Python, dan C++. Saya telah membuat berbagai proyek web dan aplikasi mobile.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-gamer-starting-gaming-session-trying-relax_482257-103535.jpg?_wi=2", imageAlt: "Programming Skills", buttons: [{ text: "Hire", href: "https://www.fiverr.com/s/R7pqodR" }] + title: "Programming", description: "Saya telah mempelajari coding dari umur 6 tahun di 2017. Skill coding yang saya kuasai meliputi HTML, CSS, JavaScript, Python, dan C++. Saya telah membuat berbagai proyek web dan aplikasi mobile.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-gamer-starting-gaming-session-trying-relax_482257-103535.jpg", imageAlt: "Programming Skills", buttons: [{ text: "Hire", href: "https://www.fiverr.com/s/R7pqodR" }] }, { id: 2, - title: "Musik", description: "Musik menjadi media saya untuk menyalurkan kreativitas. Saya dapat bermain berbagai alat musik dan juga menciptakan musik original dengan menggunakan software musik profesional.", imageSrc: "http://img.b2bpic.net/free-photo/skilled-artist-playing-piano-electronic-keyboard-control-room_482257-115891.jpg?_wi=1", imageAlt: "Music Production", buttons: [{ text: "Hire", href: "https://www.fiverr.com/s/R7pqodR" }] + title: "Musik", description: "Musik menjadi media saya untuk menyalurkan kreativitas. Saya dapat bermain berbagai alat musik dan juga menciptakan musik original dengan menggunakan software musik profesional.", imageSrc: "http://img.b2bpic.net/free-photo/skilled-artist-playing-piano-electronic-keyboard-control-room_482257-115891.jpg", imageAlt: "Music Production", buttons: [{ text: "Hire", href: "https://www.fiverr.com/s/R7pqodR" }] }, { id: 3, - title: "Desain Logo", description: "Saya mengembangkan kemampuan desain logo melalui belajar mandiri. Saya dapat membuat desain logo yang unik dan sesuai dengan identitas brand klien dengan menggunakan software desain profesional.", imageSrc: "http://img.b2bpic.net/free-photo/easter-eggs-watercolor-near-laptop_23-2147761073.jpg?_wi=1", imageAlt: "Logo Design", buttons: [{ text: "Hire", href: "https://www.fiverr.com/s/R7pqodR" }] + title: "Desain Logo", description: "Saya mengembangkan kemampuan desain logo melalui belajar mandiri. Saya dapat membuat desain logo yang unik dan sesuai dengan identitas brand klien dengan menggunakan software desain profesional.", imageSrc: "http://img.b2bpic.net/free-photo/easter-eggs-watercolor-near-laptop_23-2147761073.jpg", imageAlt: "Logo Design", buttons: [{ text: "Hire", href: "https://www.fiverr.com/s/R7pqodR" }] }, { id: 4, - title: "Catur", description: "Catur melatih saya berpikir beberapa langkah ke depan dan mengembangkan strategi. Saya telah mengikuti berbagai turnamen catur dan memiliki rating yang kompetitif.", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-hostel_23-2150518250.jpg?_wi=1", imageAlt: "Chess Strategy", buttons: [{ text: "Konsultasi", href: "#chat" }] + title: "Catur", description: "Catur melatih saya berpikir beberapa langkah ke depan dan mengembangkan strategi. Saya telah mengikuti berbagai turnamen catur dan memiliki rating yang kompetitif.", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-hostel_23-2150518250.jpg", imageAlt: "Chess Strategy", buttons: [{ text: "Konsultasi", href: "#chat" }] }, { id: 5, - title: "Editor Konten", description: "Saya mengembangkan kemampuan editing konten video dan audio. Saya dapat mengedit konten dengan profesional menggunakan software editing terkini untuk hasil yang maksimal.", imageSrc: "http://img.b2bpic.net/free-photo/technician-employs-ai-chatbot-pc-monitor-executing-programming-code_482257-120774.jpg?_wi=1", imageAlt: "Content Editing", buttons: [{ text: "Hire", href: "https://www.fiverr.com/s/R7pqodR" }] + title: "Editor Konten", description: "Saya mengembangkan kemampuan editing konten video dan audio. Saya dapat mengedit konten dengan profesional menggunakan software editing terkini untuk hasil yang maksimal.", imageSrc: "http://img.b2bpic.net/free-photo/technician-employs-ai-chatbot-pc-monitor-executing-programming-code_482257-120774.jpg", imageAlt: "Content Editing", buttons: [{ text: "Hire", href: "https://www.fiverr.com/s/R7pqodR" }] }, { id: 6, - title: "Trading Crypto", description: "Saya mempelajari trading crypto dengan pendekatan analisis fundamental dan teknikal. Saya memahami pasar cryptocurrency dan dapat memberikan konsultasi tentang strategi trading yang tepat.", imageSrc: "http://img.b2bpic.net/free-vector/dark-purple-stock-trading-infographic-template-design_53876-100722.jpg?_wi=1", imageAlt: "Cryptocurrency Trading", buttons: [{ text: "Konsultasi", href: "#chat" }] + title: "Trading Crypto", description: "Saya mempelajari trading crypto dengan pendekatan analisis fundamental dan teknikal. Saya memahami pasar cryptocurrency dan dapat memberikan konsultasi tentang strategi trading yang tepat.", imageSrc: "http://img.b2bpic.net/free-vector/dark-purple-stock-trading-infographic-template-design_53876-100722.jpg", imageAlt: "Cryptocurrency Trading", buttons: [{ text: "Konsultasi", href: "#chat" }] } ]} title="Skill Saya" description="Berbagai kemampuan yang telah saya kembangkan sejak usia 6 tahun melalui pembelajaran otodidak" tag="Keahlian" - tagAnimation="entrance-slide" + tagAnimation="slide-up" textboxLayout="default" useInvertedBackground={false} mediaAnimation="slide-up" - buttonAnimation="entrance-slide" + buttonAnimation="slide-up" className="py-32" titleClassName="text-4xl md:text-5xl font-bold text-white" descriptionClassName="text-lg text-white/75" @@ -111,33 +111,33 @@ export default function LandingPage() { products={[ { id: "1", brand: "Web Dev", name: "Responsive Website Design", price: "Portfolio", rating: 5, - reviewCount: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/close-up-gamer-starting-gaming-session-trying-relax_482257-103535.jpg?_wi=3", imageAlt: "Web Development Project" + reviewCount: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/close-up-gamer-starting-gaming-session-trying-relax_482257-103535.jpg", imageAlt: "Web Development Project" }, { id: "2", brand: "Music", name: "Original Music Production", price: "Creative", rating: 5, - reviewCount: "Unique", imageSrc: "http://img.b2bpic.net/free-photo/skilled-artist-playing-piano-electronic-keyboard-control-room_482257-115891.jpg?_wi=2", imageAlt: "Music Production" + reviewCount: "Unique", imageSrc: "http://img.b2bpic.net/free-photo/skilled-artist-playing-piano-electronic-keyboard-control-room_482257-115891.jpg", imageAlt: "Music Production" }, { id: "3", brand: "Design", name: "Brand Identity & Logo", price: "Modern", rating: 5, - reviewCount: "Unique", imageSrc: "http://img.b2bpic.net/free-photo/easter-eggs-watercolor-near-laptop_23-2147761073.jpg?_wi=2", imageAlt: "Logo Design" + reviewCount: "Unique", imageSrc: "http://img.b2bpic.net/free-photo/easter-eggs-watercolor-near-laptop_23-2147761073.jpg", imageAlt: "Logo Design" }, { id: "4", brand: "Strategy", name: "Chess Tournament", price: "Competitive", rating: 5, - reviewCount: "Skilled", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-hostel_23-2150518250.jpg?_wi=2", imageAlt: "Chess" + reviewCount: "Skilled", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-hostel_23-2150518250.jpg", imageAlt: "Chess" }, { id: "5", brand: "Media", name: "Video Content Editing", price: "Professional", rating: 5, - reviewCount: "Creative", imageSrc: "http://img.b2bpic.net/free-photo/technician-employs-ai-chatbot-pc-monitor-executing-programming-code_482257-120774.jpg?_wi=2", imageAlt: "Video Editing" + reviewCount: "Creative", imageSrc: "http://img.b2bpic.net/free-photo/technician-employs-ai-chatbot-pc-monitor-executing-programming-code_482257-120774.jpg", imageAlt: "Video Editing" }, { id: "6", brand: "Finance", name: "Crypto Trading Analysis", price: "Strategic", rating: 5, - reviewCount: "Data-Driven", imageSrc: "http://img.b2bpic.net/free-vector/dark-purple-stock-trading-infographic-template-design_53876-100722.jpg?_wi=2", imageAlt: "Crypto Trading" + reviewCount: "Data-Driven", imageSrc: "http://img.b2bpic.net/free-vector/dark-purple-stock-trading-infographic-template-design_53876-100722.jpg", imageAlt: "Crypto Trading" } ]} title="Portfolio Saya" description="Karya-karya terbaik dari berbagai bidang keahlian yang telah saya kerjakan" tag="Proyek" - tagAnimation="entrance-slide" + tagAnimation="slide-up" textboxLayout="default" useInvertedBackground={false} gridVariant="three-columns-all-equal-width" @@ -156,13 +156,13 @@ export default function LandingPage() { background={{ variant: "plain" }} useInvertedBackground={true} mediaPosition="right" - imageSrc="http://img.b2bpic.net/free-photo/portrait-handsome-bearded-stylish-male-wearing-elegant-suit-dark-background_613910-11359.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/portrait-handsome-bearded-stylish-male-wearing-elegant-suit-dark-background_613910-11359.jpg" imageAlt="Contact Section" mediaAnimation="slide-up" inputPlaceholder="Masukkan email Anda" buttonText="Kirim" termsText="Kami menghormati privasi Anda. Unsubscribe kapan saja." - tagAnimation="entrance-slide" + tagAnimation="slide-up" className="py-32 min-h-screen flex items-center" titleClassName="text-4xl md:text-5xl font-bold text-white" descriptionClassName="text-lg text-white/75" -- 2.49.1