Add src/app/services/page.tsx

src/app/page.tsx

@@ -31,7 +31,7 @@ export default function ProStaffServicesPage() {
                 <NavbarLayoutFloatingInline
                     navItems={[
                         { name: "About", id: "about" },
-                        { name: "Services", id: "services" },
+                        { name: "Services", id: "/services" },
                         { name: "Process", id: "process" },
                         { name: "Reviews", id: "reviews" },
                         { name: "Contact", id: "contact" },
@@ -43,7 +43,7 @@ export default function ProStaffServicesPage() {
                     logoText="ProStaff USA"
                     description="Bridging the gap between ambitious professionals and top-tier South Florida employers. Your career growth starts with a partner you can trust."
                     buttons={[
-                        { text: "Browse Jobs", href: "#services" },
+                        { text: "Browse Jobs", href: "/services" },
                         { text: "Contact Us", href: "#contact" },
                     ]}
                     slides={[
@@ -78,16 +78,10 @@ export default function ProStaffServicesPage() {
                     uniformGridCustomHeightClasses="h-100 2xl:h-110"
                     useInvertedBackground={false}
                     features={[
-                        {
+                        { title: "Administrative Support", description: "Matching detail-oriented professionals with top-tier office management roles.", imageSrc: "http://img.b2bpic.net/free-photo/busy-woman-focused-her-work_329181-15295.jpg", imageAlt: "Administrative work" },
-                            title: "Administrative Support",                            description: "Matching detail-oriented professionals with top-tier office management roles.",                            imageSrc: "http://img.b2bpic.net/free-photo/busy-woman-focused-her-work_329181-15295.jpg",                            imageAlt: "Administrative work"},
+                        { title: "Logistics & Industrial", description: "Linking skilled laborers with reputable supply chain and warehousing firms.", imageSrc: "http://img.b2bpic.net/free-photo/supply-chain-representation-still-life_23-2150172316.jpg", imageAlt: "Logistics" },
-                        {
+                        { title: "Executive Search", description: "Dedicated scouting for leadership and senior management positions.", imageSrc: "http://img.b2bpic.net/free-photo/businesspeople-meeting-budget-definition_1098-625.jpg", imageAlt: "Executive search" },
-                            title: "Logistics & Industrial",                            description: "Linking skilled laborers with reputable supply chain and warehousing firms.",                            imageSrc: "http://img.b2bpic.net/free-photo/supply-chain-representation-still-life_23-2150172316.jpg",                            imageAlt: "Logistics"},
+                        { title: "Temporary Staffing", description: "Providing immediate, reliable staff for seasonal and project-based demands.", imageSrc: "http://img.b2bpic.net/free-photo/asian-entrepreneur-giving-cv-resume-man-recruiter-asking-about-work-experience-interview-meeting-startup-company-office-diverse-candidates-waiting-career-opportunity-lobby-area_482257-40292.jpg", imageAlt: "Temporary staff" }
-                        {
-                            title: "Executive Search",                            description: "Dedicated scouting for leadership and senior management positions.",                            imageSrc: "http://img.b2bpic.net/free-photo/businesspeople-meeting-budget-definition_1098-625.jpg",                            imageAlt: "Executive search"},
-                        {
-                            title: "Temporary Staffing",                            description: "Providing immediate, reliable staff for seasonal and project-based demands.",                            imageSrc: "http://img.b2bpic.net/free-photo/asian-entrepreneur-giving-cv-resume-man-recruiter-asking-about-work-experience-interview-meeting-startup-company-office-diverse-candidates-waiting-career-opportunity-lobby-area_482257-40292.jpg",                            imageAlt: "Temporary staff"},
-                        {
-                            title: "Career Coaching",                            description: "One-on-one resume guidance and interview preparation for all candidates.",                            imageSrc: "http://img.b2bpic.net/free-photo/curriculum-vitae-resume-job-application-concept_53876-122482.jpg",                            imageAlt: "Coaching"}
                     ]}
                 />
                 <FeatureCardNine
@@ -100,18 +94,9 @@ export default function ProStaffServicesPage() {
                     animationType="slide-up"
                     useInvertedBackground={false}
                     features={[
-                        {
+                        { title: "Profile Assessment", description: "Submit your resume and tell us about your career goals and requirements.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-talking-mobile-phone_1170-894.jpg", imageAlt: "Resume review" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/business-womens-shaking-hands_23-2148461403.jpg", imageAlt: "Meeting candidate" } },
-                            title: "Profile Assessment",                            description: "Submit your resume and tell us about your career goals and requirements.",                            phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-talking-mobile-phone_1170-894.jpg", imageAlt: "Resume review" },
+                        { title: "Strategic Matching", description: "We identify the ideal companies that align with your skills and culture.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/tech-startup-hr-senior-manager-vetting-software-development-position-applicants_482257-119389.jpg", imageAlt: "Job matching" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/analyzing-business-chart_1098-19461.jpg", imageAlt: "Industry analysis" } },
-                            phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/business-womens-shaking-hands_23-2148461403.jpg", imageAlt: "Meeting candidate" },
+                        { title: "Placement & Support", description: "Continuous communication from the first interview to your first day on the job.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-excited-because-success_1163-5437.jpg", imageAlt: "Success" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/ladder-with-wooden-cubes_23-2148879391.jpg", imageAlt: "Career advancement" } },
-                        },
-                        {
-                            title: "Strategic Matching",                            description: "We identify the ideal companies that align with your skills and culture.",                            phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/tech-startup-hr-senior-manager-vetting-software-development-position-applicants_482257-119389.jpg", imageAlt: "Job matching" },
-                            phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/analyzing-business-chart_1098-19461.jpg", imageAlt: "Industry analysis" },
-                        },
-                        {
-                            title: "Placement & Support",                            description: "Continuous communication from the first interview to your first day on the job.",                            phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-excited-because-success_1163-5437.jpg", imageAlt: "Success" },
-                            phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/ladder-with-wooden-cubes_23-2148879391.jpg", imageAlt: "Career advancement" },
-                        },
                     ]}
                 />
                 <FeatureCardMedia
@@ -136,10 +121,8 @@ export default function ProStaffServicesPage() {
                     textboxLayout="default"
                     useInvertedBackground={false}
                     testimonials={[
-                        {
+                        { id: "1", name: "Marcus Thorne", date: "January 2025", title: "Quick placement into my ideal role", quote: "They were incredibly efficient. I submitted my resume on a Monday and had a contract signed by Friday. Exceptional turnaround.", tag: "Logistics", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg", avatarAlt: "Marcus", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg", imageAlt: "Candidate success" },
-                            id: "1",                            name: "Marcus Thorne",                            date: "January 2025",                            title: "Quick placement into my ideal role",                            quote: "They were incredibly efficient. I submitted my resume on a Monday and had a contract signed by Friday. Exceptional turnaround.",                            tag: "Logistics",                            avatarSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",                            avatarAlt: "Marcus",                            imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",                            imageAlt: "Candidate success"},
+                        { id: "2", name: "Elena Rodriguez", date: "December 2024", title: "Genuine, professional, and attentive", quote: "They really listened to what I was looking for. Unlike other agencies, they didn't just push any job—they cared about the fit.", tag: "Administration", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg", avatarAlt: "Elena", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg", imageAlt: "Career success" },
-                        {
-                            id: "2",                            name: "Elena Rodriguez",                            date: "December 2024",                            title: "Genuine, professional, and attentive",                            quote: "They really listened to what I was looking for. Unlike other agencies, they didn't just push any job—they cared about the fit.",                            tag: "Administration",                            avatarSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",                            avatarAlt: "Elena",                            imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",                            imageAlt: "Career success"},
                     ]}
                 />
                 <ContactSplitForm
@@ -157,9 +140,7 @@ export default function ProStaffServicesPage() {
                         { name: "phone", type: "tel", placeholder: "Phone Number" },
                         { name: "role", type: "text", placeholder: "Desired Position" },
                     ]}
-                    textarea={{
+                    textarea={{ name: "message", placeholder: "Tell us about your experience and background...", rows: 4 }}
-                        name: "message",                        placeholder: "Tell us about your experience and background...",                        rows: 4,
-                    }}
                 />
                 <FooterCard
                     logoText="ProStaff"

src/app/services/page.tsx

@@ -0,0 +1,76 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import FooterCard from "@/components/sections/footer/FooterCard";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { Plane, FileText, Instagram, Facebook, Linkedin } from "lucide-react";
+
+export default function ServicesPage() {
+    return (
+        <ThemeProvider
+            defaultButtonVariant="icon-arrow"
+            defaultTextAnimation="entrance-slide"
+            borderRadius="rounded"
+            contentWidth="medium"
+            sizing="medium"
+            background="none"
+            cardStyle="solid"
+            primaryButtonStyle="shadow"
+            secondaryButtonStyle="solid"
+            headingFontWeight="medium"
+        >
+            <ReactLenis root>
+                <NavbarLayoutFloatingInline
+                    navItems={[
+                        { name: "Home", id: "/" },
+                        { name: "Services", id: "/services" },
+                        { name: "Contact", id: "/contact" },
+                    ]}
+                    brandName="ProStaff"
+                    button={{ text: "Get Hired", href: "/contact" }}
+                />
+                <FeatureCardOne
+                    tag="Travel Services"
+                    tagIcon={Plane}
+                    title="Comprehensive Travel Assistance"
+                    description="Global logistics and support for international travel and relocation needs."
+                    textboxLayout="default"
+                    animationType="slide-up"
+                    gridVariant="uniform-all-items-equal"
+                    useInvertedBackground={false}
+                    features={[
+                        { title: "Corporate Relocation", description: "Full-service support for executives and teams relocating to Miami.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-walking-airport-terminal_23-2149173748.jpg" },
+                        { title: "Visa Assistance", description: "Guidance and preparation for business and work visa applications.", imageSrc: "http://img.b2bpic.net/free-photo/passport-boarding-pass-travel-concept_23-2148281179.jpg" },
+                        { title: "Logistics Planning", description: "Strategic travel and logistics management for long-term projects.", imageSrc: "http://img.b2bpic.net/free-photo/logistics-concept-with-plane_23-2149173719.jpg" }
+                    ]}
+                />
+                <FeatureCardOne
+                    tag="Paperwork Services"
+                    tagIcon={FileText}
+                    title="Expert Documentation Support"
+                    description="Precision handling of complex documents to ensure compliance and efficiency."
+                    textboxLayout="default"
+                    animationType="slide-up"
+                    gridVariant="uniform-all-items-equal"
+                    useInvertedBackground={true}
+                    features={[
+                        { title: "Compliance Review", description: "Thorough auditing of employment and legal documentation.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-document-contract-signing_23-2148948719.jpg" },
+                        { title: "Translation Services", description: "Professional translation of official documents for global compliance.", imageSrc: "http://img.b2bpic.net/free-photo/paperwork-with-translator-tools_23-2148461403.jpg" },
+                        { title: "Notary & Certification", description: "Verified certification of identity and legal documents.", imageSrc: "http://img.b2bpic.net/free-photo/pen-document-office_23-2148461403.jpg" }
+                    ]}
+                />
+                <FooterCard
+                    logoText="ProStaff"
+                    copyrightText="© 2025 ProStaff Services USA | 168 SE 1st St #605, Miami, FL 33131"
+                    socialLinks={[
+                        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+                        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+                        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
+                    ]}
+                />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}