-
- );
-}
diff --git a/src/components/common/footer/Footer.tsx b/src/components/common/footer/Footer.tsx
new file mode 100644
index 0000000..66e13e9
--- /dev/null
+++ b/src/components/common/footer/Footer.tsx
@@ -0,0 +1,81 @@
+import React from "react";
+import { dataFooter } from "./constants";
+import { Link } from "@/lib/navigation";
+import Image from "next/image";
+import { Button } from "@/components/ui/button";
+import { useTranslations } from "next-intl";
+
+const Footer = () => {
+ const date = new Date();
+ const { resource, social_media, contact } = dataFooter;
+
+ const t = useTranslations("Footer");
+
+ return (
+ <>
+
-
-
-
-
-
-
- 
-
-
-
-
-
-
-
-
-
- -
-
-
-
- {t("about")} - -
- -
-
- {t("event")} - -
- - - - Blog - - - {/*
{t('curriculum')}
- {t('support-us')} */}
- |
-
+
+
+
+ );
+};
+
+export default Footer;
diff --git a/src/components/common/footer/constants.ts b/src/components/common/footer/constants.ts
new file mode 100644
index 0000000..56dbfb3
--- /dev/null
+++ b/src/components/common/footer/constants.ts
@@ -0,0 +1,55 @@
+import { FooterType } from "./types";
+
+export const dataFooter: FooterType = {
+ resource: {
+ title: "Resources",
+ data: [
+ {
+ name: "Home",
+ navigate_url: "/",
+ },
+ {
+ name: "About Us",
+ navigate_url: "/about",
+ },
+ ],
+ },
+ social_media: {
+ title: "Let's Join",
+ data: [
+ {
+ name: "Discord",
+ navigate_url: "https://discord.com/invite/M9mNK6MBbu",
+ },
+ {
+ name: "Instagram",
+ navigate_url: "https://instagram.com/hmrcode",
+ },
+ {
+ name: "Linkedin",
+ navigate_url: "https://www.linkedin.com/company/hammercode",
+ },
+ {
+ name: "Github",
+ navigate_url: "https://github.com/hammer-code",
+ },
+ ],
+ },
+ contact: {
+ title: "Contact",
+ data: [
+ {
+ value: "081355893352",
+ navigate_url: "https://wa.me/6281355893352",
+ },
+ {
+ value: "hammercode28@gmail.com",
+ navigate_url: "hammercode28@gmail.com",
+ },
+ {
+ value: "Jl. Lagarutu No. 28, Tanamodindi, Palu",
+ navigate_url: undefined,
+ },
+ ],
+ },
+};
diff --git a/src/components/common/footer/types.ts b/src/components/common/footer/types.ts
new file mode 100644
index 0000000..49e726f
--- /dev/null
+++ b/src/components/common/footer/types.ts
@@ -0,0 +1,24 @@
+type Resource = {
+ name: string;
+ navigate_url: string;
+};
+
+type Contact = {
+ value: string;
+ navigate_url?: string;
+};
+
+export type FooterType = {
+ resource: {
+ title: string;
+ data: Resource[];
+ };
+ social_media: {
+ title: string;
+ data: Resource[];
+ };
+ contact: {
+ title: string;
+ data: Contact[];
+ };
+};
diff --git a/src/components/common/locale-toggle/index.tsx b/src/components/common/locale-toggle/index.tsx
new file mode 100644
index 0000000..acc497a
--- /dev/null
+++ b/src/components/common/locale-toggle/index.tsx
@@ -0,0 +1,54 @@
+import { useTransition } from "react";
+import { useLocale } from "next-intl";
+import { useParams } from "next/navigation";
+
+import { usePathname, useRouter } from "@/lib/navigation";
+import { Locale } from "@/lib/i18n";
+import {
+ DropdownMenu,
+ DropdownMenuContent,
+ DropdownMenuItem,
+ DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import { Button } from "@/components/ui/button";
+
+const LocaleToggle = () => {
+ const locale = useLocale();
+ const router = useRouter();
+ const [isPending, startTransition] = useTransition();
+ const pathname = usePathname();
+ const params = useParams();
+
+ const handleSwitch = (value: string) => {
+ const nextLocale = value as Locale;
+ startTransition(() => {
+ router.replace(
+ // @ts-expect-error -- TypeScript will validate that only known `params`
+ // are used in combination with a given `pathname`. Since the two will
+ // always match for the current route, we can skip runtime checks.
+ { pathname, params },
+ { locale: nextLocale }
+ );
+ });
+ };
+ return (
+
+
+
+
+
+
+
+ {/* Social Media */}
+ {t("resource.title")}
+
+ {resource.data.map((data, index) => (
+
+ {t(`resource.data.${index}.name`)}
+
+ ))}
+
+
+
+
+ {/* Contact */}
+ {t("social_media.title")}
+
+ {social_media.data.map((data) => (
+
+ {data.name}
+
+ ))}
+
+
+
+ {t("contact.title")}
+
+ {contact.data.map((data) => (
+
+ ))}
+
+
+
+
+
+
+
+
+
+
+
-
- );
-}
-
-export default EventFilter;
diff --git a/src/components/event/EventItem.tsx b/src/components/event/EventItem.tsx
deleted file mode 100644
index 297211c..0000000
--- a/src/components/event/EventItem.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import React from 'react';
-import Link from 'next/link';
-
-import { formatDate } from 'src/lib/date';
-
-import { IHMCEvent } from 'src/lib/types';
-
-function EventItem({ locale, event }: { locale: string; event: IHMCEvent }) {
- return (
-
-
-
-
-
-
-
-
- );
-}
-
-export default EventItem;
diff --git a/src/components/home/AboutUsSection.tsx b/src/components/home/AboutUsSection.tsx
deleted file mode 100644
index 24274d9..0000000
--- a/src/components/home/AboutUsSection.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import React from "react";
-import {useTranslations} from "next-intl";
-
-function AboutUsSection() {
- const t = useTranslations('home-page');
- return (
-
-
-
-
-
- {formatDate(event.date, locale)}
-- {event.name} -
-Online
-
-
-
-
-
-
-
-
-
- {t('about-us-section-title')}
-- {t('about-us-section-sub-title')} -
-- {t('about-us-section-description')} -
-
-
-
-
- - {t('contact-us-section-title')} -
-- {t('contact-us-section-description')} -
- - {t('contact-us-section-cta')} - -
-
-
-
-
-
- 🌎
-
-
- );
-}
diff --git a/src/components/home/MentorsSection.tsx b/src/components/home/MentorsSection.tsx
deleted file mode 100644
index 0e94769..0000000
--- a/src/components/home/MentorsSection.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import React from "react";
-import {useTranslations} from "next-intl";
-
-function MentorsSection() {
- const t = useTranslations('home-page');
-
- return (
-
-
-
-
- {t('mentor-section-title')}
-{t('mentor-section-sub-title')}
-
-
-
- 
-
-
-
- 
-
-
-
- 
-
-
-
- 
-
-
-
-
-
-
-
-
- - {t('program-section-title')} -
-- {t('program-section-sub-title')} -
-
-
-
-
-
-
- - {t('program-section-1-title')} -
-- {t('program-section-1-description')} -
- - {t('program-section-cta')} - -
-
-
-
- - {t('program-section-2-title')} -
-- {t('program-section-2-description')} -
- - {t('program-section-cta')} - -
-
-
-
- - {t('program-section-3-title')} -
-- {t('program-section-3-description')} -
- - {t('program-section-cta')} - -
-
- );
-}
-
-export default TestimonyCard;
diff --git a/src/components/home/TestimonySection/index.tsx b/src/components/home/TestimonySection/index.tsx
deleted file mode 100644
index 963160b..0000000
--- a/src/components/home/TestimonySection/index.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import React from 'react';
-
-import TestimonyCard from './TestimonyCard';
-
-import { ITestimony } from 'src/lib/types';
-import { useTranslations } from 'next-intl';
-
-function TestimonySection() {
- const t = useTranslations('home-page');
- const testimonies: ITestimony[] = [
- {
- name: 'Agi',
- school: "Universitas Tadulako '17",
- text: 'hammercode komunitas nya friendly banget, baik mentor, dan peserta pelajarnya. Kelas di hammercode jg itu sangat seru, metode mengajar para mentornya sangat membntu, dijamin paham 1000%',
- },
- {
- name: 'Zulnabil',
- school: "Universitas Tadulako '16",
- title: 'Frontend Engineer @ 99.co',
- text: 'As a software engineer or who wants to, prepare yourself to face the real IT industry. Since studying from college is not enough, you have to find your mentor. In hammercode you can find it, and expand your network. Because your network is your net worth',
- },
- {
- name: 'Akwan',
- school: "Universitas Tadulako '19",
- title: 'Backend Engineer Intern @ Bareksa',
- text: 'Dengan bantuan dan dorongan teman-teman dan mentor yg ada di komunitas, saya berhasil mendapatkan kesempatan magang di tahun pertama dan kedua kuliah',
- },
- ];
- return (
- - ” - {text} -
-{name}
- {school &&{school}
} - {title &&{title}
} -
-
-
-
-
-
- - {t('impact-section-title')} -
-- {t('impact-section-sub-title')} -
-
-
-
-
-
-
-
-
-
+ {children}
+ {isDots &&
+
+
+
+ );
+ }
+);
+CarouselContent.displayName = "CarouselContent";
+
+const CarouselItem = React.forwardRef
+ {Array.from({ length: totalSlides }).map((_, index) => (
+
+ );
+};
+
+const CarouselPrevious = React.forwardRef
+
+ );
+};
+export default About;
diff --git a/src/features/certificate/Certificate.tsx b/src/features/certificate/Certificate.tsx
new file mode 100644
index 0000000..90a4c44
--- /dev/null
+++ b/src/features/certificate/Certificate.tsx
@@ -0,0 +1,70 @@
+import Image from "next/image";
+import { CertificateType } from "./types";
+import { Button } from "@/components/ui/button";
+import { Link } from "@/lib/navigation";
+import { Linkedin, TwitterIcon } from "lucide-react";
+
+type Props = {
+ certificate: CertificateType;
+};
+
+const Certificate = ({ certificate }: Props) => {
+ const { _id, event, image_link, name, share_link } = certificate;
+ return (
+
+
+
+
+
+
+
+ About Hammercode
+Since 2017 - Now
++ Hammercode adalah sebuah komunitas + teknologi yang diinisiasi sebagai wadah berkumpulnya para pembelajar, programmer, web/mobile developer, dan + pelaku industri teknologi lainnya yang berada di kota Palu dan sekitarnya. 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. Hammercode tempat yang cocok + untukmu yang ingin belajar tentang coding/pemograman dan software engineering. +
++ Kebutuhan akan talenta teknologi berkualitas terus bertambah. Namun sayangnya gap skills yang dimiliki oleh + lulusan IT dari universitas dan kebutuhan industri masih cukup besar. Di pulau Jawa dan Sumatera, banyak + universitas universitas top-level serta ekosistem komunitas dan industri yang lebih maju di banding daerah + lain, khususnya Palu, Sulawesi Tengah. +
+
+
+
+
+ ))}
+
+
+ Our Program
+ {PROGRAM.map(({ id, title, desc, icon }) => ( +
+ {icon}
+
+
+
+ {title}
+{desc}
+
+
+ );
+};
+
+export default Certificate;
diff --git a/src/features/certificate/types.ts b/src/features/certificate/types.ts
new file mode 100644
index 0000000..1960e98
--- /dev/null
+++ b/src/features/certificate/types.ts
@@ -0,0 +1,7 @@
+export type CertificateType = {
+ _id: string;
+ name: string;
+ image_link: string;
+ share_link: string;
+ event: string;
+};
diff --git a/src/features/events/components/Card.tsx b/src/features/events/components/Card.tsx
new file mode 100644
index 0000000..9d6981e
--- /dev/null
+++ b/src/features/events/components/Card.tsx
@@ -0,0 +1,46 @@
+import { CSSProperties, FC } from "react";
+import { Clock, Pin } from "lucide-react";
+
+import { Badge } from "@/components/ui/badge";
+import { Card, CardContent, CardFooter } from "@/components/ui/card";
+import { EventType } from "../types";
+import Image from "next/image";
+
+const CardEvent: FC<{ data: EventType }> = ({ data }) => {
+ const { id, title, date_event, status, duration, location, image_event } = data;
+ return (
+
+
+
+
+ + Terima Kasih kepada {name}! +
+Kamu telah berpartisipasi dalam acara ini.
+
+
+
+
+ + Sertifikat : {_id} +
+ +
+
+
+
+
+ + Pamerkan sertifikat ini ke teman-temanmu! +
+ +
+
+
+
+
+
+
+ {status}
+
+
+
+
+
+ {title}
+{date_event}
+
+
+ {duration}
+
+
+ {location}
+
+
+
+ {status}
+
+
+
+
+
+ {title}
+{date_event}
+
+
+ {duration}
+
+
+ {location}
+
+
+ );
+};
+export default Events;
diff --git a/src/features/events/types.ts b/src/features/events/types.ts
new file mode 100644
index 0000000..dc20aff
--- /dev/null
+++ b/src/features/events/types.ts
@@ -0,0 +1,21 @@
+type EventTypes = "Workshop" | "TechTalk" | "dll";
+type EventStatus = "open" | "soon" | "closed";
+
+export type EventType = {
+ id: string;
+ title: string;
+ description: string;
+ author: string;
+ image_event: string;
+ date_event: string;
+ created_at?: string;
+ updated_at?: string;
+ type_event?: EventTypes;
+ location?: string;
+ duration?: string;
+ capacity?: number;
+ tags?: string[];
+ registration_link?: string;
+ speakers?: string[];
+ status: EventStatus;
+};
diff --git a/src/features/home/components/AboutSection.tsx b/src/features/home/components/AboutSection.tsx
new file mode 100644
index 0000000..94a5ed5
--- /dev/null
+++ b/src/features/home/components/AboutSection.tsx
@@ -0,0 +1,61 @@
+import { Button } from "@/components/ui/button";
+import { Link } from "@/lib/navigation";
+import { ArrowRight } from "lucide-react";
+import { useTranslations } from "next-intl";
+import Image from "next/image";
+
+const AboutSection = () => {
+ const t = useTranslations("HomePage.section-about");
+
+ return (
+
+
+
+
+
+
+ {t("title")}
+{t("description")}
+
+
+
+
+
+
+ {eventsData.map((event) => (
+
+
+
+ );
+};
+
+export default AboutSection;
diff --git a/src/features/home/components/ClassSection.tsx b/src/features/home/components/ClassSection.tsx
new file mode 100644
index 0000000..997c32f
--- /dev/null
+++ b/src/features/home/components/ClassSection.tsx
@@ -0,0 +1,56 @@
+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";
+import { useTranslations } from "next-intl";
+
+const ClassSection = () => {
+ const t = useTranslations("HomePage.section-class");
+
+ return (
+
+
+
+
+
+
+
+
+ {t("title")}
++ {t("sub-title")} +
+
+
+ + {t.rich("description", { + b: (chunks) => {chunks}, + })} +
+ +
+
+ );
+};
+
+export default ClassSection;
diff --git a/src/features/home/components/ContactSection.tsx b/src/features/home/components/ContactSection.tsx
new file mode 100644
index 0000000..d673e87
--- /dev/null
+++ b/src/features/home/components/ContactSection.tsx
@@ -0,0 +1,31 @@
+import { Button } from "@/components/ui/button";
+import { Send } from "lucide-react";
+import { Link } from "@/lib/navigation";
+import { useTranslations } from "next-intl";
+
+const ContactSection = () => {
+ const t = useTranslations("HomePage.section-contact");
+
+ return (
+
+
+
+ {courseData.map((data) => (
+
+
+
+
+
+
+
+
+ ))}
+
+
+
+
+
+
+ {t("title")}
++ {t("description")} +
+
+
+
+
+ {data.title}
+{data.role}
+
+
+ );
+};
+
+export default ContactSection;
diff --git a/src/features/home/components/HeroSection.tsx b/src/features/home/components/HeroSection.tsx
new file mode 100644
index 0000000..d11df50
--- /dev/null
+++ b/src/features/home/components/HeroSection.tsx
@@ -0,0 +1,54 @@
+import { Link } from "@/lib/navigation";
+import Image from "next/image";
+import { socialMedia } from "../constants";
+import { useTranslations } from "next-intl";
+import { Button } from "@/components/ui/button";
+import { HandCoins } from "lucide-react";
+
+const HeroSection = () => {
+ const t = useTranslations("HomePage.section-hero");
+ return (
+
+
+
+ {/* {} */}
+
+
+
+
+ {t("title")}
++ {t("description")} +
+
+
+ );
+};
+
+export default HeroSection;
diff --git a/src/features/home/components/PartnerSection.tsx b/src/features/home/components/PartnerSection.tsx
new file mode 100644
index 0000000..a9a079d
--- /dev/null
+++ b/src/features/home/components/PartnerSection.tsx
@@ -0,0 +1,39 @@
+import Image from "next/image";
+import { partnersData } from "../constants";
+import { useTranslations } from "next-intl";
+import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "@/components/ui/carousel";
+
+const PartnerSection = () => {
+ const t = useTranslations("HomePage.section-partner");
+ return (
+
+
+
+
+
+
+
+
+ {/* Social Media */}
+ {t("title")}
+{t("description")}
+
+
+
+
+ {socialMedia.map((data) => (
+
+ ))}
+
+
+
+
+
+ );
+};
+
+export default PartnerSection;
diff --git a/src/features/home/components/ProgramSection.tsx b/src/features/home/components/ProgramSection.tsx
new file mode 100644
index 0000000..80b1c80
--- /dev/null
+++ b/src/features/home/components/ProgramSection.tsx
@@ -0,0 +1,61 @@
+import { Card, CardContent, CardHeader } from "@/components/ui/card";
+
+import Image from "next/image";
+import { programData } from "../constants";
+import { useTranslations } from "next-intl";
+
+const ProgramSection = () => {
+ const t = useTranslations("HomePage.section-program");
+
+ return (
+
+
+
+
+
+ {t("title")}
+{t("description")}
+
+
+
+ {partnersData.map(({ id, logo, alt }) => (
+
+
+ ))}
+
+
+
+
+
+ );
+};
+
+export default ProgramSection;
diff --git a/src/features/home/components/TestimonialSection.tsx b/src/features/home/components/TestimonialSection.tsx
new file mode 100644
index 0000000..52b4ec6
--- /dev/null
+++ b/src/features/home/components/TestimonialSection.tsx
@@ -0,0 +1,48 @@
+import React from "react";
+import { testimonialData } from "../constants";
+import { Card, CardFooter, CardHeader } from "@/components/ui/card";
+import Image from "next/image";
+import { Carousel, CarouselContent, CarouselItem } from "@/components/ui/carousel";
+import { useTranslations } from "next-intl";
+
+const TestimonialSection = () => {
+ const t = useTranslations("HomePage.section-testimonial");
+ return (
+
+
+
+ {/* Our Prorams */}
+ {t("title")}
++ {t("description")} +
+
+ {programData.map((data) => (
+
+
+
+
+
+
+ ))}
+
+
+
+
+
+
+
+
+ {data.id}
+
+ {t(`programs.${data.id}.title`)}
++ {t(`programs.${data.id}.description`)} +
+
+
+
+ {testimonialData.map((data) => (
+
+
+
+
+
+
+
+
+ ))}
+
+
+
+ );
+};
+
+export default TestimonialSection;
diff --git a/src/features/home/constants.ts b/src/features/home/constants.ts
new file mode 100644
index 0000000..961ce52
--- /dev/null
+++ b/src/features/home/constants.ts
@@ -0,0 +1,192 @@
+import { CourseType, PartnerType, ProgramType, SocialMediaType, TestimonialType } from "./types";
+
+export const socialMedia: SocialMediaType[] = [
+ {
+ id: 1,
+ icon: "/assets/icons/ic_linkedin.svg",
+ is_gradient: false,
+ color_one: "#0076B2",
+ navigate_url: "https://www.linkedin.com/company/hammercode",
+ },
+ {
+ id: 2,
+ icon: "/assets/icons/ic_instagram.svg",
+ is_gradient: true,
+ color_one: "#9A34C1",
+ color_two: "#FF5746",
+ navigate_url: "https://instagram.com/hmrcode",
+ },
+];
+
+export const partnersData: PartnerType[] = [
+ {
+ id: 1,
+ logo: "/assets/images/logos/shipper-logo.png",
+ alt: "Shipper Logo",
+ },
+ {
+ id: 2,
+ logo: "/assets/images/logos/efishery-logo.png",
+ alt: "Efishery Logo",
+ },
+ {
+ id: 3,
+ logo: "/assets/images/logos/icehouse-logo.png",
+ alt: "Icehouse Logo",
+ },
+ {
+ id: 4,
+ logo: "/assets/images/logos/warungpintar-logo.png",
+ alt: "Warung Pintar Logo",
+ },
+];
+
+export const programData: ProgramType[] = [
+ {
+ id: "01",
+ title: "Pendampingan",
+ description:
+ "Teman-teman anggota komunitas dari berbagai perusahaan teknologi siap membantu Kamu untuk persiapan aplikasi internship dan full-time job",
+ icon: "/assets/images/illustrations/partnership.png",
+ },
+ {
+ id: "02",
+ title: "Kelas & Workshop",
+ description:
+ "Tersedia kelas dan workshop untuk berbagai bidang, seperti web, mobile apps hingga data. Tingakat materi yang disampaikan bervariasi, mulai dari beginner hingga advanced.",
+ icon: "/assets/images/illustrations/classes.png",
+ },
+ {
+ id: "03",
+ title: "Bincang Teknologi",
+ description:
+ "Acara knowledge-sharing bulanan yang diisi oleh pemateri dari pelaku industri dan teman-teman komunitas.",
+ icon: "/assets/images/illustrations/discuss.png",
+ },
+];
+
+export const courseData: CourseType[] = [
+ {
+ id: 1,
+ logo: "/assets/icons/ic_react.svg",
+ title: "React",
+ role: "Frontend Development",
+ },
+ {
+ id: 2,
+ logo: "/assets/icons/ic_golang.svg",
+ title: "Golang",
+ role: "Backend Development",
+ },
+ {
+ id: 3,
+ logo: "/assets/icons/ic_python.svg",
+ title: "Python",
+ role: "Data Science",
+ },
+ {
+ id: 4,
+ logo: "/assets/icons/ic_figma.svg",
+ title: "Figma",
+ role: "UI/UX Design",
+ },
+];
+
+export const testimonialData: TestimonialType[] = [
+ {
+ id: 1,
+ name: "Afandy Wibowo",
+ role: "Backend Engineer at Bareksa",
+ quote:
+ "Di Hammercode saya mendapat banyak sekali teman belajar. Mulai dari belajar backend, sharing soal bahasa pemrograman atau tool yang sering di pake saat mendevelop program. Di hammercode juga ada senior yang dapat saya tanyakan langsung soal proyeksi kerjaan saat ini dan beberapa hal terkait teknikal tool. Dan nyamannya di hammercode kalau kita kumpul belajar bareng.",
+ avatar_url: "/assets/images/peoples/afandy.webp",
+ },
+ {
+ id: 2,
+ name: "Akwan Maroso",
+ role: "Backend Engineer at eFishery",
+ quote:
+ "Being a part of this community has been incredibly valuable for my career as a software engineer. The community has played a significant role in my professional development, providing access to expert mentors and a competitive environment that constantly pushes me to improve. The support and encouragement from fellow community members have been instrumental in my journey, enabling me to become a software engineer from my very first year in college.",
+ avatar_url: "/assets/images/peoples/akwan.webp",
+ },
+ {
+ id: 3,
+ name: "Fendi Irfan Amorokhman",
+ role: "Data & AI at OY Indonesia",
+ quote:
+ "Hammercode adalah komunitas IT terbesar dan paling aktif di Palu, Sulawesi Tengah. Kami tumbuh pesat berkat pengurus yang sangat profesional. Setiap kegiatan yang mereka selenggarakan selalu sukses besar, seperti acara tahun lalu yang dihadiri banyak peserta",
+ avatar_url: "/assets/images/peoples/fendi.webp",
+ },
+ {
+ id: 4,
+ name: "Khairun Nisa Cipta Hapsari",
+ role: "Backend Engineer at KJA Furqan",
+ quote:
+ "To be honest kalo gak di Hammercode saya tidak secepat ini untuk bisa memahami materi tentang pemrograman. Di Hammercode banyak teman-teman yang jago-jago di bidangnya yang bisa dicuri ilmunya dan wawasannya untuk diimplementasikan. People in this community juga asik dan supportif, gak cuma jago coding temen-temen di sini vibesnya tuh positif banget. Komunitas ini sangat mendukung dan saya merasa termotivasi untuk terus belajar dan berkembang. Terima kasih Hammercode!",
+ avatar_url: "/assets/images/peoples/cipta.webp",
+ },
+ {
+ id: 5,
+ name: "Muhamad Putra Satria",
+ role: "Software Engineer at Educourse.id",
+ quote:
+ "Selama saya bergabung di Hammercode, banyak hal yang saya dapatkan. Mulai dari banyak ilmu programming, relasi, serta membuat saya lebih produktif. Komunitas adalah tempat belajar yang paling ampuh untuk meningkatkan skill. Tidak rugi, seriusan!",
+ avatar_url: "/assets/images/peoples/alung.webp",
+ },
+ {
+ id: 6,
+ name: "Vicky Herdiansyah Adri",
+ role: "Fullstack Engineer at Pegadaian",
+ quote:
+ "Di sini, saya banyak belajar tentang dunia coding dan mendapatkan mentor pertama saya. Awalnya, mereka mengajarkan seputar web development, tetapi seiring berjalannya waktu, mereka juga memberikan pembelajaran seputar karir. Hal ini sangat memotivasi saya untuk mencari pekerjaan di dunia industri sebagai software engineer. Mentor-mentor di Hammercode juga membimbing saya sampai mendapatkan my first intership :) Senang bisa menjadi bagian dari HammerCode 🥳🙏",
+ avatar_url: "/assets/images/peoples/vicky.webp",
+ },
+ {
+ id: 7,
+ name: "Faldi",
+ role: "Ex Software Engineer Intern at Educourse.id",
+ quote:
+ "Banyak hal yang bisa kita ambil dalam komunitas ini, selain untuk belajar kita juga mendapatkan banyak jaringan. Bersama dengan teman-teman dan mentor yang saling memotivasi untuk kemajuan kedepan.",
+ avatar_url: "/assets/images/peoples/faldi.webp",
+ },
+ {
+ id: 8,
+ name: "Widya Ayunindya Poge",
+ role: "Web Developer Intern at Infinite Learning",
+ quote:
+ "Belajar di HMC tuh seru banget malah. Materinya up to date dan mentor2 nya udah pro dibidang tersebut. tapi setiap orang pasti memiliki teknik belajar sendiri2 dan mungkin pas bagian di ajar ka fandy sy gak cocok karena kecepatan mengajarnya tida relate dengan saya yang agak lambat ini yah gesya tapi bukann salah ka fandy tpi saya yang salah 😭🙏🏻. Tapi kalau boleh saran adain materi buat flow bisnis IT kali aja yang belajar di Hammercode bakal pada magang gak kaget2 banget pas tahap research fitur. Semangat hmc 😍",
+ avatar_url: "/assets/images/peoples/widya.webp",
+ },
+ {
+ id: 9,
+ name: "Tiara Juli Arsita",
+ role: "Ex Backend Developer Intern at Satudikti",
+ quote:
+ "Seru kaka-kaka di HMC ga pelit ilmu dan bisa belajar dari kaka-kaka yang memang sudah expert hehe, jadi termotivasi buat untuk jadi women in tech with salaries >2 digits hehe :D",
+ avatar_url: "/assets/images/peoples/yaya.webp",
+ },
+ {
+ id: 10,
+ name: "Aisyah Rahmadani Pohontu",
+ role: "Ex Backend Developer Intern at PDDikti",
+ quote:
+ "Selama di HMC saya belajar banyak hal, yaitu softskill dan hardskill. Ada banyak kakak-kakak dan teman-teman yang membantu saya dalam hal itu. Terutama ketika saya kurang paham tentang backend (bahasa go-lang). Selama pembelajaran di HMC, tapi kak Vicky dan kak Akwan membantu saya dalam memahami pembelajaran tersebut sehingga saya bisa mengerti dasar-dasar pemrograman golang. Pengalaman saya selama di HMC sangat beragam, tapi menyenangkan.",
+ avatar_url: "/assets/images/peoples/anggi.webp",
+ },
+ {
+ id: 11,
+ name: "Nadya Afriyani Azmi",
+ role: "Ex Frontend Developer Intern at Pilih Jurusan",
+ quote:
+ "Selama di Hammercode banyak hal yang saya dapat. Terutama membantu saya lebih mahir dibidang yang saya ambil yaitu frontend. Saya diajari dari dasar sampai lebih mahir di bidang saya. Cara belajar yang santai tetapi terstruktur menjadi alasan utama saya sangat nyaman belajar disini. Selain itu banyak kegiatan lain yang kami lakukan di hammercode. Dan jugaaa kakak-kakak dan teman-teman di Hammercode baik-baik poll 😭😭.",
+ avatar_url: "/assets/images/peoples/nadya.webp",
+ },
+ {
+ id: 12,
+ name: "Ade Sinta",
+ role: "Ex Frontend Developer at Telkom Indonesia",
+ quote:
+ "Learning at Hammercode is so much fun! The mentors are super cool, so the learning atmosphere never feels boring. What's even better is that the mentors have a lot of experience, and some of them even work abroad! That really motivates me to be like them. I've learned so many new things, and I'm always up-to-date with the latest technology trends.",
+ avatar_url: "/assets/images/peoples/ades.webp",
+ },
+];
diff --git a/src/features/home/index.tsx b/src/features/home/index.tsx
new file mode 100644
index 0000000..ac0c3f6
--- /dev/null
+++ b/src/features/home/index.tsx
@@ -0,0 +1,23 @@
+import HeroSection from "./components/HeroSection";
+import PartnerSection from "./components/PartnerSection";
+import AboutSection from "./components/AboutSection";
+import ProgramSection from "./components/ProgramSection";
+import ClassSection from "./components/ClassSection";
+import TestimonialSection from "./components/TestimonialSection";
+import ContactSection from "./components/ContactSection";
+
+const Home = () => {
+ return (
+
+
+
+ {t("title")}
+{t("description")}
+{`"${data.quote}"`}
+
+
+ {data.name}
+{data.role}
+
+
+ );
+};
+
+export default Home;
diff --git a/src/features/home/types.ts b/src/features/home/types.ts
new file mode 100644
index 0000000..60dcd89
--- /dev/null
+++ b/src/features/home/types.ts
@@ -0,0 +1,36 @@
+export type SocialMediaType = {
+ id: number;
+ icon: string;
+ is_gradient: boolean;
+ color_one: string;
+ color_two?: string;
+ navigate_url: string;
+};
+
+export type PartnerType = {
+ id: number;
+ logo: string;
+ alt: string;
+};
+
+export type ProgramType = {
+ id: string;
+ title: string;
+ description: string;
+ icon: string;
+};
+
+export type CourseType = {
+ id: number;
+ logo: string;
+ title: string;
+ role: string;
+};
+
+export type TestimonialType = {
+ id: number;
+ name: string;
+ role: string;
+ quote: string;
+ avatar_url: string;
+};
diff --git a/src/lib/array.ts b/src/lib/array.ts
deleted file mode 100644
index 151a58a..0000000
--- a/src/lib/array.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-/**
- * @param {Array{t('title')}
-{t('background-section-title')}
-{t('background-section-description')}
- -{t('our-programs')}
- {areaOfPrograms.map((areaOfProgram) => ( -{areaOfProgram}
- ))} -{t('history-section-title')}
-{t('history-section-description')}
-{t('impact-section-title')}
-{t('impact-section-description')}
-{partners}
-{t('our-vision')}
-{t('partner-section-title')}
-{t('partner-section-description')}
-
-
-
- );
-};
-
-// Get Server Side Props
-export const getServerSideProps = async (context: { query: { _id: any } }) => {
- const { _id } = context.query;
-
- const res = await fetch(`http://localhost:3000/api/certificates/${_id}`);
- const certificate = await res.json();
-
- return {
- props: {
- certificate,
- },
- };
-};
-
-export default Certificate;
diff --git a/src/pages/curriculum.tsx b/src/pages/curriculum.tsx
deleted file mode 100644
index 4b1363a..0000000
--- a/src/pages/curriculum.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import MainLayout from 'src/components/layout/MainLayout';
-
-export default function CurriculumPage() {
- return (
-
-
- - Terima Kasih kepada{' '} - {name}! -
-- Kamu telah berpartisipasi dalam acara ini. -
-
-
-
-
- Sertifikat : {_id}
- - - -Kurikulum
-Web Programming
-Frontend Web Developer
-Backend Web Developer
-Android Developer
- -Mentors
- -John Doe
-Mark
-Not found
; - } - return ( -
-
-
-
- {formatDate(event.date)}
-- {event.name} -
-
-
-
-
-
-
-
-
-
- {markdown}
-
-
-
-
-
-
-
-
-
-
-
-
-
- Hotel Santika
-- Jl. Moh. Hatta No. 18, Lolu Utara -
-
- 
-
-
-
-
-
-
-
-
-
-
- {formatDate(event.date)}
-{event.name}
-
-
- Gratis
-
-
-
- Event
-
- {events.map((e) => (
-
- Sponsorship
- -Bank Syariah Indonesia
-720 3000 768
-Penggiat Teknologi Palu Berkarya
-