diff --git a/src/app/Students/Connections/page.tsx b/src/app/Students/Connections/page.tsx new file mode 100644 index 0000000..db3f42e --- /dev/null +++ b/src/app/Students/Connections/page.tsx @@ -0,0 +1,17 @@ +'use client' +import Sidebar from "../components/sidebar"; +import TopBar from "../components/topbar"; +import FriendRequests from "../components/AddFriend"; +import Friends from "../components/Friends" +export default function Connections() { + return ( +
+ + + + +
+ ); +} + + diff --git a/src/app/Students/Home/components/navbar.tsx b/src/app/Students/Home/components/navbar.tsx new file mode 100644 index 0000000..0d3e8e2 --- /dev/null +++ b/src/app/Students/Home/components/navbar.tsx @@ -0,0 +1,54 @@ +'use client'; +import React from "react"; +import Link from "next/link"; +import { Home, Users, Briefcase, Mail, Bell, UserCircle } from "lucide-react"; + +export default function TopBar() { + return ( +
+ + +
+ + Home +
+ + + +
+ + People +
+ + + +
+ + Jobs +
+ + + +
+ + Messages +
+ + + +
+ + Notifications +
+ + + +
+ + Me +
+ + +
+ ); +} diff --git a/src/app/Students/Home/components/sidebar-job.tsx b/src/app/Students/Home/components/sidebar-job.tsx new file mode 100644 index 0000000..8194fbc --- /dev/null +++ b/src/app/Students/Home/components/sidebar-job.tsx @@ -0,0 +1,91 @@ +'use client'; +import React, { useState } from 'react'; +import Link from 'next/link'; +import { + AlignJustify, + ClipboardList, + Mail, + Bookmark, + Calendar, +} from 'lucide-react'; + +const SidebarJob = () => { + const [isHovered, setIsHovered] = useState(false); + + return ( +
setIsHovered(true)} + onMouseLeave={() => setIsHovered(false)} + className={`fixed top-0 left-0 z-40 h-screen bg-[#1551A9] text-white transition-all duration-300 + ${isHovered ? 'w-64' : 'w-16'} overflow-hidden`} + > + {/* Profile Section */} +
+ Profile +
+

Kemly Rose

+

BS - Information Technology

+ + ● Available for Work + +
+ +
+ + {/* Interview Practice Button */} +
+ +
+ + {/* Menu */} + +
+ ); +}; + +export default SidebarJob; diff --git a/src/app/Students/Jobs/Job-Listing/page.tsx b/src/app/Students/Jobs/Job-Listing/page.tsx new file mode 100644 index 0000000..26de1d1 --- /dev/null +++ b/src/app/Students/Jobs/Job-Listing/page.tsx @@ -0,0 +1,19 @@ +'use client' +import SidebarJob from "../components/sidebar-job"; +import TopBar from "../components/topbar"; + +export default function Suggestions() { + return ( +
+
+ +
+
+ +
+

Put Content here for Suggestions

+
+
+
+ ); +} \ No newline at end of file diff --git a/src/app/Students/Jobs/My-Application/page.tsx b/src/app/Students/Jobs/My-Application/page.tsx new file mode 100644 index 0000000..e69de29 diff --git a/src/app/Students/Jobs/components/sidebar-job.tsx b/src/app/Students/Jobs/components/sidebar-job.tsx new file mode 100644 index 0000000..b133df3 --- /dev/null +++ b/src/app/Students/Jobs/components/sidebar-job.tsx @@ -0,0 +1,91 @@ +'use client'; +import { useState } from 'react'; +import Link from 'next/link'; +import { + AlignJustify, + ClipboardList, + Mail, + Bookmark, + Calendar, +} from 'lucide-react'; + +const Sidebar = () => { + const [isHovered, setIsHovered] = useState(false); + + return ( +
setIsHovered(true)} + onMouseLeave={() => setIsHovered(false)} + className={`fixed top-0 left-0 z-40 h-screen bg-[#1551A9] text-white transition-all duration-300 + ${isHovered ? 'w-64' : 'w-16'} overflow-hidden`} + > + {/* Profile Section */} +
+ Profile +
+

Kemly Rose

+

BS - Information Technology

+ + ● Available for Work + +
+ +
+ + {/* Interview Practice Button */} +
+ +
+ + {/* Menu */} + +
+ ); +}; + +export default Sidebar; diff --git a/src/app/Students/Jobs/components/topbar.tsx b/src/app/Students/Jobs/components/topbar.tsx new file mode 100644 index 0000000..8ec2e6b --- /dev/null +++ b/src/app/Students/Jobs/components/topbar.tsx @@ -0,0 +1,53 @@ +'use client'; +import Link from "next/link"; +import { Home, Users, Briefcase, Mail, Bell, UserCircle } from "lucide-react"; + +export default function TopBar() { + return ( +
+ + +
+ + Home +
+ + + +
+ + People +
+ + + +
+ + Jobs +
+ + + +
+ + Messages +
+ + + +
+ + Notifications +
+ + + +
+ + Me +
+ + +
+ ); +} diff --git a/src/app/Students/People/Companies/page.tsx b/src/app/Students/People/Companies/page.tsx new file mode 100644 index 0000000..c7af056 --- /dev/null +++ b/src/app/Students/People/Companies/page.tsx @@ -0,0 +1,22 @@ +'use client' +import Sidebar from "../components/sidebar-following"; +import TopBar from "../components/topbar"; +import CompaniesGrid from "../components/CompaniesGrid"; + +export default function Companies() { + return ( +
+
+ +
+
+ +
+ + + +
+
+
+ ); +} \ No newline at end of file diff --git a/src/app/Students/People/Connections/page.tsx b/src/app/Students/People/Connections/page.tsx new file mode 100644 index 0000000..d7b9fe1 --- /dev/null +++ b/src/app/Students/People/Connections/page.tsx @@ -0,0 +1,23 @@ +'use client' +import Sidebar from "../components/sidebar-following"; +import TopBar from "../components/topbar"; +import Friends from "../components/Friends"; +import FriendRequests from "../components/AddFriend"; + + export default function Connections() { + return ( +
+
+ +
+ +
+ +
+ + +
+
+
+ ); + } \ No newline at end of file diff --git a/src/app/Students/People/Followers/page.tsx b/src/app/Students/People/Followers/page.tsx new file mode 100644 index 0000000..99659b3 --- /dev/null +++ b/src/app/Students/People/Followers/page.tsx @@ -0,0 +1,21 @@ +'use client' +import Sidebar from "../components/sidebar-following"; +import TopBar from "../components/topbar"; +import FavoriteEmployers from "../components/Favorite_Employers"; +import All_Followers from "../components/All_Following"; +export default function Followers() { + return ( +
+
+ +
+
+ +
+ + +
+
+
+ ); +} \ No newline at end of file diff --git a/src/app/Students/People/Student_Data/AllFollows.json b/src/app/Students/People/Student_Data/AllFollows.json new file mode 100644 index 0000000..fdbe6af --- /dev/null +++ b/src/app/Students/People/Student_Data/AllFollows.json @@ -0,0 +1,35 @@ +[ + { + "id": 1, + "name": "Vivi Anya A.", + "title": "HR Manager", + "company": "Buzeynga-Inc.", + "avatar": "", + "favorited": true + }, + { + "id": 2, + "name": "Vivi Anya A.", + "title": "HR Manager", + "company": "Buzeynga-Inc.", + "avatar": "", + "favorited": true + }, + { + "id": 3, + "name": "Vivi Anya A.", + "title": "HR Manager", + "company": "Buzeynga-Inc.", + "avatar": "", + "favorited": false + }, + { + "id": 4, + "name": "Vivi Anya A.", + "title": "HR Manager", + "company": "Buzeynga-Inc.", + "avatar": "", + "favorited": false + } + ] + \ No newline at end of file diff --git a/src/app/Students/People/Student_Data/Companies.json b/src/app/Students/People/Student_Data/Companies.json new file mode 100644 index 0000000..6ba50ab --- /dev/null +++ b/src/app/Students/People/Student_Data/Companies.json @@ -0,0 +1,13 @@ +[ + { + "name": "Lexona Technologies", + "avatar": "https://placehold.co/100x100.png", + "industry": "Tech IT" + }, + { + "name": "Visuanary Adventures", + "avatar": "https://placehold.co/100x100.png", + "industry": "Business and Finance" + } + +] \ No newline at end of file diff --git a/src/app/Students/People/Student_Data/FriendRequests.json b/src/app/Students/People/Student_Data/FriendRequests.json new file mode 100644 index 0000000..1b252f2 --- /dev/null +++ b/src/app/Students/People/Student_Data/FriendRequests.json @@ -0,0 +1,20 @@ +[ + { + "name": "Vivi Anya A.", + "school": "STI Alabang", + "course": "BSIT", + "image": "https://via.placeholder.com/40" + }, + { + "name": "Vivi Anya A.", + "school": "STI Alabang", + "course": "BSIT", + "image": "https://via.placeholder.com/40" + }, + { + "name": "Vivi Anya A.", + "school": "STI Alabang", + "course": "BSIT", + "image": "https://via.placeholder.com/40" + } +] \ No newline at end of file diff --git a/src/app/Students/People/Student_Data/Friends.json b/src/app/Students/People/Student_Data/Friends.json new file mode 100644 index 0000000..1b252f2 --- /dev/null +++ b/src/app/Students/People/Student_Data/Friends.json @@ -0,0 +1,20 @@ +[ + { + "name": "Vivi Anya A.", + "school": "STI Alabang", + "course": "BSIT", + "image": "https://via.placeholder.com/40" + }, + { + "name": "Vivi Anya A.", + "school": "STI Alabang", + "course": "BSIT", + "image": "https://via.placeholder.com/40" + }, + { + "name": "Vivi Anya A.", + "school": "STI Alabang", + "course": "BSIT", + "image": "https://via.placeholder.com/40" + } +] \ No newline at end of file diff --git a/src/app/Students/People/Student_Data/Suggestions.json b/src/app/Students/People/Student_Data/Suggestions.json new file mode 100644 index 0000000..b772e38 --- /dev/null +++ b/src/app/Students/People/Student_Data/Suggestions.json @@ -0,0 +1,15 @@ +[ + { + "name": "Mak Teniel Seva", + "avatar": "https://placehold.co/100x100.png", + "school": "STI College Alabang", + "course": "BS - Information Technology" + }, + { + "name": "Vivi Anya", + "avatar": "https://placehold.co/100x100.png", + "school": "STI College Alabang", + "course": "BS - Information Technology" + } + +] \ No newline at end of file diff --git a/src/app/Students/People/Suggestions/page.tsx b/src/app/Students/People/Suggestions/page.tsx new file mode 100644 index 0000000..68d987e --- /dev/null +++ b/src/app/Students/People/Suggestions/page.tsx @@ -0,0 +1,29 @@ +'use client' +import Sidebar from "../components/sidebar-following"; +import TopBar from "../components/topbar"; +import React, { useState, useEffect } from "react"; +import StudentsGrid from "../components/Suggestions"; + +type Student = { + name: string; + avatar: string; + college: string; + course: string; +}; + + +export default function Suggestions() { + return ( +
+
+ +
+
+ +
+ +
+
+
+ ); +} \ No newline at end of file diff --git a/src/app/Students/People/components/AddFriend.tsx b/src/app/Students/People/components/AddFriend.tsx new file mode 100644 index 0000000..9578aa2 --- /dev/null +++ b/src/app/Students/People/components/AddFriend.tsx @@ -0,0 +1,46 @@ +import React, { useState, useEffect } from 'react'; +import mockData from '../Student_Data/FriendRequests.json'; + +type FriendRequest = { + name: string; + school: string; + course: string; + image: string; +}; + +export default function FriendRequests() { + const [requests, setRequests] = useState([]); + + useEffect(() => { + setRequests(mockData as FriendRequest[]); + }, []); + + return ( +
+
+

Requests

+
+ +
+
+ {requests.map((req, index) => ( +
+
+ profile +
+

{req.name}

+

{req.school}

+

{req.course}

+
+
+
+ + +
+
+ ))} +
+
+
+ ); +} diff --git a/src/app/Students/People/components/All_Following.tsx b/src/app/Students/People/components/All_Following.tsx new file mode 100644 index 0000000..63e411c --- /dev/null +++ b/src/app/Students/People/components/All_Following.tsx @@ -0,0 +1,57 @@ +import React, { useEffect, useState } from 'react'; +import AllFollow from '../Student_Data/AllFollows.json' +import { Star } from 'lucide-react'; + +type Employer = { + id: number; + name: string; + title: string; + company: string; + avatar: string; + favorited: boolean; +}; + +const All_Followers = () => { + const [employers, setEmployers] = useState([]); + + useEffect(() => { + setEmployers(AllFollow); + }, []); + + return ( +
+

Favorite Employers

+
+ {employers.map((employer) => ( +
+
+ {employer.name} +
+
+ {employer.name} + {employer.favorited && ( + + )} +
+

{employer.title}

+

{employer.company}

+
+
+
+ + +
+
+ ))} +
+
+ ); +}; + +export default All_Followers; diff --git a/src/app/Students/People/components/CompaniesGrid.tsx b/src/app/Students/People/components/CompaniesGrid.tsx new file mode 100644 index 0000000..fec8c17 --- /dev/null +++ b/src/app/Students/People/components/CompaniesGrid.tsx @@ -0,0 +1,64 @@ +import React, { useState, useEffect } from "react"; +import Company from "../Student_Data/Companies.json"; +import { X } from "lucide-react"; + +type Company = { + name: string; + avatar: string; + industry: string; +}; + +export default function CompaniesGrid() { + const [comp, setCompany] = useState([]); + + useEffect(() => { + setCompany(Company as Company[]); + }, []); + + const handleRemove = (index: number) => { + const updated = [...comp]; + updated.splice(index, 1); + setCompany(updated); + }; + + return ( +
+
+

+ Companies +

+ + View All + +
+ +
+ {comp.map((cp, index) => ( +
+ + {cp.name} +

{cp.name}

+

+ {cp.industry} +

+ +
+ ))} +
+
+ ); + } diff --git a/src/app/Students/People/components/Favorite_Employers.tsx b/src/app/Students/People/components/Favorite_Employers.tsx new file mode 100644 index 0000000..6d89667 --- /dev/null +++ b/src/app/Students/People/components/Favorite_Employers.tsx @@ -0,0 +1,57 @@ +import React, { useEffect, useState } from 'react'; +import FavEmp from '../Student_Data/AllFollows.json'; +import { Star } from 'lucide-react'; + +type Employer = { + id: number; + name: string; + title: string; + company: string; + avatar: string; + favorited: boolean; +}; + +const FavoriteEmployers = () => { + const [employers, setEmployers] = useState([]); + + useEffect(() => { + // Filter only favorited employers + const favoritedEmployers = FavEmp.filter(emp => emp.favorited); + setEmployers(favoritedEmployers); + }, []); + + return ( +
+

Favorite Employers

+
+ {employers.map((employer) => ( +
+
+ {employer.name} +
+
+ {employer.name} + +
+

{employer.title}

+

{employer.company}

+
+
+
+ + +
+
+ ))} +
+
+ ); +}; + +export default FavoriteEmployers; diff --git a/src/app/Students/People/components/Friends.tsx b/src/app/Students/People/components/Friends.tsx new file mode 100644 index 0000000..12354dd --- /dev/null +++ b/src/app/Students/People/components/Friends.tsx @@ -0,0 +1,45 @@ +import React, { useState, useEffect } from 'react'; +import mockData from '../Student_Data/Friends.json'; + +type FriendRequest = { + name: string; + school: string; + course: string; + image: string; +}; + +export default function Friends() { + const [requests, setRequests] = useState([]); + + useEffect(() => { + setRequests(mockData as FriendRequest[]); + }, []); + + return ( +
+
+

Friends

+
+ +
+
+ {requests.map((req, index) => ( +
+
+ profile +
+

{req.name}

+

{req.school}

+

{req.course}

+
+
+
+ +
+
+ ))} +
+
+
+ ); +} diff --git a/src/app/Students/People/components/Suggestions.tsx b/src/app/Students/People/components/Suggestions.tsx new file mode 100644 index 0000000..a756e51 --- /dev/null +++ b/src/app/Students/People/components/Suggestions.tsx @@ -0,0 +1,74 @@ +import React, { useState, useEffect } from "react"; +import suggestionsData from "../Student_Data/Suggestions.json"; +import { X } from "lucide-react"; + +type Student = { + name: string; + avatar: string; + school: string; + course: string; +}; + +export default function StudentsGrid() { + const [students, setStudents] = useState([]); + + useEffect(() => { + setStudents(suggestionsData as Student[]); + }, []); + + const handleRemove = (index: number) => { + const updated = [...students]; + updated.splice(index, 1); + setStudents(updated); + }; + + return ( +
+
+

+ Students You May Recognize in Information Technology +

+ + View All + +
+ +
+ Sort by + +
+ +
+ {students.map((student, index) => ( +
+ + {student.name} +

{student.name}

+

{student.school}

+

+ {student.course} +

+ +
+ ))} +
+
+ ); +} diff --git a/src/app/Students/People/components/sidebar-following.tsx b/src/app/Students/People/components/sidebar-following.tsx new file mode 100644 index 0000000..30eab0f --- /dev/null +++ b/src/app/Students/People/components/sidebar-following.tsx @@ -0,0 +1,92 @@ +'use client'; +import { useState } from "react"; +import Link from "next/link"; +import { + AlignJustify, + Lightbulb, + UsersRound, + UserRoundCheck, + Building2, +} from "lucide-react"; + +const Sidebar = () => { + const [isHovered, setIsHovered] = useState(false); + + return ( +
setIsHovered(true)} + onMouseLeave={() => setIsHovered(false)} + > + {/* Profile Section */} +
+ Profile +
+ Kemly Rose + BS - Information Technology + + ● Available for Work + +
+ +
+ + {/* Menu */} +
    +
  • + + + + Suggestions + + +
    • +
  • + + + + Connections + + +
    • +
  • + + + + Followers + + +
    • +
  • + + + + Companies + + +
    • +
+
+ ); +}; + +export default Sidebar; diff --git a/src/app/Students/People/components/topbar.tsx b/src/app/Students/People/components/topbar.tsx new file mode 100644 index 0000000..62261fc --- /dev/null +++ b/src/app/Students/People/components/topbar.tsx @@ -0,0 +1,53 @@ +'use client'; +import Link from "next/link"; +import { Home, Users, Briefcase, Mail, Bell, UserCircle } from "lucide-react"; + +export default function TopBar() { + return ( +
+ + +
+ + Home +
+ + + +
+ + People +
+ + + +
+ + Jobs +
+ + + +
+ + Messages +
+ + + +
+ + Notifications +
+ + + +
+ + Me +
+ + +
+ ); +} diff --git a/src/app/Students/Student_Data/FriendRequests.json b/src/app/Students/Student_Data/FriendRequests.json new file mode 100644 index 0000000..1b252f2 --- /dev/null +++ b/src/app/Students/Student_Data/FriendRequests.json @@ -0,0 +1,20 @@ +[ + { + "name": "Vivi Anya A.", + "school": "STI Alabang", + "course": "BSIT", + "image": "https://via.placeholder.com/40" + }, + { + "name": "Vivi Anya A.", + "school": "STI Alabang", + "course": "BSIT", + "image": "https://via.placeholder.com/40" + }, + { + "name": "Vivi Anya A.", + "school": "STI Alabang", + "course": "BSIT", + "image": "https://via.placeholder.com/40" + } +] \ No newline at end of file diff --git a/src/app/Students/Student_Data/Friends.json b/src/app/Students/Student_Data/Friends.json new file mode 100644 index 0000000..1b252f2 --- /dev/null +++ b/src/app/Students/Student_Data/Friends.json @@ -0,0 +1,20 @@ +[ + { + "name": "Vivi Anya A.", + "school": "STI Alabang", + "course": "BSIT", + "image": "https://via.placeholder.com/40" + }, + { + "name": "Vivi Anya A.", + "school": "STI Alabang", + "course": "BSIT", + "image": "https://via.placeholder.com/40" + }, + { + "name": "Vivi Anya A.", + "school": "STI Alabang", + "course": "BSIT", + "image": "https://via.placeholder.com/40" + } +] \ No newline at end of file diff --git a/src/app/Students/components/AddFriend.tsx b/src/app/Students/components/AddFriend.tsx new file mode 100644 index 0000000..9578aa2 --- /dev/null +++ b/src/app/Students/components/AddFriend.tsx @@ -0,0 +1,46 @@ +import React, { useState, useEffect } from 'react'; +import mockData from '../Student_Data/FriendRequests.json'; + +type FriendRequest = { + name: string; + school: string; + course: string; + image: string; +}; + +export default function FriendRequests() { + const [requests, setRequests] = useState([]); + + useEffect(() => { + setRequests(mockData as FriendRequest[]); + }, []); + + return ( +
+
+

Requests

+
+ +
+
+ {requests.map((req, index) => ( +
+
+ profile +
+

{req.name}

+

{req.school}

+

{req.course}

+
+
+
+ + +
+
+ ))} +
+
+
+ ); +} diff --git a/src/app/Students/components/Friends.tsx b/src/app/Students/components/Friends.tsx new file mode 100644 index 0000000..12354dd --- /dev/null +++ b/src/app/Students/components/Friends.tsx @@ -0,0 +1,45 @@ +import React, { useState, useEffect } from 'react'; +import mockData from '../Student_Data/Friends.json'; + +type FriendRequest = { + name: string; + school: string; + course: string; + image: string; +}; + +export default function Friends() { + const [requests, setRequests] = useState([]); + + useEffect(() => { + setRequests(mockData as FriendRequest[]); + }, []); + + return ( +
+
+

Friends

+
+ +
+
+ {requests.map((req, index) => ( +
+
+ profile +
+

{req.name}

+

{req.school}

+

{req.course}

+
+
+
+ +
+
+ ))} +
+
+
+ ); +} diff --git a/src/app/Students/components/sidebar.tsx b/src/app/Students/components/sidebar.tsx new file mode 100644 index 0000000..31f4088 --- /dev/null +++ b/src/app/Students/components/sidebar.tsx @@ -0,0 +1,42 @@ +import {AlignJustify, Lightbulb, UsersRound, UserRoundCheck, Building2 } from "lucide-react"; + +const Sidebar = () => { + return ( +
+
+
MENU PLACEHOLDER
+ +
+ +
+ ); +}; + +export default Sidebar; diff --git a/src/app/Students/components/topbar.tsx b/src/app/Students/components/topbar.tsx new file mode 100644 index 0000000..ca36140 --- /dev/null +++ b/src/app/Students/components/topbar.tsx @@ -0,0 +1,32 @@ +import { Home, Users, Briefcase, Mail, Bell, UserCircle } from "lucide-react"; + +export default function TopBar() { + return ( +
+
+ + Home +
+
+ + People +
+
+ + Jobs +
+
+ + Messages +
+
+ + Notifications +
+
+ + Me +
+
+ ); +} \ No newline at end of file diff --git a/src/app/landing/sti-hiring/HiringFront.png b/src/app/landing/sti-hiring/HiringFront.png new file mode 100644 index 0000000..09898c8 Binary files /dev/null and b/src/app/landing/sti-hiring/HiringFront.png differ diff --git a/src/app/landing/sti-hiring/Vector.svg b/src/app/landing/sti-hiring/Vector.svg new file mode 100644 index 0000000..e827b27 --- /dev/null +++ b/src/app/landing/sti-hiring/Vector.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/app/landing/sti-hiring/footerImage.svg b/src/app/landing/sti-hiring/footerImage.svg new file mode 100644 index 0000000..ba229a1 --- /dev/null +++ b/src/app/landing/sti-hiring/footerImage.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/app/landing/sti-hiring/page.tsx b/src/app/landing/sti-hiring/page.tsx index e69de29..051b045 100644 --- a/src/app/landing/sti-hiring/page.tsx +++ b/src/app/landing/sti-hiring/page.tsx @@ -0,0 +1,216 @@ +import LandingNav from "../components/LandingNav"; +import { CheckCircle, ArrowUpRight, Mail, MapPin, Phone } from "lucide-react"; +import Footer from "../components/Footer"; +import Image from "next/image"; +import waveDivider from "../sti-hiring/Vector.svg"; +import FooterImage from "../sti-hiring/footerImage.svg"; + +export default function hiring() { + return ( +
+
+ +
+ {/* Left Content */} +
+

Grow your career with STI

+

We're Hiring

+

+ At STI, the opportunities for career growth are many and wide-ranging. If you're talented, proactive, and excited about having a fulfilling career in a global company with ambitious and attainable goals, we look forward to hearing from you. +

+
+ + {/* Right Side*/} +
+
+ Hero +
+
+
+ + {/* Wave Divider */} +
+ + + +
+
+
+ + {/*PART 2*/} +
+

Innovation and Excellence About STI College

+

STI College boasts skilled faculty dedicated to industry-driven education

+ +
+ {/* Card 1 */} +
+ STI Campus +

Experience the Beauty of STI Campuses

+

STI campuses offer a modern, vibrant environment with state-of-the-art facilities and inspiring spaces for learning and growth.

+
+ + {/* Card 2 */} +
+

Experience the Beauty of STI Campuses

+

STI's dedicated faculty provides expert guidance and real-world learning to shape future professionals.

+
+ + {/* Card 3 */} +
+

STI’s Legacy of Excellence in Competitions

+

STI consistently excels in competitions, showcasing student talent and expertise.

+ Competition +
+ + {/* Card 4 */} +
+ Industry Curriculum +

Industry-Driven Curriculum

+

STI's programs are designed to meet real-world industry demands, ensuring students graduate job-ready.

+
+ + {/* Card 5 */} +
+

Nationwide Network

+

With multiple campuses and a strong alumni community, STI provides valuable connections for career growth.

+
+
+
+ + {/*PART 3*/} + +
+

Ideal Candidates for Our Team

+

+ Below are the key skill sets and qualifications we value in our ideal candidates +

+ +
+ {[ + { title: "Dedication", text: "Committed to learning, teaching, and personal growth" }, + { title: "Integrity", text: "Upholds honesty, responsibility, and strong moral values" }, + { title: "Commitment to Excellence", text: "Strives for high academic and professional standards" } + ].map((item, index) => ( +
+
+ +
+

{item.title}

+

{item.text}

+
+ ))} +
+
+ + {/*Part 4*/} +
+

+ Explore Career Opportunities +

+

+ Discover available positions and take the next step in your career with us +

+ +
+ {[ + { title: "Academic Content Developer for Business Management", image: "https://e7savv55ofr.exactdn.com/wp-content/uploads/2014/04/AdobeStock_236629968.jpeg?strip=all&lossy=1&resize=715%2C477&ssl=1" }, + { title: "Software Developer", image: "https://cms-assets.tutsplus.com/cdn-cgi/image/width=600/uploads/users/769/posts/13950/preview_image/web_developer_coding_computer_language_2021_09_24_02_51_51_utc.jpg" }, + { title: "Corporate Finance Manager", image: "https://media.licdn.com/dms/image/v2/D5612AQGXXlGEOdgu_A/article-cover_image-shrink_720_1280/article-cover_image-shrink_720_1280/0/1700677622356?e=1747872000&v=beta&t=6ng62U6cS35j-9nSTZTDtLWa5P_Qioy2bPOB2vVCIHk" }, + { title: "Welfare Guidance Counselor", image: "https://media.istockphoto.com/id/1386085818/photo/female-guidance-counselor-has-good-news-for-teen-students.jpg?s=612x612&w=0&k=20&c=JP5gU5beUAvBXTxCO6hm2Or3GRAOH-rwicV0pUunlVE=" } + ].map((item, index) => ( +
+ {item.title} +
+

{item.title}

+ +
+
+ ))} +
+
+ + {/*Part 5*/} + +
+

Benefits & Perks

+ +
+ {[ + { + title: "Work-Life Balance", + description: [ + "Flexible work schedules and remote work options (if applicable).", + "Paid time off, holidays, and leave benefits.", + "Supportive and healthy work environment." + ], + bgColor: "bg-white", + textColor: "text-blue-600" + }, + { + title: "Growth & Development", + description: [ + "Access to training programs, workshops, and certifications.", + "Career advancement opportunities within the organization.", + "Mentorship and guidance from industry experts." + ], + bgColor: "bg-blue-950", + textColor: "text-yellow-400 text-white", + descTextColor: "text-white" + }, + { + title: "Competitive Benefits", + description: [ + "Competitive salary with performance-based incentives.", + "Health benefits, insurance coverage, and wellness programs.", + "Employee recognition programs and rewards for achievements." + ], + bgColor: "bg-white", + textColor: "text-blue-600" + } + ].map((item, index) => ( +
+

{item.title}

+
+
    + {item.description.map((point, i) => ( +
  • + + {point} +
    • + ))} +
+
+ ))} +
+
+
+ WaveDivider +
+ + {/* Left Side - Image */} +
+ footerImage +
+ + {/* Right Side - Text and Button */} +
+

+ Start Your Journey With Us +

+ +
+
+
+
+ + +
+ ); + } + \ No newline at end of file diff --git a/src/app/sign-up/page.tsx b/src/app/sign-up/page.tsx index ffd5dcd..44881f7 100644 --- a/src/app/sign-up/page.tsx +++ b/src/app/sign-up/page.tsx @@ -1,23 +1,91 @@ -"use client"; -import Link from "next/link"; -import EmployerSignup from "./components/EmployerSignup"; -import { motion } from "framer-motion"; +import React, { useState } from "react"; + +const DrawerNavigation = () => { + const [isOpen, setIsOpen] = useState(false); -export default function EmployerSignupPage() { return ( -
- - Test Logo - +
+ {/* Drawer Button */} +
+ +
- - - +
+ Menu +
+ + +
); -} +}; + +export default DrawerNavigation; +