Add src/app/jobs-feed/page.tsx

2026-03-04 05:20:49 +00:00
parent 2147851137
commit f3835dcc13
1 changed files with 90 additions and 0 deletions
--- a/src/app/jobs-feed/page.tsx
+++ b/src/app/jobs-feed/page.tsx
@@ -0,0 +1,90 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
+import FooterCard from "@/components/sections/footer/FooterCard";
+import { Briefcase, Linkedin, Twitter, Facebook, Mail } from "lucide-react";
+
+export default function JobsFeedPage() {
+  const navItems = [
+    { name: "Browse Talent", id: "/browse-talent" },
+    { name: "Jobs Feed", id: "/jobs-feed" },
+    { name: "How It Works", id: "/verification" },
+    { name: "Pricing", id: "#pricing" },
+    { name: "FAQ", id: "#faq" },
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="smallMedium"
+      sizing="largeSmallSizeLargeTitles"
+      background="circleGradient"
+      cardStyle="glass-depth"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          navItems={navItems}
+          button={{ text: "Get Started", href: "/auth/signup" }}
+          brandName="STAFFED"
+        />
+      </div>
+
+      <div id="jobs-feed" data-section="jobs-feed">
+        <FeatureCardNineteen
+          title="Discover Remote Job Opportunities"
+          description="Access curated job opportunities from top companies and exclusive STAFFED client postings. Filter by role, rate, and timezone to find the perfect fit."
+          tag="Remote Jobs"
+          tagIcon={Briefcase}
+          tagAnimation="blur-reveal"
+          features={[
+            {
+              id: 1,
+              tag: "Curated Feed",              title: "Industry-Vetted Roles",              subtitle: "Quality remote opportunities",              description:
+                "Every job on STAFFED is vetted for legitimacy and fair compensation. No spam, no scams. Work with reputable international companies.",              imageSrc:
+                "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg?_wi=4",              imageAlt: "Curated job feed"},
+            {
+              id: 2,
+              tag: "Smart Matching",              title: "Jobs Matched to You",              subtitle: "Personalized recommendations",              description:
+                "Filter by skills, availability, hourly rate, timezone, and project type. Get notified when new jobs match your preferences. Build your ideal client relationships.",              imageSrc:
+                "http://img.b2bpic.net/free-photo/recruitment-consulting-venn-diagram_53876-121542.jpg?_wi=4",              imageAlt: "Smart job matching"},
+            {
+              id: 3,
+              tag: "Direct Apply",              title: "Direct Application Process",              subtitle: "Connect with hiring clients",              description:
+                "Apply directly to jobs with your profile. Clients review verified credentials, portfolio, and reviews. Direct communication with decision makers—no middlemen.",              imageSrc:
+                "http://img.b2bpic.net/free-vector/computer-with-social-profile-social-community_24877-53905.jpg?_wi=4",              imageAlt: "Direct application flow"},
+          ]}
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="STAFFED"
+          copyrightText="© 2025 STAFFED. Verified Filipino Talent Platform."
+          socialLinks={[
+            {
+              icon: Linkedin,
+              href: "https://linkedin.com/company/staffed-platform",              ariaLabel: "LinkedIn"},
+            {
+              icon: Twitter,
+              href: "https://twitter.com/staffed_ph",              ariaLabel: "Twitter"},
+            {
+              icon: Facebook,
+              href: "https://facebook.com/staffed.platform",              ariaLabel: "Facebook"},
+            {
+              icon: Mail,
+              href: "mailto:support@staffed.ph",              ariaLabel: "Email Support"},
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}