diff --git a/messages/en.json b/messages/en.json index 5774c06..8696f75 100644 --- a/messages/en.json +++ b/messages/en.json @@ -7,17 +7,23 @@ "contact": "Contact" }, "Hero": { - "greeting": "Hi, I'm", - "name": "Yolando Manullang.", + "greeting": "Ohh Hiii !!", + "iAm": "I'm ", + "name": "Yolando Manullang", "badge": "Available for opportunities", + "role": "Senior Backend Developer · 3+ Years in Enterprise Banking", "titlePart1": "Building", "titleHighlight": "Secure, Scalable", "titlePart2": "Enterprise-Grade Systems", "yearsExp": "3+ Years", "subtitle": "in Banking Technology. Backend Developer specializing in Java Spring Boot, Microservices Architecture, and Enterprise Security.", - "taglineRest": "Backend Developer · 3+ years building secure, scalable systems in Banking Technology — Java Spring Boot, Microservices Architecture, and Enterprise Security.", + "taglineRest": "Senior Backend Developer · 3+ years building secure, scalable systems in Banking Technology — Java Spring Boot, Microservices Architecture, and Enterprise Security.", + "description": "A Senior Backend Developer with 3+ years of hands-on experience, well-versed in enterprise banking technology. I enjoy building systems that are reliable, secure, and built to scale — using the kind of stack that banks actually trust.", "ctaContact": "Get in Touch", "ctaProjects": "View Projects", + "ctaDownloadCV": "Download CV", + "ctaMore": "More", + "findMeOn": "Find Me On", "scroll": "Scroll" }, "Experience": { diff --git a/messages/id.json b/messages/id.json index ad82f25..d2367ee 100644 --- a/messages/id.json +++ b/messages/id.json @@ -7,17 +7,23 @@ "contact": "Kontak" }, "Hero": { - "greeting": "Hai, saya", - "name": "Yolando Manullang.", + "greeting": "Ohh Hiii !!", + "iAm": "Saya ", + "name": "Yolando Manullang", "badge": "Tersedia untuk peluang baru", + "role": "Senior Backend Developer · 3+ Tahun di Perbankan Enterprise", "titlePart1": "Membangun Sistem", "titleHighlight": "Aman & Skalabel", "titlePart2": "Skala Enterprise", "yearsExp": "3+ Tahun", "subtitle": "di Teknologi Perbankan. Backend Developer dengan spesialisasi Java Spring Boot, Arsitektur Microservices, dan Keamanan Enterprise.", - "taglineRest": "Backend Developer · 3+ tahun membangun sistem aman & skalabel di industri teknologi perbankan — Java Spring Boot, Arsitektur Microservices, dan Keamanan Enterprise.", + "taglineRest": "Senior Backend Developer · 3+ tahun membangun sistem aman & skalabel di industri teknologi perbankan — Java Spring Boot, Arsitektur Microservices, dan Keamanan Enterprise.", + "description": "Senior Backend Developer dengan 3+ tahun pengalaman kerja nyata, terbiasa dengan teknologi enterprise perbankan. Saya senang membangun sistem yang handal, aman, dan scalable — menggunakan stack yang memang dipercaya industri keuangan.", "ctaContact": "Hubungi Saya", "ctaProjects": "Lihat Proyek", + "ctaDownloadCV": "Unduh CV", + "ctaMore": "Selengkapnya", + "findMeOn": "Temukan Saya Di", "scroll": "Scroll" }, "Experience": { diff --git a/public/brand/foto-1.jpg b/public/brand/foto-1.jpg new file mode 100644 index 0000000..19a4d32 Binary files /dev/null and b/public/brand/foto-1.jpg differ diff --git a/public/brand/foto-2.jpeg b/public/brand/foto-2.jpeg new file mode 100644 index 0000000..6fa49a6 Binary files /dev/null and b/public/brand/foto-2.jpeg differ diff --git a/src/features/hero/hero-section.tsx b/src/features/hero/hero-section.tsx index 7cfa928..9e601d5 100644 --- a/src/features/hero/hero-section.tsx +++ b/src/features/hero/hero-section.tsx @@ -2,15 +2,54 @@ import { useState } from "react"; import { motion, PanInfo } from "framer-motion"; -import { ArrowDown, FileText, Send, Hand } from "lucide-react"; +import { ArrowDown, FileText, Download, Plus } from "lucide-react"; import { useTranslations } from "next-intl"; const PROFILE_IMAGES = [ - "https://images.unsplash.com/photo-1556157382-97eda2d62296?w=600&auto=format&fit=crop&q=80", - "https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?w=600&auto=format&fit=crop&q=80", + "/brand/foto-1.jpg", + "/brand/foto-2.jpeg", "https://images.unsplash.com/photo-1605379399642-870262d3d051?w=600&auto=format&fit=crop&q=80", ]; +const SOCIAL_LINKS = [ + { + name: "LinkedIn", + href: "https://www.linkedin.com/in/yolando-asri-e-g-manullang/", + icon: ( + + + + ), + }, + { + name: "Instagram", + href: "https://instagram.com/", + icon: ( + + + + ), + }, + { + name: "WhatsApp", + href: "https://wa.me/", + icon: ( + + + + ), + }, + { + name: "Facebook", + href: "https://facebook.com/", + icon: ( + + + + ), + }, +]; + export function HeroSection() { const t = useTranslations("Hero"); const tTech = useTranslations("TechStack"); @@ -44,49 +83,86 @@ export function HeroSection() {
-
+
{/* LEFT: Text Content */}
- -

- {t("greeting")} -

-

- {t("name")} -

-

- {t("taglineRest")} -

+ {t("greeting")} 👋 + + + {/* Name Heading */} + + {t("iAm")} + {t("name")} + + + {/* Role / Subtitle */} + + + {t("role")} + + {/* Horizontal Divider */} + + {/* Description */} + + {t("description")} + + + {/* CTA Buttons */} + - - {t("ctaContact")} + + {t("ctaDownloadCV")} - - {t("ctaProjects")} + {t("ctaMore")} + {/* Tech Stack */} {tTech("seeMore")} - +
@@ -120,11 +196,33 @@ export function HeroSection() { {/* RIGHT: Swipeable Card Deck */} + {/* Decorative elements behind card deck */} +
+
+ + {/* Plus icon decoration */} + + + + + {/* Circle decoration */} + +
{cards.map((imgUrl, index) => { const isTop = index === 0; @@ -178,8 +276,38 @@ export function HeroSection() {
+ + {/* Social Media Bar */} + + + {t("findMeOn")} + +
+ {SOCIAL_LINKS.map((social, i) => ( + + {social.icon} + + ))} +
+
+ {/* Scroll Indicator */}