Merge version_2 into main #2
198
src/app/page.tsx
198
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() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="TimeClock Pro"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -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."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -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() {
|
||||
<FooterLogoReveal
|
||||
logoText="TimeClock Pro"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user