diff --git a/src/app/browse-talent/page.tsx b/src/app/browse-talent/page.tsx new file mode 100644 index 0000000..711b92a --- /dev/null +++ b/src/app/browse-talent/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 { Users, Linkedin, Twitter, Facebook, Mail } from "lucide-react"; + +export default function BrowseTalentPage() { + 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 ( + + + +
+ +
+ + + + ); +} diff --git a/src/app/client-dashboard/page.tsx b/src/app/client-dashboard/page.tsx new file mode 100644 index 0000000..321997d --- /dev/null +++ b/src/app/client-dashboard/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 ClientDashboardPage() { + 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 ( + + + +
+ +
+ + + + ); +} diff --git a/src/app/freelancer-dashboard/page.tsx b/src/app/freelancer-dashboard/page.tsx new file mode 100644 index 0000000..2383182 --- /dev/null +++ b/src/app/freelancer-dashboard/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 { Users, Linkedin, Twitter, Facebook, Mail } from "lucide-react"; + +export default function FreelancerDashboardPage() { + 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 ( + + + +
+ +
+ + + + ); +} diff --git a/src/app/jobs-feed/page.tsx b/src/app/jobs-feed/page.tsx new file mode 100644 index 0000000..f464311 --- /dev/null +++ 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 ( + + + +
+ +
+ + + + ); +} diff --git a/src/app/layout.tsx b/src/app/layout.tsx index b405dec..137c46b 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,66 +1,23 @@ import type { Metadata } from "next"; -import { Montserrat, Inter } from "next/font/google"; +import { Inter } from "next/font/google"; +import "./styles/variables.css"; import "./globals.css"; -import { ServiceWrapper } from "@/components/ServiceWrapper"; -import Tag from "@/tag/Tag"; - -const montserrat = Montserrat({ - variable: "--font-montserrat", - subsets: ["latin"], -}); const inter = Inter({ - variable: "--font-inter", - subsets: ["latin"], + variable: "--font-inter", subsets: ["latin"], }); export const metadata: Metadata = { - title: "STAFFED - Verified Filipino Freelance Talent Platform", - description: "Hire vetted Filipino freelancers with 2-tier verification. Connect with trusted talent or showcase your skills to global clients. Identity and work verified profiles.", - keywords: "Filipino freelancers, verified talent, remote hiring, freelance platform, identity verified, work verified, hire Filipino workers, remote jobs", - metadataBase: new URL("https://staffed.ph"), - alternates: { - canonical: "https://staffed.ph", - }, - openGraph: { - title: "STAFFED - Verified Filipino Freelance Talent", - description: "The trusted platform connecting verified Filipino talent with global clients. 2-tier verification ensures quality hiring.", - url: "https://staffed.ph", - siteName: "STAFFED", - type: "website", - images: [ - { - url: "https://staffed.ph/og-image.jpg", - alt: "STAFFED Platform - Verified Filipino Freelancers", - }, - ], - }, - twitter: { - card: "summary_large_image", - title: "STAFFED - Verified Filipino Freelance Talent", - description: "Hire verified Filipino freelancers. Identity + Work verified profiles for global clients.", - images: ["https://staffed.ph/twitter-image.jpg"], - }, - robots: { - index: true, - follow: true, - }, -}; + title: "STAFFED - Verified Filipino Talent Platform", description: "Connect with pre-vetted Filipino freelancers or showcase your skills to international clients. 2-tier verification system for trust and quality."}; export default function RootLayout({ children, -}: Readonly<{ +}: { children: React.ReactNode; -}>) { +}) { return ( - - - - - {children} - + + {children}