From 2df488645169b2ff73e998f59a5510c3c0bb27ce Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 2 May 2026 09:22:08 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 198 ++++++++++++----------------------------------- 1 file changed, 48 insertions(+), 150 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index b5e5f7b..d5d5841 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -8,7 +8,7 @@ import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwe import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal'; import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial'; import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen'; -import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; +import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve'; import TextSplitAbout from '@/components/sections/about/TextSplitAbout'; @@ -28,22 +28,14 @@ export default function LandingPage() { > @@ -53,69 +45,37 @@ export default function LandingPage() { description="Simplify HR management with our intuitive, automated time clock solution. Designed to boost efficiency and accuracy for modern teams." testimonials={[ { - name: "Sarah Jenkins", - handle: "@sjenkins", - testimonial: "This system has cut our payroll processing time in half.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=1", - }, + name: "Sarah Jenkins", handle: "@sjenkins", testimonial: "This system has cut our payroll processing time in half.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=1"}, { - name: "Mark Sterling", - handle: "@msterling", - testimonial: "The best investment for our growing remote team. Essential tools.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-male-wearing-suit-tie-standing-classroom_181624-14287.jpg", - }, + name: "Mark Sterling", handle: "@msterling", testimonial: "The best investment for our growing remote team. Essential tools.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-male-wearing-suit-tie-standing-classroom_181624-14287.jpg"}, { - name: "Elena Rodriguez", - handle: "@erodriguez", - testimonial: "Intuitive UI and perfect integration. Truly saved us hours.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/senior-business-leader-standing-front-team_1262-1888.jpg", - }, + name: "Elena Rodriguez", handle: "@erodriguez", testimonial: "Intuitive UI and perfect integration. Truly saved us hours.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/senior-business-leader-standing-front-team_1262-1888.jpg"}, { - name: "David Chan", - handle: "@dchan", - testimonial: "Professional, reliable, and incredibly fast support.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/handsome-corporate-man-holding-notepad_23-2148336906.jpg", - }, + name: "David Chan", handle: "@dchan", testimonial: "Professional, reliable, and incredibly fast support.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/handsome-corporate-man-holding-notepad_23-2148336906.jpg"}, { - name: "Laura White", - handle: "@lwhite", - testimonial: "Absolutely love the dashboard insights and real-time reporting.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-analyst_1098-14054.jpg", - }, + name: "Laura White", handle: "@lwhite", testimonial: "Absolutely love the dashboard insights and real-time reporting.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/young-analyst_1098-14054.jpg"}, ]} buttons={[ { - text: "Start Free Trial", - href: "#contact", - }, + text: "Start Free Trial", href: "#contact"}, ]} imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-modern-laptop-showing-time-with-headphones-side-desk_181624-2207.jpg?_wi=1" avatars={[ { - src: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-122007.jpg", - alt: "professional avatar 1", - }, + src: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-122007.jpg", alt: "professional avatar 1"}, { - src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1613.jpg", - alt: "professional avatar 2", - }, + src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1613.jpg", alt: "professional avatar 2"}, { - src: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-confident-young-woman-start-career-look-determined-get-job-waiting-interview-lean-glass-wall-business-center-smiling-looking-away-satisfied_197531-30572.jpg", - alt: "professional avatar 3", - }, + src: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-confident-young-woman-start-career-look-determined-get-job-waiting-interview-lean-glass-wall-business-center-smiling-looking-away-satisfied_197531-30572.jpg", alt: "professional avatar 3"}, { - src: "http://img.b2bpic.net/free-photo/confident-businessman-smiling-outside-office-building_107420-74332.jpg", - alt: "professional avatar 4", - }, + src: "http://img.b2bpic.net/free-photo/confident-businessman-smiling-outside-office-building_107420-74332.jpg", alt: "professional avatar 4"}, { - src: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg", - alt: "professional avatar 5", - }, + src: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg", alt: "professional avatar 5"}, ]} /> @@ -125,9 +85,7 @@ export default function LandingPage() { useInvertedBackground={false} title="Effortless Compliance & Management" description={[ - "Our platform provides HR managers with real-time analytics to oversee team hours, attendance, and leave management seamlessly.", - "Say goodbye to manual errors and paperwork with our automated, cloud-based time clock infrastructure designed for modern business.", - ]} + "Our platform provides HR managers with real-time analytics to oversee team hours, attendance, and leave management seamlessly.", "Say goodbye to manual errors and paperwork with our automated, cloud-based time clock infrastructure designed for modern business."]} /> @@ -138,32 +96,17 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - id: "1", - title: "Automated Payroll", - descriptions: [ - "Reduce administrative overhead with automated salary calculations synced directly to attendance records.", - ], - imageSrc: "http://img.b2bpic.net/free-photo/close-up-tablet-with-blue-icons_1134-57.jpg", - imageAlt: "hr manager working on laptop", - }, + id: "1", title: "Automated Payroll", descriptions: [ + "Reduce administrative overhead with automated salary calculations synced directly to attendance records."], + imageSrc: "http://img.b2bpic.net/free-photo/close-up-tablet-with-blue-icons_1134-57.jpg", imageAlt: "hr manager working on laptop"}, { - id: "2", - title: "Geolocation Tracking", - descriptions: [ - "Verify attendance precisely with our secure GPS-enabled clocking, perfect for mobile or remote teams.", - ], - imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-modern-laptop-showing-time-with-headphones-side-desk_181624-2207.jpg?_wi=2", - imageAlt: "hr manager working on laptop", - }, + id: "2", title: "Geolocation Tracking", descriptions: [ + "Verify attendance precisely with our secure GPS-enabled clocking, perfect for mobile or remote teams."], + imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-modern-laptop-showing-time-with-headphones-side-desk_181624-2207.jpg?_wi=2", imageAlt: "hr manager working on laptop"}, { - id: "3", - title: "Real-time Analytics", - descriptions: [ - "Gain actionable insights through dashboards showing individual performance and team efficiency trends.", - ], - imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=2", - imageAlt: "hr manager working on laptop", - }, + id: "3", title: "Real-time Analytics", descriptions: [ + "Gain actionable insights through dashboards showing individual performance and team efficiency trends."], + imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=2", imageAlt: "hr manager working on laptop"}, ]} title="Core Features for HR Excellence" description="Manage your workforce effectively with our suite of powerful tools." @@ -177,20 +120,11 @@ export default function LandingPage() { tag="Performance Stats" metrics={[ { - id: "m1", - value: "45%", - description: "Faster payroll processing", - }, + id: "m1", value: "45%", description: "Faster payroll processing"}, { - id: "m2", - value: "99.9%", - description: "Accuracy in time tracking", - }, + id: "m2", value: "99.9%", description: "Accuracy in time tracking"}, { - id: "m3", - value: "24/7", - description: "Support availability", - }, + id: "m3", value: "24/7", description: "Support availability"}, ]} metricsAnimation="slide-up" /> @@ -201,30 +135,15 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Sarah Jenkins", - imageSrc: "http://img.b2bpic.net/free-photo/charming-businesswoman-with-digital-tablet_1098-434.jpg", - }, + id: "1", name: "Sarah Jenkins", imageSrc: "http://img.b2bpic.net/free-photo/charming-businesswoman-with-digital-tablet_1098-434.jpg"}, { - id: "2", - name: "Mark Sterling", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-businessman-dark-background_613910-15034.jpg", - }, + id: "2", name: "Mark Sterling", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-businessman-dark-background_613910-15034.jpg"}, { - id: "3", - name: "Elena Rodriguez", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-businesswoman_329181-11722.jpg", - }, + id: "3", name: "Elena Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-businesswoman_329181-11722.jpg"}, { - id: "4", - name: "David Chan", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg", - }, + id: "4", name: "David Chan", imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg"}, { - id: "5", - name: "Laura White", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-businessman-work-office_1163-5523.jpg", - }, + id: "5", name: "Laura White", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-businessman-work-office_1163-5523.jpg"}, ]} cardTitle="Loved by HR Professionals" cardTag="Testimonials" @@ -238,20 +157,11 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "f1", - title: "Is integration with existing ERPs possible?", - content: "Yes, we support API integrations with most major HR and payroll software.", - }, + id: "f1", title: "Is integration with existing ERPs possible?", content: "Yes, we support API integrations with most major HR and payroll software."}, { - id: "f2", - title: "Does the system work offline?", - content: "Yes, our mobile app stores clock data locally and syncs once back online.", - }, + id: "f2", title: "Does the system work offline?", content: "Yes, our mobile app stores clock data locally and syncs once back online."}, { - id: "f3", - title: "Can I manage different time zones?", - content: "Absolutely, the system automatically adjusts for team members across multiple time zones.", - }, + id: "f3", title: "Can I manage different time zones?", content: "Absolutely, the system automatically adjusts for team members across multiple time zones."}, ]} imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-business-meeting-yellow-working-room-with-stair_105762-1996.jpg" title="Frequently Asked Questions" @@ -267,20 +177,12 @@ export default function LandingPage() { description="Fill out the form to request a custom demo or talk to our HR experts." inputs={[ { - name: "name", - type: "text", - placeholder: "Your Name", - }, + name: "name", type: "text", placeholder: "Your Name"}, { - name: "email", - type: "email", - placeholder: "Work Email", - }, + name: "email", type: "email", placeholder: "Work Email"}, ]} textarea={{ - name: "message", - placeholder: "Your message here...", - rows: 4, + name: "message", placeholder: "Your message here...", rows: 4, required: true, }} imageSrc="http://img.b2bpic.net/free-photo/windows-skyscraper-business-office_1112-1079.jpg" @@ -291,13 +193,9 @@ export default function LandingPage() { -- 2.49.1