Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
231
src/app/page.tsx
231
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Reporting",
|
||||
id: "#reporting",
|
||||
},
|
||||
{
|
||||
name: "Payroll",
|
||||
id: "#payroll",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Reporting", id: "#reporting" },
|
||||
{ name: "Payroll", id: "#payroll" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="HRIS Pro"
|
||||
/>
|
||||
@@ -55,22 +43,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="HRIS Next-Gen"
|
||||
description="Streamline your workforce, automate payroll, and generate comprehensive annual reports with total precision."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
{ text: "Learn More", href: "#features" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handicapped-invalid-manager-talking-videocall-with-friends-holding-smartphone-taking-break-work-time_482257-2412.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handicapped-invalid-manager-talking-videocall-with-friends-holding-smartphone-taking-break-work-time_482257-2412.jpg"
|
||||
imageAlt="HRIS Dashboard Interface"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -83,28 +63,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Employee Portal",
|
||||
description: "Seamless self-service.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Users,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sensitivity-allergy-disorder-sickness-healthcare-concept_53876-124068.jpg",
|
||||
imageAlt: "Sensitivity Allergy Disorder Sickness Healthcare Concept",
|
||||
title: "Employee Portal", description: "Seamless self-service.", bentoComponent: "reveal-icon", icon: Users,
|
||||
},
|
||||
{
|
||||
title: "Automated Payroll",
|
||||
description: "Twice-monthly processing.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: CreditCard,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handicapped-invalid-manager-talking-videocall-with-friends-holding-smartphone-taking-break-work-time_482257-2412.jpg?_wi=2",
|
||||
imageAlt: "Sensitivity Allergy Disorder Sickness Healthcare Concept",
|
||||
title: "Automated Payroll", description: "Twice-monthly processing.", bentoComponent: "reveal-icon", icon: CreditCard,
|
||||
},
|
||||
{
|
||||
title: "Access Control",
|
||||
description: "Secure role-based access.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-accessories-objects-top-view_1150-7578.jpg?_wi=1",
|
||||
imageAlt: "Sensitivity Allergy Disorder Sickness Healthcare Concept",
|
||||
title: "Access Control", description: "Secure role-based access.", bentoComponent: "reveal-icon", icon: Shield,
|
||||
},
|
||||
]}
|
||||
title="Powerful Features"
|
||||
@@ -119,20 +84,11 @@ export default function LandingPage() {
|
||||
title="Advanced Annual Reporting"
|
||||
description="Consolidated payroll reporting across 1st and 2nd terms automatically."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Dual-Term Consolidation",
|
||||
description: "Grouped salary data for both pay terms.",
|
||||
},
|
||||
{
|
||||
title: "Monthly Aggregation",
|
||||
description: "Simplified annual tax reporting.",
|
||||
},
|
||||
{
|
||||
title: "Export Ready",
|
||||
description: "Instant PDF/Excel generation.",
|
||||
},
|
||||
{ title: "Dual-Term Consolidation", description: "Grouped salary data for both pay terms." },
|
||||
{ title: "Monthly Aggregation", description: "Simplified annual tax reporting." },
|
||||
{ title: "Export Ready", description: "Instant PDF/Excel generation." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-accessories-objects-top-view_1150-7578.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-accessories-objects-top-view_1150-7578.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -144,54 +100,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Module",
|
||||
name: "Basic Payroll",
|
||||
price: "Standard",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/payment-benefits-bookkeeping-budget-payday-concept_53876-128108.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Module",
|
||||
name: "Benefits Deduction",
|
||||
price: "Integrated",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-financial-management-document-icon_53876-14639.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Module",
|
||||
name: "Tax Calculations",
|
||||
price: "Advanced",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165607.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Module",
|
||||
name: "Time-tracking",
|
||||
price: "Unified",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/personal-information-form-identity-concept_53876-137622.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Module",
|
||||
name: "Reporting",
|
||||
price: "Consolidated",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-business-elements-infographic-elements_23-2147554224.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Module",
|
||||
name: "Mobile Access",
|
||||
price: "Anywhere",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-woman-typing-laptop_23-2150062348.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Module", name: "Basic Payroll", price: "Standard", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/payment-benefits-bookkeeping-budget-payday-concept_53876-128108.jpg" },
|
||||
{ id: "p2", brand: "Module", name: "Benefits Deduction", price: "Integrated", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/business-financial-management-document-icon_53876-14639.jpg" },
|
||||
{ id: "p3", brand: "Module", name: "Tax Calculations", price: "Advanced", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165607.jpg" },
|
||||
{ id: "p4", brand: "Module", name: "Time-tracking", price: "Unified", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/personal-information-form-identity-concept_53876-137622.jpg" },
|
||||
{ id: "p5", brand: "Module", name: "Reporting", price: "Consolidated", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-vector/flat-business-elements-infographic-elements_23-2147554224.jpg" },
|
||||
{ id: "p6", brand: "Module", name: "Mobile Access", price: "Anywhere", rating: 5, reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/view-woman-typing-laptop_23-2150062348.jpg" },
|
||||
]}
|
||||
title="Payroll Modules"
|
||||
description="Transparent payroll calculation for your workforce."
|
||||
@@ -202,15 +116,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"InnovateLab",
|
||||
"GrowthCo",
|
||||
"StartupXYZ",
|
||||
"DataSystems",
|
||||
"FinancePro",
|
||||
"GlobalOps",
|
||||
]}
|
||||
names={["TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "DataSystems", "FinancePro", "GlobalOps"]}
|
||||
title="Trusted by Growing Teams"
|
||||
description="Companies that rely on our data intelligence."
|
||||
/>
|
||||
@@ -222,41 +128,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The reporting consolidated our 1st and 2nd term payroll so efficiently.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael C.",
|
||||
handle: "@mchen",
|
||||
testimonial: "Finally, I can track annual data across all payroll periods easily.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/remote-briefing-meeting-diverse-business-people-strategic-partnership_482257-127104.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
handle: "@erod",
|
||||
testimonial: "The interface is intuitive and the annual report saves me days of work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-asian-businessman-businesswoman-meeting-brainstorming-some-new-ideas-about-project_7861-2781.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
handle: "@dkim",
|
||||
testimonial: "Excellent payroll automation. A must for any modern company.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lisa M.",
|
||||
handle: "@lisam",
|
||||
testimonial: "Consolidated data is perfectly formatted for tax season. So helpful.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-working-laptop_1303-9731.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", handle: "@sarahj", testimonial: "The reporting consolidated our 1st and 2nd term payroll so efficiently.", imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg" },
|
||||
{ id: "t2", name: "Michael C.", handle: "@mchen", testimonial: "Finally, I can track annual data across all payroll periods easily.", imageSrc: "http://img.b2bpic.net/free-photo/remote-briefing-meeting-diverse-business-people-strategic-partnership_482257-127104.jpg" },
|
||||
{ id: "t3", name: "Emily R.", handle: "@erod", testimonial: "The interface is intuitive and the annual report saves me days of work.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-asian-businessman-businesswoman-meeting-brainstorming-some-new-ideas-about-project_7861-2781.jpg" },
|
||||
{ id: "t4", name: "David K.", handle: "@dkim", testimonial: "Excellent payroll automation. A must for any modern company.", imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg" },
|
||||
{ id: "t5", name: "Lisa M.", handle: "@lisam", testimonial: "Consolidated data is perfectly formatted for tax season. So helpful.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-working-laptop_1303-9731.jpg" },
|
||||
]}
|
||||
title="Client Success"
|
||||
description="What our users are saying about the consolidated reporting."
|
||||
@@ -268,21 +144,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How does the annual report work?",
|
||||
content: "It aggregates twice-a-month payroll into a single annual document.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I integrate my existing systems?",
|
||||
content: "Yes, we support API integrations with most popular accounting software.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is the system secure?",
|
||||
content: "We use bank-grade encryption to protect all employee salary and personal data.",
|
||||
},
|
||||
{ id: "f1", title: "How does the annual report work?", content: "It aggregates twice-a-month payroll into a single annual document." },
|
||||
{ id: "f2", title: "Can I integrate my existing systems?", content: "Yes, we support API integrations with most popular accounting software." },
|
||||
{ id: "f3", title: "Is the system secure?", content: "We use bank-grade encryption to protect all employee salary and personal data." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to common concerns about our HRIS."
|
||||
@@ -293,16 +157,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready to streamline your HR operations?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule a Demo",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Schedule a Demo", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -310,30 +167,10 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Help",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "API",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Support", items: [{ label: "Help", href: "#" }, { label: "API", href: "#" }],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 HRIS Pro."
|
||||
|
||||
Reference in New Issue
Block a user