{eventsData.map((event) => (
))}
diff --git a/src/features/home/components/AboutSection.tsx b/src/features/home/components/AboutSection.tsx
new file mode 100644
index 0000000..17a223e
--- /dev/null
+++ b/src/features/home/components/AboutSection.tsx
@@ -0,0 +1,57 @@
+import { Button } from "@/components/ui/button";
+import { Link } from "@/lib/navigation";
+import { ArrowRight } from "lucide-react";
+import Image from "next/image";
+
+const AboutSection = () => {
+ return (
+
+
+
+
+
+
+
+
+
+
Siapa Kami? 🤔
+
+ Komunitas Untuk Memajukan Daerah.
+
+
+
+ Hammercode adalah sebuah komunitas teknologi yang diinisiasi sebagai wadah berkumpulnya para
+ pembelajar, programmer, dan pelaku industri teknologi lainnya yang berada di kota Palu dan sekitarnya.
+
+
+
+
+
+
+
+ );
+};
+
+export default AboutSection;
diff --git a/src/features/home/components/ContactSection.tsx b/src/features/home/components/ContactSection.tsx
new file mode 100644
index 0000000..96b6946
--- /dev/null
+++ b/src/features/home/components/ContactSection.tsx
@@ -0,0 +1,30 @@
+import { Button } from "@/components/ui/button";
+import { Send } from "lucide-react";
+import { Link } from "@/lib/navigation";
+
+const ContactSection = () => {
+ return (
+
+
+
+
+ Punya pertanyaan atau ingin sekedar ngobrol? 😃
+
+
+ Kami dengan senang hati terhubung dengan kamu. Cukup klik tombol di bawah yaa!
+
+
+
+
+
+
+ {/* {} */}
+
+ );
+};
+
+export default ContactSection;
diff --git a/src/features/home/components/CourseSection.tsx b/src/features/home/components/CourseSection.tsx
new file mode 100644
index 0000000..5eec4c8
--- /dev/null
+++ b/src/features/home/components/CourseSection.tsx
@@ -0,0 +1,53 @@
+import Image from "next/image";
+import { courseData } from "../constants";
+import { Carousel, CarouselContent, CarouselItem } from "@/components/ui/carousel";
+import { Card, CardContent, CardHeader } from "@/components/ui/card";
+
+const ClassSection = () => {
+ return (
+
+
+
+
Kelas Hammercode 🔥
+
+ Hammercode tempat yang cocok untukmu yang ingin belajar tentang coding/pemrograman dan software engineering.
+
+
+
+
+
+ {courseData.map((data) => (
+
+
+
+
+
+
+
+
+
+
{data.title}
+
{data.role}
+
+
+
+ );
+};
+
+export default ClassSection;
diff --git a/src/features/home/components/HeroSection.tsx b/src/features/home/components/HeroSection.tsx
index c821158..8f03114 100644
--- a/src/features/home/components/HeroSection.tsx
+++ b/src/features/home/components/HeroSection.tsx
@@ -1,4 +1,4 @@
-import Link from "next/link";
+import { Link } from "@/lib/navigation";
import Image from "next/image";
import { socialMedia } from "../constants";
import { useTranslations } from "next-intl";
@@ -8,34 +8,38 @@ import { HandCoins } from "lucide-react";
const HeroSection = () => {
const t = useTranslations("HomePage");
return (
-
+
{t("section-hero.title")}
-
{t("section-hero.description")}
+
{t("section-hero.description")}
{/* Social Media */}
- {socialMedia.map(({ id, icon, is_gradient, color_one, color_two }) => (
-
-
-
+ {socialMedia.map((data) => (
+
))}
@@ -43,7 +47,7 @@ const HeroSection = () => {
-
+
);
diff --git a/src/features/home/components/PartnerSection.tsx b/src/features/home/components/PartnerSection.tsx
index e93ba2f..8c1e9b8 100644
--- a/src/features/home/components/PartnerSection.tsx
+++ b/src/features/home/components/PartnerSection.tsx
@@ -1,45 +1,39 @@
-"use client";
-
import Image from "next/image";
+import { partnersData } from "../constants";
import { useTranslations } from "next-intl";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "@/components/ui/carousel";
-import { partnersData } from "../constants";
const PartnerSection = () => {
const t = useTranslations("HomePage");
return (
-
-
-
-
- {t("section-partner.title")}
-
-
+
+
+
+
{t("section-partner.title")}
+
{t("section-partner.description")}
-
-
-
-
-
-
- {partnersData.map(({ id, logo, alt }) => (
-
-
-
- ))}
-
-
-
-
-
-
-
+
+
+
+
+
+
+ {partnersData.map(({ id, logo, alt }) => (
+
+
+
+ ))}
+
+
+
+
+
+
+
+
Program Hammercode ✨
+
+ Kegiatan-kegiatan yang kami selenggarakan berorientasi pada knowledge-transfer yang diharapkan dapat
+ mempercepat pemerataan keterampilan di bidang teknologi informasi serta mencetak talenta teknologi yang siap
+ kerja.
+
+
+
+ {/* Our Prorams */}
+
+ {programData.map((data) => (
+
+
+
+
+
+
+
+ {data.id}
+
+
{data.title}
+
+ {data.description}
+
+
+ ))}
+
+
+
+
Manfaat 🌟
+
+ Beberapa testimonial dari teman dan alumni yang merasakan manfaat dari Hammercode.
+
+
+
+
+
+ {testimonialData.map((data) => (
+
+
+
+
+ {`"${data.quote}"`}
+
+
+
+
+
{data.name}
+
{data.role}
+
+