setNavModals(false)} />
-
- );
-};
-
-export default Navbar;
diff --git a/src/core/components/seo/generalSeo.jsx b/src/core/components/seo/generalSeo.jsx
deleted file mode 100644
index 8035c71..0000000
--- a/src/core/components/seo/generalSeo.jsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import React from "react";
-import Head from "next/head";
-
-function GeneralSeo(props) {
- const defaultTitle = "Motion Laboratory";
- const templateTitle = props.title
- ? `${props.title} - ${defaultTitle}`
- : defaultTitle;
-
- const defaultDescription =
- "The Mobile Innovation Laboratory, or commonly called Motion Lab, is one of the latest laboratories at the Faculty of Informatics, Telkom University under the auspices of K-Side.";
- const templateDescription = props.description
- ? props.description
- : defaultDescription;
-
- return (
-
-
{templateTitle}
-
-
-
-
-
-
-
-
-
-
-
- );
-}
-
-export default GeneralSeo;
diff --git a/src/core/components/topButton.jsx b/src/core/components/topButton.jsx
deleted file mode 100644
index 6ec3d6d..0000000
--- a/src/core/components/topButton.jsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import Link from "next/link"
-import styles from '../styles/components/topButton.module.scss'
-import { useState, useEffect } from "react";
-
-export default function TopButton() {
- const [upButton, setUpButton] = useState(false);
-
- const scrollDown = () => {
- if (window.scrollY >= 500) {
- setUpButton(true);
- } else {
- setUpButton(false);
- }
- }
-
- useEffect(() => {
- window.addEventListener('scroll', scrollDown);
- return () => {
- window.removeEventListener('scroll', scrollDown);
- }
- }, [])
-
- return (
- <>
-
-
-
-
-
-
-
- )
-}
\ No newline at end of file
diff --git a/src/core/styles/globals.scss b/src/core/styles/globals.scss
deleted file mode 100644
index fc24f37..0000000
--- a/src/core/styles/globals.scss
+++ /dev/null
@@ -1,74 +0,0 @@
-@charset "utf-8";
-//css reset
-
-html,
-h2,
-body,
-div,
-ul,
-ol,
-li,
-a,
-img,
-span,
-p,
-b,
-input,
-label {
- margin: 0;
- padding: 0;
- border: 0;
-}
-
-ul,
-ol {
- list-style: none;
-}
-
-a {
- text-decoration: none;
-}
-
-table {
- border-spacing: 0;
- border-collapse: collapse;
-}
-
-//smooth scroll
-
-html {
- scroll-behavior: smooth;
- transition: 0.3s;
-}
-
-// slicklmao
-
-.slider-mobile {
- .slick-slider {
- .slick-dots {
- fill: #858585;
-
- .slick-active {
- svg {
- fill: #f82f1e;
- }
- }
- }
- }
-}
-
-.animate-enter {
- opacity: 0;
-}
-
-.animate-active {
- opacity: 1;
-}
-
-.animate-exit {
- opacity: 1;
-}
-
-.animate-exit-active {
- opacity: 0;
-}
diff --git a/src/features/README.md b/src/features/README.md
new file mode 100644
index 0000000..58fc47d
--- /dev/null
+++ b/src/features/README.md
@@ -0,0 +1,12 @@
+# Features
+
+This directory contains the main feature modules of the application.
+Each subfolder represents a distinct feature or section, encapsulating its own components, hooks, services, constants, and views.
+
+- `home/`: Home page feature and its related logic and UI.
+- `internship/`: Internship-related pages, components, and logic.
+- `news/`: News section, including news listing and detail pages.
+- `people/`: People or team member-related features.
+- `project/`: Project showcase and related functionality.
+
+Organize each feature in its own folder to promote modularity, scalability, and maintainability.
\ No newline at end of file
diff --git a/src/features/home/components/animations/RevealText.jsx b/src/features/home/components/animations/RevealText.jsx
new file mode 100644
index 0000000..3c1b4e1
--- /dev/null
+++ b/src/features/home/components/animations/RevealText.jsx
@@ -0,0 +1,20 @@
+import { motion } from 'framer-motion';
+
+const RevealText = ({ children, delay = 0 }) => {
+ return (
+
+ {children}
+
+ );
+};
+
+export default RevealText;
\ No newline at end of file
diff --git a/src/features/home/components/animations/ScaleIn.jsx b/src/features/home/components/animations/ScaleIn.jsx
new file mode 100644
index 0000000..e2f3a20
--- /dev/null
+++ b/src/features/home/components/animations/ScaleIn.jsx
@@ -0,0 +1,20 @@
+import { motion } from 'framer-motion';
+
+const ScaleIn = ({ children, delay = 0 }) => {
+ return (
+
+ {children}
+
+ );
+};
+
+export default ScaleIn;
\ No newline at end of file
diff --git a/src/features/home/components/animations/SectionTitle.jsx b/src/features/home/components/animations/SectionTitle.jsx
new file mode 100644
index 0000000..d1826d8
--- /dev/null
+++ b/src/features/home/components/animations/SectionTitle.jsx
@@ -0,0 +1,19 @@
+import React from 'react';
+
+const SectionTitle = ({ subtitle, title, description }) => (
+ <>
+
+ {subtitle}
+
+
+ {title}
+
+ {description && (
+
+ {description}
+
+ )}
+
+);
+
+export default SectionTitle;
\ No newline at end of file
diff --git a/src/features/home/components/animations/SlideIn.jsx b/src/features/home/components/animations/SlideIn.jsx
new file mode 100644
index 0000000..4fa07d4
--- /dev/null
+++ b/src/features/home/components/animations/SlideIn.jsx
@@ -0,0 +1,27 @@
+import { motion } from 'framer-motion';
+
+const SlideIn = ({ children, direction = 'left', delay = 0 }) => {
+ const directions = {
+ left: { x: -100 },
+ right: { x: 100 },
+ up: { y: 100 },
+ down: { y: -100 },
+ };
+
+ return (
+
+ {children}
+
+ );
+};
+
+export default SlideIn;
\ No newline at end of file
diff --git a/src/features/home/components/ui/CardProject.jsx b/src/features/home/components/ui/CardProject.jsx
new file mode 100644
index 0000000..f71bdd7
--- /dev/null
+++ b/src/features/home/components/ui/CardProject.jsx
@@ -0,0 +1,30 @@
+import Link from "next/link";
+
+const CardProject = ({ id, nama, team, member, thumbnail, about }) => {
+ return (
+
+
+
+
+
+
+
{nama}
+ {team}
+
+ {member}
+
+
+
+
+ View Details
+
+
+
+
+ );
+};
+export default CardProject;
diff --git a/src/features/home/components/ui/DivisionCard.jsx b/src/features/home/components/ui/DivisionCard.jsx
new file mode 100644
index 0000000..0673151
--- /dev/null
+++ b/src/features/home/components/ui/DivisionCard.jsx
@@ -0,0 +1,21 @@
+import React from 'react';
+
+const DivisionCard = ({ icon, title, description }) => (
+
+
+
+
+
+
+
+
+ {title}
+
+
+ {description}
+
+
+
+);
+
+export default DivisionCard;
\ No newline at end of file
diff --git a/src/features/home/components/ui/LaboratoryRow.jsx b/src/features/home/components/ui/LaboratoryRow.jsx
new file mode 100644
index 0000000..27db4bc
--- /dev/null
+++ b/src/features/home/components/ui/LaboratoryRow.jsx
@@ -0,0 +1,65 @@
+"use client";
+
+import { motion } from "framer-motion";
+
+export default function LaboratoryRow({ rowData }) {
+ return (
+
+ {rowData.map((member, index) => (
+
+
+
+
+
+
+
+ {member.name}
+
+
+ {member.role}
+
+
+
+
+
+
+
+
+
+ ))}
+
+ );
+}
diff --git a/src/features/home/components/ui/NewsEvent.jsx b/src/features/home/components/ui/NewsEvent.jsx
new file mode 100644
index 0000000..dee1aa2
--- /dev/null
+++ b/src/features/home/components/ui/NewsEvent.jsx
@@ -0,0 +1,17 @@
+import he from "he";
+
+export default function NewsEvent({ data, isLoading }) {
+ if (isLoading) {
+ return
;
+ }
+ const cleanText = he.decode(data.body.replace(/<[^>]+>/g, ""));
+ return (
+
+
+
+
{data.title}
+
{cleanText}
+
+
+ );
+}
diff --git a/src/features/home/components/ui/SeeMoreButton.jsx b/src/features/home/components/ui/SeeMoreButton.jsx
new file mode 100644
index 0000000..9f6cd97
--- /dev/null
+++ b/src/features/home/components/ui/SeeMoreButton.jsx
@@ -0,0 +1,11 @@
+import React from 'react';
+
+const SeeMoreButton = ({ children, className = "" }) => (
+
+ {children}
+
+);
+
+export default SeeMoreButton ;
\ No newline at end of file
diff --git a/src/features/home/components/ui/WatchVideoButton.jsx b/src/features/home/components/ui/WatchVideoButton.jsx
new file mode 100644
index 0000000..cc9ff69
--- /dev/null
+++ b/src/features/home/components/ui/WatchVideoButton.jsx
@@ -0,0 +1,11 @@
+import React from 'react';
+
+const WatchVideoButton = ({ children, className = "" }) => (
+
+ {children}
+
+);
+
+export default WatchVideoButton;
\ No newline at end of file
diff --git a/src/features/home/constants/README.md b/src/features/home/constants/README.md
new file mode 100644
index 0000000..1447da1
--- /dev/null
+++ b/src/features/home/constants/README.md
@@ -0,0 +1,5 @@
+# Constants
+
+Stores static values, labels, or reusable configuration used in the Home feature.
+
+Useful for separating UI text or repeated variables from logic and components.
diff --git a/src/features/home/constants/divisionConstants.js b/src/features/home/constants/divisionConstants.js
new file mode 100644
index 0000000..666b558
--- /dev/null
+++ b/src/features/home/constants/divisionConstants.js
@@ -0,0 +1,22 @@
+const divisions = [
+ {
+ icon: "/svg/uiux-icon.svg",
+ title: "UI/UX Design",
+ description:
+ "Crafting seamless experiences, our UI/UX Design division specializes in user-centric solutions. From wireframes to high-fidelity designs, we ensure every interaction feels intuitive, engaging, and beautifully functional.",
+ },
+ {
+ icon: "/svg/db-icon.svg",
+ title: "Digital Business",
+ description:
+ "Transforming ideas into impactful ventures, our Digital Business division focuses on strategic planning, business modeling, and digital innovation. We empower individuals to create scalable solutions that drive real-world impact and meet market demands.",
+ },
+ {
+ icon: "/svg/mp-icon.svg",
+ title: "Mobile Programming",
+ description:
+ "Building the future, one app at a time. Our Mobile Programming division brings ideas to life with cutting-edge technologies. We develop robust, efficient, and scalable mobile applications tailored for modern users.",
+ },
+];
+
+export default divisions;
diff --git a/src/features/home/constants/homeConstants.js b/src/features/home/constants/homeConstants.js
new file mode 100644
index 0000000..78c46f8
--- /dev/null
+++ b/src/features/home/constants/homeConstants.js
@@ -0,0 +1,21 @@
+export const RESPONSIVE_SETTINGS = {
+ desktop: {
+ breakpoint: { max: 3000, min: 1024 },
+ items: 3,
+ },
+ tablet: {
+ breakpoint: { max: 1024, min: 464 },
+ items: 2,
+ },
+ mobile: {
+ breakpoint: { max: 464, min: 0 },
+ items: 1,
+ },
+};
+
+export const STATS = [
+ { value: "9", label: "Generations" },
+ { value: "100+", label: "Members" },
+ { value: "100+", label: "Project" },
+ { value: "50+", label: "Achievement" },
+];
\ No newline at end of file
diff --git a/src/features/home/hooks/README.md b/src/features/home/hooks/README.md
new file mode 100644
index 0000000..18872fe
--- /dev/null
+++ b/src/features/home/hooks/README.md
@@ -0,0 +1,5 @@
+# Hooks
+
+Contains custom React hooks used in the Home feature.
+
+Each hook encapsulates logic for data fetching, state handling, or interaction related to this feature only.
diff --git a/src/features/home/hooks/useHomeData.js b/src/features/home/hooks/useHomeData.js
new file mode 100644
index 0000000..4cb6a92
--- /dev/null
+++ b/src/features/home/hooks/useHomeData.js
@@ -0,0 +1,100 @@
+import { useEffect, useState } from "react";
+import { projectService } from "@/features/project/services/projectService";
+import { peopleService } from "@/features/people/services/peopleService";
+import { newsService } from "@/features/news/service/newsService";
+
+export const useHomeData = () => {
+ const [projects, setProjects] = useState([]);
+ const [projectsLoading, setProjectsLoading] = useState(true);
+ const [projectsError, setProjectsError] = useState(null);
+
+ const [people, setPeople] = useState([]);
+ const [peopleLoading, setPeopleLoading] = useState(true);
+ const [peopleError, setPeopleError] = useState(null);
+
+ const [news, setNews] = useState([]);
+ const [newsLoading, setNewsLoading] = useState(true);
+ const [newsError, setNewsError] = useState(null);
+
+ useEffect(() => {
+ const fetchProjects = async () => {
+ try {
+ setProjectsLoading(true);
+ const response = await projectService.getAllProjects();
+
+ const gen9Projects = response
+ .filter((project) => project.generation === "9")
+ .sort((a, b) => new Date(b.created_at) - new Date(a.created_at))
+ .slice(0, 3);
+
+ setProjects(gen9Projects);
+ setProjectsError(null);
+ } catch (err) {
+ setProjectsError("Failed to load projects");
+ } finally {
+ setProjectsLoading(false);
+ }
+ };
+
+ const fetchPeople = async () => {
+ try {
+ setPeopleLoading(true);
+ const data = await peopleService.getAllPeople();
+
+ const grouped = data.reduce((acc, person) => {
+ const division = person.division || "Unknown";
+ if (!acc[division]) acc[division] = [];
+ acc[division].push(person);
+ return acc;
+ }, {});
+
+ const groupedDivisions = Object.entries(grouped).map(
+ ([divisionName, members], index) => ({
+ id: index + 1,
+ division: divisionName,
+ members,
+ })
+ );
+
+ setPeople(groupedDivisions);
+ setPeopleError(null);
+ } catch (err) {
+ setPeopleError("Failed to load people");
+ } finally {
+ setPeopleLoading(false);
+ }
+ };
+
+ const fetchNews = async () => {
+ try {
+ setNewsLoading(true);
+ const data = await newsService.getAllNews();
+ const sorted = data
+ .sort((a, b) => new Date(b.created_at) - new Date(a.created_at))
+ .slice(0, 3);
+ setNews(sorted);
+ setNewsError(null);
+ } catch (err) {
+ setNewsError("Failed to load news");
+ } finally {
+ setNewsLoading(false);
+ }
+ };
+
+ fetchProjects();
+ fetchPeople();
+ fetchNews();
+ }, []);
+
+ return {
+ projects,
+ people,
+ news,
+ projectsLoading,
+ peopleLoading,
+ newsLoading,
+ projectsError,
+ peopleError,
+ newsError,
+ };
+};
diff --git a/src/features/home/hooks/useHomeHandlers.js b/src/features/home/hooks/useHomeHandlers.js
new file mode 100644
index 0000000..e097e8f
--- /dev/null
+++ b/src/features/home/hooks/useHomeHandlers.js
@@ -0,0 +1,24 @@
+import { useRef } from "react";
+
+export const useHomeRefs = () => ({
+ homeRef: useRef(null),
+ aboutRef: useRef(null),
+ divisionRef: useRef(null),
+ projectRef: useRef(null),
+ peopleRef: useRef(null),
+ newsRef: useRef(null),
+ contactRef: useRef(null),
+});
+
+export const useHandleNavigation = (refs) => {
+ return (id) => {
+ const sectionRef = refs[`${id}Ref`];
+ if (sectionRef?.current) {
+ sectionRef.current.scrollIntoView({
+ behavior: "smooth",
+ block: "start",
+ });
+ }
+ };
+};
+
diff --git a/src/features/home/presentation/components/navbar/HomeNavbar.jsx b/src/features/home/presentation/components/navbar/HomeNavbar.jsx
deleted file mode 100644
index 8ee9fb7..0000000
--- a/src/features/home/presentation/components/navbar/HomeNavbar.jsx
+++ /dev/null
@@ -1,258 +0,0 @@
-"use client";
-
-import Link from "next/link";
-import { useEffect, useState } from "react";
-import { useRouter } from "next/navigation";
-import { usePathname } from "next/navigation";
-
-const navbarLinks = [
- {
- id: "home",
- label: "Home",
- },
- {
- id: "about",
- label: "About",
- },
- {
- id: "Member",
- label: "People",
- },
- {
- id: "blog",
- label: "Blog",
- },
- {
- id: "contact",
- label: "Contact",
- },
-];
-
-const HomeNavbar = ({ onNavigation, isFixed = true }) => {
- const router = useRouter();
- const usePathName = usePathname();
- const [isNavbarScroll, setIsNavbarScroll] = useState(false);
- const [isNavbarOpened, setIsNavbarOpened] = useState(false);
-
- useEffect(() => {
- window.addEventListener("scroll", handleScroll);
- return () => {
- window.removeEventListener("scroll", handleScroll);
- };
- }, []);
-
- function handleScroll() {
- if (window.scrollY >= 90) {
- setIsNavbarScroll(true);
- } else {
- setIsNavbarScroll(false);
- }
- }
-
- function handleNavbarOpened() {
- setIsNavbarOpened(!isNavbarOpened);
- }
-
- function getNavClassName() {
- let className = `transition duration-300 ${
- isFixed ? "fixed" : ""
- } text-center m-auto left-0 right-0 py-5 z-10`;
-
- if (isNavbarScroll || !isFixed) {
- className += " bg-white shadow-sm";
- } else {
- className += " bg-transparent";
- }
-
- if (isNavbarOpened) {
- className += " opacity-0";
- } else {
- className += " opacity-1";
- }
-
- return className;
- }
-
- function getNavLogoSource() {
- if (isNavbarScroll || !isFixed) {
- return "/images/navbar/logo-red-transparent.png";
- }
-
- return "/images/navbar/logo-white-transparent.png";
- }
-
- function getNavUlClassName() {
- let className =
- "lg:flex hidden gap-x-10 ps-20 font-[inter] text-[16px] transition duration-400";
-
- if (isNavbarScroll || !isFixed) {
- className += " text-[#332C2B]";
- } else {
- className += ` text-[#FFEAEA]`;
- }
-
- return className;
- }
-
- function handleNavigation(id) {
- if (usePathName != "/") {
- router.push(`/#${id}`);
- } else {
- onNavigation(id);
- }
- }
-
- return (
-
-
-
-
-
-
-
-
-
-
-
-
- Open main menu
-
-
-
-
- Internship
-
-
-
-
-
-
-
- Open main menu
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- );
-};
-
-export default HomeNavbar;
diff --git a/src/features/home/presentation/views/HomeView.jsx b/src/features/home/presentation/views/HomeView.jsx
deleted file mode 100644
index d6ca5af..0000000
--- a/src/features/home/presentation/views/HomeView.jsx
+++ /dev/null
@@ -1,700 +0,0 @@
-"use client";
-
-import Image from "next/image";
-import Link from "next/link";
-import Carousel from "react-multi-carousel";
-
-import GeneralSeo from "@/core/components/seo/generalSeo";
-
-import styles from "@/core/styles/pages/index.module.scss";
-
-import DivisionBox from "@/core/components/divisionBox";
-import Footer from "@/core/components/footer";
-import TopButton from "@/core/components/topButton";
-import ProductContainer from "@/core/components/productContainer";
-import BlogContainer from "@/core/components/blogContainer";
-import IndexAchievementContainer from "@/core/components/indexAchievementContainer";
-
-import IndexIllustration from "@/core/components/illustration/indexIllustration";
-
-import { motion } from "framer-motion";
-import { useEffect, useState } from "react";
-import InternshipNavbar from "@/features/internship/components/navbar/InternshipNavbar";
-import HomeNavbar from "../components/navbar/HomeNavbar";
-
-const responsive = {
- desktop: {
- breakpoint: { max: 3000, min: 1024 },
- items: 3,
- },
- tablet: {
- breakpoint: { max: 464, min: 0 },
-
- items: 2,
- },
- mobile: {
- breakpoint: { max: 464, min: 0 },
- items: 1,
- },
-};
-
-const blogSliderResponsive = {
- desktop: {
- breakpoint: { max: 3000, min: 1024 },
- items: 3,
- slidesToSlide: 3, // optional, default to 1.
- },
- tablet: {
- breakpoint: { max: 464, min: 0 },
-
- items: 3,
- slidesToSlide: 2, // optional, default to 1.
- },
- mobile: {
- breakpoint: { max: 464, min: 0 },
- items: 1,
- slidesToSlide: 1, // optional, default to 1.
- },
-};
-
-export default function HomeView() {
- const [slider, setSlider] = useState(null);
-
- useEffect(() => {
- console.log(slider);
- }, [slider]);
-
- return (
-
- {/*
-
- {ytModal ? (
-
-
-
- ) : (
- ""
- )} */}
-
-
-
-
-
-
- Mobile Innovation Laboratory
-
-
- The Mobile Innovation Laboratory, or commonly called Motion Lab,
- is one of the latest laboratories at the Faculty of Informatics,
- Telkom University under the auspices of K-Side.
-
-
-
-
- Watch Video
-
-
-
-
-
-
-
-
- ABOUT US
-
-
- What Is Motionlab?
-
-
-
-
-
- We are Creative People with High Spirits
-
-
- The Motion (Mobile Innovation) Laboratory is one of the research
- laboratories under the Faculty of Informatics, Telkom University.
- Motion Lab focuses on the creation and development of mobile
- software. Now Motion Lab comes with 3 division options, Digital
- Business, UI/UX Design, and Mobile Programming.
-
-
-
-
-
- 6
-
-
- Years of operation
-
-
-
-
- 100+
-
-
- Members
-
-
-
-
- 50+
-
-
- Produts
-
-
-
-
-
-
-
-
-
- OUR DIVISION
-
-
- What We Do
-
-
-
-
-
-
-
-
-
-
- Lorem Ipsum
-
-
- Lorem ipsum dolor sit amet, elite consectetur adipiscing, sed do
- eiusmod tempor incididunt ut labore et dolore magna aliqua
-
-
-
-
-
-
-
-
-
-
-
- Lorem Ipsum
-
-
- Lorem ipsum dolor sit amet, elite consectetur adipiscing, sed do
- eiusmod tempor incididunt ut labore et dolore magna aliqua
-
-
-
-
-
-
-
-
-
-
-
- Lorem Ipsum
-
-
- Lorem ipsum dolor sit amet, elite consectetur adipiscing, sed do
- eiusmod tempor incididunt ut labore et dolore magna aliqua
-
-
-
-
-
-
-
-
-
-
- Laboratory Assistance
-
-
-
-
-
-
-
-
-
-
- Dummy Name
-
-
- Chief of Laboratory
-
-
-
-
-
-
-
-
-
-
-
- Dummy Name
-
-
- Chief of Laboratory
-
-
-
-
-
-
-
-
-
-
-
- Dummy Name
-
-
- Chief of Laboratory
-
-
-
-
-
-
-
-
-
-
-
- Dummy Name
-
-
- Chief of Laboratory
-
-
-
-
-
-
-
-
-
-
-
-
-
- Dummy Name
-
-
- Chief of Laboratory
-
-
-
-
-
-
-
-
-
-
-
- Dummy Name
-
-
- Chief of Laboratory
-
-
-
-
-
-
-
-
-
-
-
- Dummy Name
-
-
- Chief of Laboratory
-
-
-
-
-
-
-
-
-
-
-
- Dummy Name
-
-
- Chief of Laboratory
-
-
-
-
-
-
-
-
-
-
-
-
-
- BLOG
-
-
- Interesting Stories From Us
-
-
-
-
{
- slider.previous(3);
- }}
- >
-
-
-
-
-
{
- slider.next(3);
- }}
- >
-
-
-
-
-
-
- setSlider(c)}
- responsive={responsive}
- itemClass="pe-5"
- slidesToSlide="10"
- autoPlay={true}
- arrows={false}
- swipeable={false}
- draggable={false}
- >
-
-
-
- Flutter Developer Guide
-
-
- Lorem ipsum dolor sit amet, elite consectetur adipiscing, sed do
- eiusmod
-
-
-
- by Zara Adisty
-
-
-
-
- Flutter Developer Guide
-
-
- Lorem ipsum dolor sit amet, elite consectetur adipiscing, sed do
- eiusmod
-
-
-
- by Zara Adisty
-
-
-
-
- Flutter Developer Guide
-
-
- Lorem ipsum dolor sit amet, elite consectetur adipiscing, sed do
- eiusmod
-
-
-
- by Zara Adisty
-
-
-
-
- Flutter Developer Guide
-
-
- Lorem ipsum dolor sit amet, elite consectetur adipiscing, sed do
- eiusmod
-
-
-
- by Zara Adisty
-
-
-
-
- Flutter Developer Guide
-
-
- Lorem ipsum dolor sit amet, elite consectetur adipiscing, sed do
- eiusmod
-
-
-
- by Zara Adisty
-
-
-
-
- Flutter Developer Guide
-
-
- Lorem ipsum dolor sit amet, elite consectetur adipiscing, sed do
- eiusmod
-
-
-
- by Zara Adisty
-
-
-
-
- Flutter Developer Guide
-
-
- Lorem ipsum dolor sit amet, elite consectetur adipiscing, sed do
- eiusmod
-
-
-
- by Zara Adisty
-
-
-
-
- Flutter Developer Guide
-
-
- Lorem ipsum dolor sit amet, elite consectetur adipiscing, sed do
- eiusmod
-
-
-
- by Zara Adisty
-
-
- {/*
-
*/}
-
-
-
-
-
-
- Contact Us
-
-
-
-
-
-
- Have Any Question?
-
-
- We'd love to hear from you. Wheter you're curious more
- about Mobile Innovation Laboratory, we're ready to answer any
- and all your questions, just contact us on DM Instagram{" "}
-
- @motionlab_
-
-
-
-
-
-
-
- motion.laboratory@gmail.com
-
-
-
-
-
-
- Telkom University, Faculty of Informatics, Telkom University
- Landmark Tower, 6th Floor LAB 0624
-
-
-
-
-
-
-
-
-
-
- );
-}
diff --git a/src/features/home/services/README.md b/src/features/home/services/README.md
new file mode 100644
index 0000000..8d50077
--- /dev/null
+++ b/src/features/home/services/README.md
@@ -0,0 +1,5 @@
+# Services
+
+Handles API interactions related to the Home feature.
+
+Each function should be responsible for fetching or posting data using a centralized service pattern.
diff --git a/src/features/home/views/AboutSection.jsx b/src/features/home/views/AboutSection.jsx
new file mode 100644
index 0000000..d8fee81
--- /dev/null
+++ b/src/features/home/views/AboutSection.jsx
@@ -0,0 +1,87 @@
+"use client";
+
+import { motion } from "framer-motion";
+import Image from "next/image";
+import SlideIn from "../components/animations/SlideIn";
+import ScaleIn from "../components/animations/ScaleIn";
+import RevealText from "../components/animations/RevealText";
+import SectionTitle from "../components/animations/SectionTitle";
+import { STATS } from "../constants/homeConstants";
+
+export default function AboutSection({ innerRef }) {
+ return (
+
+
+
+
+
+
+
+
+
+
+ Mobile Innovation Laboratory is one of the research laboratories
+ under the Faculty of Informatics, Telkom University. Motion Lab
+ focuses on the creation, development, and research of mobile
+ software. Now, Motion Lab comes with 3 division options: Digital
+ Business, UI/UX Design, and Mobile Programming, allowing members to
+ explore innovative solutions while contributing to cutting-edge
+ research in mobile technology.
+
+
+
+
+ {STATS.map((stat, index) => (
+
+
+
+ {stat.value}
+
+
+ {stat.label}
+
+
+ )}
+
+ ))}
+
+
+ );
+}
diff --git a/src/features/home/views/DivisionSection.jsx b/src/features/home/views/DivisionSection.jsx
new file mode 100644
index 0000000..3c68d02
--- /dev/null
+++ b/src/features/home/views/DivisionSection.jsx
@@ -0,0 +1,49 @@
+"use client";
+
+import { motion } from "framer-motion";
+import SlideIn from "../components/animations/SlideIn";
+import SectionTitle from "../components/animations/SectionTitle";
+import DivisionCard from "../components/ui/DivisionCard";
+import divisions from "../constants/divisionConstants";
+
+const cardVariant = {
+ hidden: { opacity: 0, y: 50 },
+ visible: {
+ opacity: 1,
+ y: 0,
+ transition: {
+ duration: 0.5,
+ ease: [0.25, 0.1, 0.25, 1],
+ },
+ },
+};
+
+export default function DivisionSection({ innerRef }) {
+ return (
+
+
+
+
+
+ {divisions.map((division, i) => (
+
+
+ ))}
+
+
+ );
+}
diff --git a/src/features/home/views/HeroSection.jsx b/src/features/home/views/HeroSection.jsx
new file mode 100644
index 0000000..c1afcb3
--- /dev/null
+++ b/src/features/home/views/HeroSection.jsx
@@ -0,0 +1,70 @@
+"use client";
+
+import { motion } from "framer-motion";
+import WatchVideoButton from "../components/ui/WatchVideoButton";
+import SlideIn from "../components/animations/SlideIn";
+import ScaleIn from "../components/animations/ScaleIn";
+import RevealText from "../components/animations/RevealText";
+import IndexIllustration from "@/shared/components/illustration/indexIllustration";
+
+export default function HeroSection({ innerRef }) {
+ return (
+
+
+
+
+
+
+ Mobile Innovation Laboratory
+
+
+
+
+ The Mobile Innovation Laboratory, or commonly called Motion Lab,
+ is one of the latest laboratories at the Faculty of Informatics,
+ Telkom University under the auspices of K-Side.
+
+
+
+
+
+
+
+ Watch Video
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/features/home/views/HomePageView.jsx b/src/features/home/views/HomePageView.jsx
new file mode 100644
index 0000000..b96de86
--- /dev/null
+++ b/src/features/home/views/HomePageView.jsx
@@ -0,0 +1,66 @@
+"use client";
+
+import { useHomeData } from "../hooks/useHomeData";
+import { useHomeRefs, useHandleNavigation } from "../hooks/useHomeHandlers";
+
+// Components
+import GeneralSeo from "@/shared/components/seo/generalSeo";
+import TopButton from "@/shared/components/topButton";
+
+// Views
+import HeroSection from "./HeroSection";
+import AboutSection from "./AboutSection";
+import DivisionSection from "./DivisionSection";
+import ProjectSection from "./ProjectSection";
+import PeopleSection from "./PeopleSection";
+import NewsSection from "./NewsSection";
+
+// Constants
+import { DIVISIONS } from "@/features/people/constants/peopleConstants";
+import Footer from "@/shared/components/footer";
+
+export default function HomeView() {
+ const {
+ projects,
+ people,
+ projectsLoading,
+ projectsError,
+ peopleLoading,
+ peopleError,
+ } = useHomeData();
+
+ const refs = useHomeRefs();
+ const handleNavigation = useHandleNavigation(refs);
+
+ const laboratoryAssistants = DIVISIONS.flatMap(
+ (division) => division.members
+ );
+ const firstRow = laboratoryAssistants.slice(0, 15);
+ const secondRow = laboratoryAssistants.slice(15, 30);
+
+ return (
+
+ );
+}
diff --git a/src/features/home/views/NewsSection.jsx b/src/features/home/views/NewsSection.jsx
new file mode 100644
index 0000000..efadc9e
--- /dev/null
+++ b/src/features/home/views/NewsSection.jsx
@@ -0,0 +1,77 @@
+"use client";
+
+import { motion } from "framer-motion";
+import SlideIn from "../components/animations/SlideIn";
+import SectionTitle from "../components/animations/SectionTitle";
+import NewsEvent from "../components/ui/NewsEvent";
+import SeeMoreButton from "../components/ui/SeeMoreButton";
+import Link from "next/link";
+import { useHomeData } from "../hooks/useHomeData";
+
+export default function NewsSection({ innerRef }) {
+ const { news, newsLoading, newsError } = useHomeData();
+
+ return (
+
+
+
+
+
+ Discover the latest stories, achievements, and updates from Motion
+ Lab. From groundbreaking innovations to inspiring success stories,
+ explore how our community continues to push the boundaries of mobile
+ technology. Stay in the loop and be part of the journey!
+
+
+
+
+
+ {(newsLoading ? [1, 2, 3] : news).map((item, index) => (
+
+
+ ))}
+
+
+
+
+ See More
+
+
+
+ );
+}
diff --git a/src/features/home/views/PeopleSection.jsx b/src/features/home/views/PeopleSection.jsx
new file mode 100644
index 0000000..048225d
--- /dev/null
+++ b/src/features/home/views/PeopleSection.jsx
@@ -0,0 +1,36 @@
+"use client";
+
+import SlideIn from "../components/animations/SlideIn";
+import SectionTitle from "../components/animations/SectionTitle";
+import LaboratoryRow from "../components/ui/LaboratoryRow";
+import SeeMoreButton from "../components/ui/SeeMoreButton";
+import Link from "next/link";
+import Marquee from "react-fast-marquee";
+
+export default function PeopleSection({ innerRef, firstRow, secondRow }) {
+ return (
+
+
+
+
+
+
+
+ See More
+
+
+
+ );
+}
diff --git a/src/features/home/views/ProjectSection.jsx b/src/features/home/views/ProjectSection.jsx
new file mode 100644
index 0000000..599e3a8
--- /dev/null
+++ b/src/features/home/views/ProjectSection.jsx
@@ -0,0 +1,93 @@
+"use client";
+
+import { motion } from "framer-motion";
+import SlideIn from "../components/animations/SlideIn";
+import SectionTitle from "../components/animations/SectionTitle";
+import CardProject from "../components/ui/CardProject";
+import SeeMoreButton from "../components/ui/SeeMoreButton";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+
+export default function ProjectSection({ innerRef, projects, loading, error }) {
+ const router = useRouter();
+
+ return (
+
+
+
+
+
+ {loading ? (
+
+ ) : error ? (
+
+ {error}
+
+ ) : projects.length > 0 ? (
+ projects.map((project) => (
+
+ router.push(`/project/detailProject/${project.id}`)
+ }
+ className="cursor-pointer flex-shrink-0 w-[85%] md:w-auto"
+ >
+
+ ))
+ ) : (
+
+ No projects available
+
+ )}
+
+
+
+ See More
+
+
+
+ );
+}
diff --git a/src/features/home/views/README.md b/src/features/home/views/README.md
new file mode 100644
index 0000000..c872608
--- /dev/null
+++ b/src/features/home/views/README.md
@@ -0,0 +1,6 @@
+# View
+
+Contains the layout structure for the Home page.
+Each file represents a visual section (Hero, About, Division, etc).
+
+These are all presentational components and should receive data via props.
diff --git a/src/features/internship/components/navbar/InternshipNavbar.jsx b/src/features/internship/components/navbar/InternshipNavbar.jsx
deleted file mode 100644
index 80ad0c1..0000000
--- a/src/features/internship/components/navbar/InternshipNavbar.jsx
+++ /dev/null
@@ -1,258 +0,0 @@
-"use client";
-
-import Link from "next/link";
-import { useEffect, useState } from "react";
-import { useRouter } from "next/navigation";
-import { usePathname } from "next/navigation";
-
-const navbarLinks = [
- {
- id: "home",
- label: "Home",
- },
- {
- id: "about",
- label: "About",
- },
- {
- id: "requirement",
- label: "Requirements",
- },
- {
- id: "benefit",
- label: "Benefits",
- },
- {
- id: "curriculum",
- label: "Curriculum",
- },
-];
-
-const InternshipNavbar = ({ onNavigation, isFixed = true }) => {
- const router = useRouter();
- const usePathName = usePathname();
- const [isNavbarScroll, setIsNavbarScroll] = useState(false);
- const [isNavbarOpened, setIsNavbarOpened] = useState(false);
-
- useEffect(() => {
- window.addEventListener("scroll", handleScroll);
- return () => {
- window.removeEventListener("scroll", handleScroll);
- };
- }, []);
-
- function handleScroll() {
- if (window.scrollY >= 90) {
- setIsNavbarScroll(true);
- } else {
- setIsNavbarScroll(false);
- }
- }
-
- function handleNavbarOpened() {
- setIsNavbarOpened(!isNavbarOpened);
- }
-
- function getNavClassName() {
- let className = `transition duration-300 ${
- isFixed ? "fixed" : ""
- } text-center m-auto left-0 right-0 py-5 z-10`;
-
- if (isNavbarScroll || !isFixed) {
- className += " bg-white shadow-sm";
- } else {
- className += " bg-transparent";
- }
-
- if (isNavbarOpened) {
- className += " opacity-0";
- } else {
- className += " opacity-1";
- }
-
- return className;
- }
-
- function getNavLogoSource() {
- if (isNavbarScroll || !isFixed) {
- return "/images/navbar/logo-red-transparent.png";
- }
-
- return "/images/navbar/logo-white-transparent.png";
- }
-
- function getNavUlClassName() {
- let className =
- "lg:flex hidden gap-x-10 ps-20 font-[inter] text-[16px] transition duration-400";
-
- if (isNavbarScroll || !isFixed) {
- className += " text-[#332C2B]";
- } else {
- className += ` text-[#FFEAEA]`;
- }
-
- return className;
- }
-
- function handleNavigation(id) {
- if (usePathName != "/") {
- router.push(`/#${id}`);
- } else {
- onNavigation(id);
- }
- }
-
- return (
-
-
-
-
-
-
-
-
-
-
-
-
- Open main menu
-
-
-
-
- Join Us!
-
-
-
-
-
-
-
- Open main menu
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- );
-};
-
-export default InternshipNavbar;
diff --git a/src/features/internship/components/ui/BenefitCard.jsx b/src/features/internship/components/ui/BenefitCard.jsx
new file mode 100644
index 0000000..edf54dc
--- /dev/null
+++ b/src/features/internship/components/ui/BenefitCard.jsx
@@ -0,0 +1,27 @@
+import { motion } from "framer-motion";
+
+const BenefitCard = ({ icon, title, description, animate = false, variants }) => {
+ const Wrapper = animate ? motion.div : "div";
+
+ return (
+
+
+
+
+
+
+ {title}
+
+
{description}
+
+ );
+};
+
+export default BenefitCard;
\ No newline at end of file
diff --git a/src/features/internship/components/ui/ButtonVideoList.jsx b/src/features/internship/components/ui/ButtonVideoList.jsx
new file mode 100644
index 0000000..1e77514
--- /dev/null
+++ b/src/features/internship/components/ui/ButtonVideoList.jsx
@@ -0,0 +1,106 @@
+import { motion } from "framer-motion";
+
+const buttonVariants = {
+ hidden: {
+ scale: 0.8,
+ opacity: 0,
+ y: 20
+ },
+ visible: {
+ scale: 1,
+ opacity: 1,
+ y: 0,
+ transition: {
+ type: "spring",
+ stiffness: 300,
+ damping: 20
+ }
+ }
+};
+
+const textVariants = {
+ hidden: {
+ opacity: 0,
+ x: -20
+ },
+ visible: {
+ opacity: 1,
+ x: 0,
+ transition: {
+ type: "spring",
+ stiffness: 300,
+ damping: 20,
+ delay: 0.1
+ }
+ }
+};
+
+const iconVariants = {
+ hidden: {
+ scale: 0,
+ rotate: -180
+ },
+ visible: {
+ scale: 1,
+ rotate: 0,
+ transition: {
+ type: "spring",
+ stiffness: 300,
+ damping: 20,
+ delay: 0.2
+ }
+ }
+};
+
+const Button = ({ text, icon }) => {
+ return (
+
+
+ {text}
+
+ {icon && (
+
+ );
+};
+
+export default Button;
diff --git a/src/features/internship/components/ui/CurriculumCard.jsx b/src/features/internship/components/ui/CurriculumCard.jsx
new file mode 100644
index 0000000..f8b3834
--- /dev/null
+++ b/src/features/internship/components/ui/CurriculumCard.jsx
@@ -0,0 +1,33 @@
+import { motion } from "framer-motion";
+import Link from "next/link";
+
+const CurriculumCard = ({ href, image, logo, title, description }) => (
+
+
+
+
+ Lihat lebih banyak
+
+
+
+
+
+
+ {title}
+
+
+
{description}
+
+);
+
+export default CurriculumCard;
diff --git a/src/features/internship/components/ui/RouteStepCard.jsx b/src/features/internship/components/ui/RouteStepCard.jsx
new file mode 100644
index 0000000..0dda384
--- /dev/null
+++ b/src/features/internship/components/ui/RouteStepCard.jsx
@@ -0,0 +1,23 @@
+import { motion } from "framer-motion";
+
+const RouteStepCard = ({ icon, step, title, isActive, onClick, variants }) => (
+
+
+
{step}
+ {title}
+
+
+);
+
+export default RouteStepCard;
diff --git a/src/features/internship/components/ui/SectionHeader.jsx b/src/features/internship/components/ui/SectionHeader.jsx
new file mode 100644
index 0000000..db8e2ee
--- /dev/null
+++ b/src/features/internship/components/ui/SectionHeader.jsx
@@ -0,0 +1,23 @@
+import { motion } from "framer-motion";
+
+const BenefitCard = ({ icon, title, description, variants }) => (
+
+
+
+
+
+
+ {title}
+
+
{description}
+
+);
+
+export default BenefitCard;
\ No newline at end of file
diff --git a/src/features/internship/constants/README.md b/src/features/internship/constants/README.md
new file mode 100644
index 0000000..ed432f6
--- /dev/null
+++ b/src/features/internship/constants/README.md
@@ -0,0 +1,3 @@
+# Constants
+
+This folder contains static values and configuration used in the Internship feature.
\ No newline at end of file
diff --git a/src/features/internship/constants/internshipConstants.js b/src/features/internship/constants/internshipConstants.js
new file mode 100644
index 0000000..e520640
--- /dev/null
+++ b/src/features/internship/constants/internshipConstants.js
@@ -0,0 +1,127 @@
+export const ROUTE_STEPS = [
+ {
+ icon: "/svg/route-map-oprec.svg",
+ step: "Step 1",
+ title: "Open Recruitment",
+ image: "/images/recruitment/route-map-stepone.png",
+ section: "section1",
+ },
+ {
+ icon: "/svg/route-map-intern.svg",
+ step: "Step 2",
+ title: "Internship",
+ image: "/images/recruitment/route-map-steptwo.png",
+ section: "section2",
+ },
+ {
+ icon: "/svg/route-map-member.svg",
+ step: "Step 3",
+ title: "Motion Lab Member",
+ image: "/images/recruitment/route-map-stepthree.png",
+ section: "section3",
+ },
+ {
+ icon: "/svg/route-map-research.svg",
+ step: "Step 4",
+ title: "Research Group",
+ image: "/images/recruitment/route-map-stepfour.png",
+ section: "section4",
+ },
+];
+
+export const BENEFITS = [
+ {
+ icon: "/svg/knowledge.svg",
+ title: "Knowledge",
+ description:
+ "New members will gain deeper knowledge about Digital Business, UI/UX Design, and Mobile Programming.",
+ },
+ {
+ icon: "/svg/pen-tool.svg",
+ title: "Practice",
+ description:
+ "New members will learn both theory and practical aspects, guided by proficient Motion lab assistants in their respective fields.",
+ },
+ {
+ icon: "/svg/experience.svg",
+ title: "Experience",
+ description:
+ "New members will gain experience in designing mobile applications individually as well as in groups.",
+ },
+ {
+ icon: "/svg/people.svg",
+ title: "Networking",
+ description:
+ "Building new connections with other member from other faculties or majors who are motivated in the field of Mobile App.",
+ },
+ {
+ icon: "/svg/certificate.svg",
+ title: "Certificate & TAK",
+ description:
+ "Internship participants who successfully complete the Motion Internship have the opportunity to become members of Motion Lab and potentially serve as lab assistants.",
+ },
+ {
+ icon: "/svg/motionlab.svg",
+ title: "Member Motion Lab",
+ description:
+ "Internship participants who successfully complete the Motion Internship have the opportunity to join Motion Lab and potentially serve as lab assistants.",
+ },
+];
+
+export const CURRICULUMS = [
+ {
+ image: "/images/internship/curriculum-db-new.png",
+ logo: "/images/internship/logo-db.png",
+ title: "Digital Business",
+ description:
+ "Learn to use digital technologies, tools, and processes to create, deliver, and optimize business outcome.",
+ href: "/curriculum/digital-business",
+ },
+ {
+ image: "/images/internship/curriculum-mp-new.png",
+ logo: "/images/internship/logo-mp.png",
+ title: "Mobile Programming",
+ description:
+ "Learn to code and implement designs into Android, iOS, or cross-platform mobile apps for user-ready use.",
+ href: "/curriculum/mobile-programming",
+ },
+ {
+ image: "/images/internship/curriculum-uiux-new.png",
+ logo: "/images/internship/logo-ui.png",
+ title: "UI / UX Designer",
+ description:
+ "Learn to define user experience in digital product interaction and apply solutions to mobile app design.",
+ href: "/curriculum/ui-ux-designer",
+ },
+];
+
+export const REQUIREMENTS = [
+ {
+ number: "01",
+ text: "Active Telkom University undergraduate student batch 2023-2025 from all major",
+ },
+ {
+ number: "05",
+ text: "Portofolio",
+ },
+ {
+ number: "02",
+ text: "Wiling to commit for the whole program and membership duration of 1,5 year",
+ },
+ {
+ number: "06",
+ text: "Motivation Video",
+ },
+ {
+ number: "03",
+ text: "Curriculum vitae with relevant experience",
+ },
+ {
+ number: "07",
+ text: "Repost our open recruitment post on Instagram Story + Upload Twibbon",
+ },
+ {
+ number: "04",
+ text: "KSM for current semester",
+ },
+];
diff --git a/src/features/internship/hooks/README.md b/src/features/internship/hooks/README.md
new file mode 100644
index 0000000..b97f2b8
--- /dev/null
+++ b/src/features/internship/hooks/README.md
@@ -0,0 +1,5 @@
+# Hooks
+
+This folder contains custom React hooks for the Internship feature.
+
+Each hook manages specific logic or state used by internship-related components and views.
\ No newline at end of file
diff --git a/src/features/internship/hooks/useCurriculumDesignerViewModel.js b/src/features/internship/hooks/useCurriculumDesignerViewModel.js
new file mode 100644
index 0000000..2e62921
--- /dev/null
+++ b/src/features/internship/hooks/useCurriculumDesignerViewModel.js
@@ -0,0 +1,96 @@
+"use client";
+
+import { useEffect, useState } from "react";
+
+export default function useCurriculumDesignerViewModel() {
+ const [weeks, setWeeks] = useState(Array(10).fill(false));
+ const [videoDetails, setVideoDetails] = useState([]);
+
+ const weekVideos = [
+ ["PmKJ3IZtIBk"],
+ [""],
+ [""],
+ [""],
+ [""],
+ [""],
+ [""],
+ [""],
+ [""],
+ [""],
+ ];
+
+ const weekTitles = [
+ "Design Sprint",
+ "User Research",
+ "User Persona + Information Architecture",
+ "UX Flow + User Journey Map",
+ "Gestalt Principle",
+ "UX Writing",
+ "Optimizing Design Process with Design System",
+ "Interactive Prototyping",
+ "Usability Testing",
+ "Unspoken Responsibilities of UX Designers in Ethical Design",
+ ];
+
+ const videoIdsArray = Object.values(weekVideos)
+ .flat(2)
+ .filter((id) => id !== "");
+
+ const videoIds = videoIdsArray.join(",");
+ const apiKey = process.env.NEXT_PUBLIC_YOUTUBE_API_KEY;
+ const apiUrl = `https://www.googleapis.com/youtube/v3/videos?id=${videoIds}&key=${apiKey}&part=snippet,statistics`;
+
+ function timeSince(date) {
+ const now = new Date();
+ const publishedDate = new Date(date);
+ const seconds = Math.floor((now - publishedDate) / 1000);
+
+ const intervals = {
+ year: 31536000,
+ month: 2592000,
+ day: 86400,
+ hour: 3600,
+ minute: 60,
+ second: 1,
+ };
+
+ for (let unit in intervals) {
+ const interval = Math.floor(seconds / intervals[unit]);
+ if (interval > 1) {
+ return `${interval} ${unit}s ago`;
+ } else if (interval === 1) {
+ return `1 ${unit} ago`;
+ }
+ }
+
+ return "just now";
+ }
+
+ useEffect(() => {
+ const fetchVideoDetails = async () => {
+ try {
+ const response = await fetch(apiUrl);
+ const data = await response.json();
+
+ if (data && data.items && data.items.length > 0) {
+ setVideoDetails(data.items);
+ } else {
+ console.log("No videos found or no items in the response");
+ }
+ } catch (error) {
+ console.error("Error fetching video details:", error);
+ }
+ };
+
+ fetchVideoDetails();
+ }, [apiUrl]);
+
+ return {
+ weeks,
+ videoDetails,
+ timeSince,
+ weekVideos,
+ weekTitles,
+ setWeeks,
+ };
+}
diff --git a/src/features/internship/hooks/useCurriculumDigitalBusinessViewModel.js b/src/features/internship/hooks/useCurriculumDigitalBusinessViewModel.js
new file mode 100644
index 0000000..a9e4f55
--- /dev/null
+++ b/src/features/internship/hooks/useCurriculumDigitalBusinessViewModel.js
@@ -0,0 +1,95 @@
+"use client";
+
+import { useEffect, useState } from "react";
+
+export default function useCurriculumDigitalBussinessViewModel() {
+ const [weeks, setWeeks] = useState(Array(10).fill(false));
+ const [videoDetails, setVideoDetails] = useState([]);
+
+ const weekVideos = [
+ ["w-1ZS3lkMJ4"],
+ [""],
+ [""],
+ ["icnEUKBLtMc"],
+ [""],
+ [""],
+ [""],
+ [""],
+ [""],
+ [""],
+ ];
+
+ const weekTitles = [
+ "Problem Identification & Validation",
+ "User Research + Market Research",
+ "Market Size + Market Feasibility",
+ "Design Thinking + BMC",
+ "MVP & Prototyping + Lean Startup",
+ "OKR + Roles in PM & Business Intelligence",
+ "Product Roadmap + PRD",
+ "Prioritization + Agile & Scrum",
+ "User Acceptance & QA",
+ "DDLC + SDLC",
+ ];
+
+ const videoIdsArray = Object.values(weekVideos)
+ .flat(2)
+ .filter((id) => id !== "");
+
+ const videoIds = videoIdsArray.join(",");
+ const apiKey = process.env.NEXT_PUBLIC_YOUTUBE_API_KEY;
+ const apiUrl = `https://www.googleapis.com/youtube/v3/videos?id=${videoIds}&key=${apiKey}&part=snippet,statistics`;
+
+ function timeSince(date) {
+ const now = new Date();
+ const publishedDate = new Date(date);
+ const seconds = Math.floor((now - publishedDate) / 1000);
+
+ const intervals = {
+ year: 31536000,
+ month: 2592000,
+ day: 86400,
+ hour: 3600,
+ minute: 60,
+ second: 1,
+ };
+
+ for (let unit in intervals) {
+ const interval = Math.floor(seconds / intervals[unit]);
+ if (interval > 1) {
+ return `${interval} ${unit}s ago`;
+ } else if (interval === 1) {
+ return `1 ${unit} ago`;
+ }
+ }
+
+ return "just now";
+ }
+
+ useEffect(() => {
+ const fetchVideoDetails = async () => {
+ try {
+ const response = await fetch(apiUrl);
+ const data = await response.json();
+
+ if (data && data.items && data.items.length > 0) {
+ setVideoDetails(data.items);
+ } else {
+ console.log("No videos found or no items in the response");
+ }
+ } catch (error) {
+ console.error("Error fetching video details:", error);
+ }
+ };
+
+ fetchVideoDetails();
+ }, [apiUrl]);
+ return {
+ weeks,
+ videoDetails,
+ timeSince,
+ weekVideos,
+ weekTitles,
+ setWeeks,
+ };
+}
diff --git a/src/features/internship/hooks/useCurriculumMobileProgramingViewModel.js b/src/features/internship/hooks/useCurriculumMobileProgramingViewModel.js
new file mode 100644
index 0000000..ed68d12
--- /dev/null
+++ b/src/features/internship/hooks/useCurriculumMobileProgramingViewModel.js
@@ -0,0 +1,156 @@
+"use client";
+
+import { useState, useEffect } from "react";
+
+export default function useCurriculumMobileProgrammingViewModel() {
+ const [platforms, setPlatforms] = useState({
+ android: true,
+ ios: true,
+ flutter: true,
+ });
+ const [weeks, setWeeks] = useState({
+ android: Array(10).fill(false),
+ ios: Array(9).fill(false),
+ flutter: Array(10).fill(false),
+ });
+ const [videoDetails, setVideoDetails] = useState([]);
+
+ const weekTitles = {
+ android: [
+ "Version Control (Git)",
+ "Recycler View ",
+ "Tab View and Bottom Navigation View",
+ "Working with Library",
+ "Move Activity with Intent",
+ "Working With Local Database",
+ "Working With Firebase Tools",
+ "Working With Retrofit",
+ "How to give Notifications",
+ "Create Testing and Launching Apps",
+ ],
+ ios: [
+ "Version Control (Git)",
+ "Introduction IDE XCode & Human Interface Guidelines",
+ "Slicing UI and Navigation",
+ "Animation and Package",
+ "Concurrency",
+ "Core Data",
+ "Networking",
+ "Architecture Pattern Aplikasi iOS (MVVM)",
+ "Testing",
+ ],
+ flutter: [
+ "Version Control (Git)",
+ "Basic Dart & Intro Flutter",
+ "Slicing UI, Navigation, & Assets",
+ "Package & Widget Lifecycle",
+ "State Management",
+ "Architecture Pattern (MVC)",
+ "Working with API",
+ "Working with Local Storage",
+ "Working with Firebase",
+ "Debugging & Testing",
+ ],
+ };
+
+ const weekVideos = {
+ android: [
+ [""],
+ ["dHhnKiA_1Tc", "B189jseW8Wo"],
+ [""],
+ [""],
+ [""],
+ ["YGZ0t9RLQT8"],
+ [""],
+ [""],
+ [""],
+ ["py1I8t9cKm4"],
+ ],
+ ios: [
+ [""],
+ ["K3q7fwjotrY", "--pKxWk1K0Q"],
+ ["SQKbTdDCio0"],
+ [""],
+ [""],
+ [""],
+ [""],
+ [""],
+ ["py1I8t9cKm4"],
+ ],
+ flutter: [
+ [""],
+ ["bjuC3YXQ4co"],
+ [""],
+ [""],
+ [""],
+ [""],
+ [""],
+ [""],
+ [""],
+ ["py1I8t9cKm4"],
+ ],
+ };
+
+ const videoIdsArray = Object.values(weekVideos)
+ .flat(2)
+ .filter((id) => id !== "");
+
+ const videoIds = videoIdsArray.join(",");
+ const apiKey = process.env.NEXT_PUBLIC_YOUTUBE_API_KEY;
+ const apiUrl = `https://www.googleapis.com/youtube/v3/videos?id=${videoIds}&key=${apiKey}&part=snippet,statistics`;
+
+ function timeSince(date) {
+ const now = new Date();
+ const publishedDate = new Date(date);
+ const seconds = Math.floor((now - publishedDate) / 1000);
+
+ const intervals = {
+ year: 31536000,
+ month: 2592000,
+ day: 86400,
+ hour: 3600,
+ minute: 60,
+ second: 1,
+ };
+
+ for (let unit in intervals) {
+ const interval = Math.floor(seconds / intervals[unit]);
+ if (interval > 1) {
+ return `${interval} ${unit}s ago`;
+ } else if (interval === 1) {
+ return `1 ${unit} ago`;
+ }
+ }
+
+ return "just now";
+ }
+
+ useEffect(() => {
+ const fetchVideoDetails = async () => {
+ try {
+ const response = await fetch(apiUrl);
+ const data = await response.json();
+
+ if (data && data.items && data.items.length > 0) {
+ setVideoDetails(data.items);
+ } else {
+ console.log("No videos found or no items in the response");
+ }
+ } catch (error) {
+ console.error("Error fetching video details:", error);
+ }
+ };
+ fetchVideoDetails();
+ }, [apiUrl]);
+
+ return {
+ platforms,
+ weeks,
+ videoDetails,
+ timeSince,
+ weekVideos,
+ weekTitles,
+ setPlatforms,
+ setWeeks,
+ };
+}
diff --git a/src/features/internship/viewModels/useRecruitmentAnnouncementView.js b/src/features/internship/hooks/useRecruitmentAnnouncementView.js
similarity index 95%
rename from src/features/internship/viewModels/useRecruitmentAnnouncementView.js
rename to src/features/internship/hooks/useRecruitmentAnnouncementView.js
index 94cf5b4..9dc92a3 100644
--- a/src/features/internship/viewModels/useRecruitmentAnnouncementView.js
+++ b/src/features/internship/hooks/useRecruitmentAnnouncementView.js
@@ -3,7 +3,7 @@
import { useFormik } from "formik";
import { useRouter } from "next/navigation";
import * as Yup from "yup";
-import api from "@/core/api/api";
+import api from "@/shared/api/api";
import { useState } from "react";
export default function useRecruitmentAnnouncementViewModel() {
@@ -26,6 +26,7 @@ export default function useRecruitmentAnnouncementViewModel() {
nim: response.data.recruitation.nim,
division: response.data.recruitation.division,
};
+
let queryString = Object.keys(data)
.map(
(key) =>
@@ -40,7 +41,6 @@ export default function useRecruitmentAnnouncementViewModel() {
}
})
.catch((err) => {
- console.log(err);
if (err.response?.status === 404) {
setIsNotFound(true);
}
diff --git a/src/features/internship/viewModels/useRecruitmentRegisterViewModel.js b/src/features/internship/hooks/useRecruitmentRegisterViewModel.js
similarity index 61%
rename from src/features/internship/viewModels/useRecruitmentRegisterViewModel.js
rename to src/features/internship/hooks/useRecruitmentRegisterViewModel.js
index 9940f8b..3525532 100644
--- a/src/features/internship/viewModels/useRecruitmentRegisterViewModel.js
+++ b/src/features/internship/hooks/useRecruitmentRegisterViewModel.js
@@ -3,13 +3,12 @@
import { useFormik } from "formik";
import { useRouter } from "next/navigation";
import * as Yup from "yup";
-import api from "@/core/api/api";
+import api from "@/shared/api/api";
export const generationOptions = [
+ { label: 2025, value: 2025 },
+ { label: 2024, value: 2024 },
{ label: 2023, value: 2023 },
- { label: 2022, value: 2022 },
- { label: 2021, value: 2021 },
- { label: 2020, value: 2020 },
];
export const majorOptions = [
@@ -17,10 +16,26 @@ export const majorOptions = [
label: "S1 Teknik Telekomunikasi",
value: "S1 Teknik Telekomunikasi",
},
+ {
+ label: "S1 Teknik Telekomunikasi (International Class)",
+ value: "S1 Teknik Telekomunikasi (International Class)",
+ },
+ {
+ label: "D3 Teknik Telekomunikasi",
+ value: "D3 Teknik Telekomunikasi",
+ },
{
label: "S1 Teknik Elektro",
value: "S1 Teknik Elektro",
},
+ {
+ label: "S1 Teknik Elektro (International Class)",
+ value: "S1 Teknik Elektro (International Class)",
+ },
+ {
+ label: "S1 Electrical Energy Engineering",
+ value: "S1 Electrical Energy Engineering",
+ },
{
label: "S1 Smart Science and Technology",
value: "S1 Smart Science and Technology",
@@ -41,14 +56,34 @@ export const majorOptions = [
label: "S1 Teknik Industri",
value: "S1 Teknik Industri",
},
+ {
+ label: "S1 Teknik Industri (International Class)",
+ value: "S1 Teknik Industri (International Class)",
+ },
{
label: "S1 Sistem Informasi",
value: "S1 Sistem Informasi",
},
+ {
+ label: "S2 Sistem Informasi",
+ value: "S2 Sistem Informasi",
+ },
+ {
+ label: "S1 Sistem Informasi (International Class)",
+ value: "S1 Sistem Informasi (International Class)",
+ },
+ {
+ label: "S1 Terapan Sistem Informasi Kota Cerdas",
+ value: "S1 Terapan Sistem Informasi Kota Cerdas",
+ },
{
label: "S1 Teknik Logistik",
value: "S1 Teknik Logistik",
},
+ {
+ label: "S1 Digital Supply Chain",
+ value: "S1 Digital Supply Chain",
+ },
{
label: "S2 Teknik Industri",
value: "S2 Teknik Industri",
@@ -58,9 +93,18 @@ export const majorOptions = [
value: "S1 Informatika",
},
{
- label: "S1 Teknologi Informasi",
+ label: "S1 Informatika (International Class)",
+ value: "S1 Informatika (International Class)",
+ },
+
+ {
+ label: "S1 Teknologi Informasi (Cyber Security & Digital Innovation)",
value: "S1 Teknologi Informasi",
},
+ {
+ label: "S1 Teknologi Informasi (Cyber Security & Digital Innovation - International Class)",
+ value: "S1 Teknologi Informasi (Cyber Security & Digital Innovation - International Class)"
+ },
{
label: "S1 Rekayasa Perangkat Lunak",
value: "S1 Rekayasa Perangkat Lunak",
@@ -86,13 +130,25 @@ export const majorOptions = [
value: "S1 International ICT Business",
},
{
- label: "S1 Manajemen Bisnis Telekomunikasi & Informatika",
+ label: "S1 Manajemen Bisnis Telekomunikasi & Informatika (MBTI)",
value: "S1 Manajemen Bisnis Telekomunikasi & Informatika (MBTI)",
},
+ {
+ label: "S1 MBTI (International Class)",
+ value: "S1 MBTI (International Class)",
+ },
{
label: "S1 Akuntansi",
value: "S1 Akuntansi",
},
+ {
+ label: "S1 Akuntansi (International Class)",
+ value: "S1 Akuntansi (International Class)",
+ },
+ {
+ label: "S2 Akuntansi",
+ value: "S2 Akuntansi",
+ },
{
label: "S2 Manajemen",
value: "S2 Manajemen",
@@ -105,18 +161,38 @@ export const majorOptions = [
label: "S1 Administrasi Bisnis",
value: "S1 Administrasi Bisnis",
},
+ {
+ label: "S1 Administrasi Bisnis (International Class)",
+ value: "S1 Administrasi Bisnis (International Class)",
+ },
{
label: "S1 Ilmu Komunikasi",
value: "S1 Ilmu Komunikasi",
},
+ {
+ label: "S1 Ilmu komunikasi (International Class)",
+ value: "S1 Ilmu komunikasi (International Class)",
+ },
+ {
+ label: "S2 Ilmu Komunikasi",
+ value: "S2 Ilmu Komunikasi",
+ },
{
label: "S1 Digital Public Relation",
value: "S1 Digital Public Relation",
},
+ {
+ label: "S1 Visual Arts (Intermedia Visual Arts)",
+ value: "S1 Visual Arts (Intermedia Visual Arts)",
+ },
{
label: "S1 Desain Komunikasi Visual",
value: "S1 Desain Komunikasi Visual",
},
+ {
+ label: "S1 Desain Komunikasi Visual (International Class)",
+ value: "S1 Desain Komunikasi Visual (International Class)",
+ },
{
label: "S1 Product Innovation & Management",
value: "S1 Product Innovation & Management",
@@ -137,21 +213,29 @@ export const majorOptions = [
label: "S2 Desain",
value: "S2 Desain",
},
+ {
+ label: "S1 Digital Content Broadcasting",
+ value: "S1 Digital Content Broadcasting",
+ },
{
label: "D3 Digital Connectivity",
value: "D3 Digital Connectivity",
},
{
- label: "D3 Teknik Informatika",
- value: "D3 Teknik Informatika",
+ label: "D3 Teknik Informatika (d.h Rekayasa Perangkat Lunak Aplikasi)",
+ value: "D3 Teknik Informatika (d.h Rekayasa Perangkat Lunak Aplikasi)",
},
{
label: "D3 Sistem Informasi",
value: "D3 Sistem Informasi",
},
{
- label: "D3 Sistem Informasi Akuntansi",
- value: "D3 Sistem Informasi Akuntansi",
+ label: "D3 Digital Accounting (Sistem Informasi Akuntansi)",
+ value: "D3 Digital Accounting (Sistem Informasi Akuntansi)",
+ },
+ {
+ label: "S1 Teknik Komputer",
+ value: "S1 Teknik Komputer",
},
{
label: "D3 Teknik Komputer",
@@ -169,6 +253,38 @@ export const majorOptions = [
label: "S1 Terapan Digital Creative Multimedia (DCM)",
value: "S1 Terapan Digital Creative Multimedia",
},
+ {
+ label: "S1 Film dan Animasi",
+ value: "S1 Film dan Animasi",
+ },
+ {
+ label: "S1 Digital Business",
+ value: "S1 Digital Business",
+ },
+ {
+ label: "S1 Psikologi (Digital Psychology)",
+ value: "S1 Psikologi (Digital Psychology)",
+ },
+ {
+ label: "S1 Manajemen Rekayasa Industri",
+ value: "S1 Manajemen Rekayasa Industri",
+ },
+ {
+ label: "S2 Cybersecurity and Digital Forensics",
+ value: "S2 Cybersecurity and Digital Forensics",
+ },
+ {
+ label: "S1 Smart Science and Technology (Teknik Fisika)",
+ value: "S1 Smart Science and Technology (Teknik Fisika)",
+ },
+ {
+ label: "S1 Leisure Management",
+ value: "S1 Leisure Management",
+ },
+ {
+ label: "S1 Desain Produk & Inovasi",
+ value: "S1 Desain Produk & Inovasi",
+ }
];
export const divisionOptions = [
@@ -177,6 +293,15 @@ export const divisionOptions = [
{ value: "Mobile Programming", label: "Mobile Programming" },
];
+export const linkSoal = [
+ // BMC A - E
+ "https://docs.google.com/document/d/1KnKYQrLAR8wS1wAUk0LhM4jg2m270QKHTeC2Fb5rQq4/edit?tab=t.0",
+ "https://docs.google.com/document/d/1_4FQHokncRDECn3vr7Lrc41uq96Bf3KpE6sTygU5eCk/edit?tab=t.0",
+ "https://docs.google.com/document/d/1vBorrPJwFQ-Z8zNg-pqJR0q2VFs67ArW-MZTlq4oJPI/edit?tab=t.0",
+ "https://docs.google.com/document/d/1UlF8VrWtdP47YIscbKOiOqYKqes0ZBtyEoQn-OTXBX4/edit?tab=t.0",
+ "https://docs.google.com/document/d/1CBd67CNXef670CjRmI_brbpPeB906jg2xloP1WxEIL8/edit?tab=t.0",
+];
+
export default function useRecruitmentRegisterViewModel() {
const router = useRouter();
const formik = useFormik({
@@ -196,6 +321,7 @@ export default function useRecruitmentRegisterViewModel() {
whatsapp: "",
yt_evidence: "",
linkedin_evidence: "",
+ twibbon_evidence: "",
line_evidence: "",
instagram_evidence: "",
},
@@ -217,10 +343,12 @@ export default function useRecruitmentRegisterViewModel() {
/^(https?|ftp):\/\/[^\s/$.?#].[^\s]*$/,
"Please provide a valid URL."
),
- portfolio: Yup.string().matches(
- /^(https?|ftp):\/\/[^\s/$.?#].[^\s]*$/,
- "Please provide a valid URL."
- ),
+ portfolio: Yup.string()
+ .required("The portfolio/folder link field is required")
+ .matches(
+ /^(https?|ftp):\/\/[^\s/$.?#].[^\s]*$/,
+ "Please provide a valid URL."
+ ),
motivation_letter: Yup.string()
.required("The motivation letter link field is required")
.matches(
@@ -275,6 +403,12 @@ export default function useRecruitmentRegisterViewModel() {
/^(https?|ftp):\/\/[^\s/$.?#].[^\s]*$/,
"Please provide a valid URL."
),
+ twibbon_evidence: Yup.string()
+ .required("The screenshot upload twibbon field is required")
+ .matches(
+ /^(https?|ftp):\/\/[^\s/$.?#].[^\s]*$/,
+ "Please provide a valid URL."
+ ),
}),
onSubmit: (values, { setSubmitting }) => {
setSubmitting(true);
diff --git a/src/features/internship/styles/README.md b/src/features/internship/styles/README.md
new file mode 100644
index 0000000..e3e30d2
--- /dev/null
+++ b/src/features/internship/styles/README.md
@@ -0,0 +1,3 @@
+# Styles
+
+This folder contains SCSS modules for styling the Internship feature components and pages.
\ No newline at end of file
diff --git a/src/features/internship/styles/activitiesCard.module.scss b/src/features/internship/styles/activitiesCard.module.scss
index 23f3bc9..e74c2cd 100644
--- a/src/features/internship/styles/activitiesCard.module.scss
+++ b/src/features/internship/styles/activitiesCard.module.scss
@@ -1,4 +1,4 @@
-@import "../../../core/styles/variable/var.scss";
+@import "../../../styles/variable/var.scss";
.second-box-body {
justify-content: center;
diff --git a/src/features/internship/styles/index.module.scss b/src/features/internship/styles/index.module.scss
index a5d9174..c042790 100644
--- a/src/features/internship/styles/index.module.scss
+++ b/src/features/internship/styles/index.module.scss
@@ -1,4 +1,4 @@
-@import "../../../core/styles/variable/var.scss";
+@import "../../../styles/variable/var.scss";
.main-bg {
background: url("/main-index/bg-main.webp") center top no-repeat;
diff --git a/src/features/internship/utils/README.md b/src/features/internship/utils/README.md
new file mode 100644
index 0000000..48cee71
--- /dev/null
+++ b/src/features/internship/utils/README.md
@@ -0,0 +1,3 @@
+# Utils
+
+This folder contains utility functions and helpers for the Internship feature.
\ No newline at end of file
diff --git a/src/features/internship/utils/animationVariants.js b/src/features/internship/utils/animationVariants.js
new file mode 100644
index 0000000..e3fae05
--- /dev/null
+++ b/src/features/internship/utils/animationVariants.js
@@ -0,0 +1,49 @@
+export const fadeInUp = {
+ hidden: { opacity: 0, y: 60, scale: 0.8 },
+ visible: {
+ opacity: 1,
+ y: 0,
+ scale: 1,
+ transition: { type: "spring", stiffness: 300, damping: 20 },
+ },
+};
+
+export const staggerContainer = {
+ hidden: { opacity: 0 },
+ visible: {
+ opacity: 1,
+ transition: {
+ staggerChildren: 0.1,
+ delayChildren: 0.2,
+ },
+ },
+};
+
+export const slideInLeft = {
+ hidden: { opacity: 0, x: -100, scale: 0.8 },
+ visible: {
+ opacity: 1,
+ x: 0,
+ scale: 1,
+ transition: { type: "spring", stiffness: 300, damping: 20 },
+ },
+};
+
+export const slideInRight = {
+ hidden: { opacity: 0, x: 100, scale: 0.8 },
+ visible: {
+ opacity: 1,
+ x: 0,
+ scale: 1,
+ transition: { type: "spring", stiffness: 300, damping: 20 },
+ },
+};
+
+export const scaleUp = {
+ hidden: { opacity: 0, scale: 0.5 },
+ visible: {
+ opacity: 1,
+ scale: 1,
+ transition: { type: "spring", stiffness: 300, damping: 20 },
+ },
+};
\ No newline at end of file
diff --git a/src/features/internship/viewModels/useCurriculumMobileProgramingViewModel.js b/src/features/internship/viewModels/useCurriculumMobileProgramingViewModel.js
deleted file mode 100644
index 47adc83..0000000
--- a/src/features/internship/viewModels/useCurriculumMobileProgramingViewModel.js
+++ /dev/null
@@ -1,18 +0,0 @@
-"use client";
-
-import { useState } from "react";
-
-export default function useCurriculumMobileProgrammingViewModel() {
- const [android, setAndroid] = useState(true);
- const [ios, setIos] = useState(true);
- const [flutter, setFlutter] = useState(true);
-
- return {
- android,
- ios,
- flutter,
- setAndroid,
- setIos,
- setFlutter,
- };
-}
diff --git a/src/features/internship/views/InternshipAnnouncementView.jsx b/src/features/internship/views/InternshipAnnouncementView.jsx
index 7109e18..fee0e22 100644
--- a/src/features/internship/views/InternshipAnnouncementView.jsx
+++ b/src/features/internship/views/InternshipAnnouncementView.jsx
@@ -1,16 +1,16 @@
import { ScaleLoader } from "react-spinners";
-import RecruitmentTextInputField from "@/core/components/input/RecruitmentTextInputField";
-import useRecruitmentAnnouncementViewModel from "../viewModels/useRecruitmentAnnouncementView";
+import RecruitmentTextInputField from "@/shared/components/input/RecruitmentTextInputField";
+import useRecruitmentAnnouncementViewModel from "../hooks/useRecruitmentAnnouncementView";
const InternshipAnnouncementView = () => {
const { formik, isNotFound } = useRecruitmentAnnouncementViewModel();
return (
-
-
+
+
-
Motion Lab 8.0 Member Announcement
+
Motion Lab 10.0 Member Announcement
Line
@@ -115,9 +115,8 @@ export default function InternshipFooter() {
Linkedin
@@ -132,8 +131,8 @@ export default function InternshipFooter() {
- Copyright Mobile Innovation Laboratory 2023
+ Copyright Mobile Innovation Laboratory 2025
diff --git a/src/core/components/idBackButton.jsx b/src/shared/components/idBackButton.jsx
similarity index 100%
rename from src/core/components/idBackButton.jsx
rename to src/shared/components/idBackButton.jsx
diff --git a/src/core/components/illustration/indexIllustration.js b/src/shared/components/illustration/indexIllustration.js
similarity index 100%
rename from src/core/components/illustration/indexIllustration.js
rename to src/shared/components/illustration/indexIllustration.js
diff --git a/src/core/components/illustration/indexIllustration.module.scss b/src/shared/components/illustration/indexIllustration.module.scss
similarity index 100%
rename from src/core/components/illustration/indexIllustration.module.scss
rename to src/shared/components/illustration/indexIllustration.module.scss
diff --git a/src/core/components/indexAchievementContainer.jsx b/src/shared/components/indexAchievementContainer.jsx
similarity index 86%
rename from src/core/components/indexAchievementContainer.jsx
rename to src/shared/components/indexAchievementContainer.jsx
index 41169b1..e69937c 100644
--- a/src/core/components/indexAchievementContainer.jsx
+++ b/src/shared/components/indexAchievementContainer.jsx
@@ -1,4 +1,4 @@
-import styles from '../styles/components/achievementContainer.module.scss'
+import styles from '../../styles/components/achievementContainer.module.scss'
import Link from 'next/link'
import Image from 'next/image'
diff --git a/src/core/components/indexModal.jsx b/src/shared/components/indexModal.jsx
similarity index 100%
rename from src/core/components/indexModal.jsx
rename to src/shared/components/indexModal.jsx
diff --git a/src/core/components/input/RecruitmentSelectInputField.jsx b/src/shared/components/input/RecruitmentSelectInputField.jsx
similarity index 79%
rename from src/core/components/input/RecruitmentSelectInputField.jsx
rename to src/shared/components/input/RecruitmentSelectInputField.jsx
index 09f7c1e..918e116 100644
--- a/src/core/components/input/RecruitmentSelectInputField.jsx
+++ b/src/shared/components/input/RecruitmentSelectInputField.jsx
@@ -1,4 +1,4 @@
-import getCustomClassNameUtils from "@/core/utils/getCustomClassNameUtils";
+import getCustomClassNameUtils from "@/shared/utils/getCustomClassNameUtils";
const RecruitmentSelectInputField = ({ label, name, className, baseClassName, placeholder, suffix, required = false, error, value, ...props }) => {
return (
@@ -8,7 +8,7 @@ const RecruitmentSelectInputField = ({ label, name, className, baseClassName, pl
+ 
+ 
+ 
+ 
+ 
+ 
- 
- 
- 
- 
- 
+ 
+
+ 
+ 
+