Merge version_1 into main #2
435
src/app/page.tsx
435
src/app/page.tsx
@@ -29,321 +29,144 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Precision HR"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Precision HR"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Precision HR Consulting"
|
||||
description="Empowering organizations through strategic human capital management and tailored HR solutions that drive sustainable growth."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/group-happy-businesspeople-having-meeting_1098-1699.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businesspeople-working-laptop-office_1098-1672.jpg",
|
||||
alt: "Businesspeople working on laptop in office",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-discussing-business-department-meeting_1098-20238.jpg",
|
||||
alt: "People discussing business at the department meeting",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-working-with-his-colleagues_1098-21578.jpg",
|
||||
alt: "Businessman working with his colleagues",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-teaching-document-some-colleagues_1262-819.jpg",
|
||||
alt: "Business woman teaching a document to some colleagues",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
|
||||
alt: "Successful businessman imagines great career",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Strategic HR Planning",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Talent Optimization",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Leadership Coaching",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Compliance Solutions",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Organizational Design",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Precision HR Consulting"
|
||||
description="Empowering organizations through strategic human capital management and tailored HR solutions that drive sustainable growth."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/group-happy-businesspeople-having-meeting_1098-1699.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/businesspeople-working-laptop-office_1098-1672.jpg", alt: "Businesspeople working on laptop in office" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/people-discussing-business-department-meeting_1098-20238.jpg", alt: "People discussing business at the department meeting" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/businessman-working-with-his-colleagues_1098-21578.jpg", alt: "Businessman working with his colleagues" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-woman-teaching-document-some-colleagues_1262-819.jpg", alt: "Business woman teaching a document to some colleagues" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg", alt: "Successful businessman imagines great career" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Strategic HR Planning" },
|
||||
{ type: "text", text: "Talent Optimization" },
|
||||
{ type: "text", text: "Leadership Coaching" },
|
||||
{ type: "text", text: "Compliance Solutions" },
|
||||
{ type: "text", text: "Organizational Design" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="About Us"
|
||||
title="Your Partner in Strategic HR"
|
||||
description="At Precision Consulting, we bridge the gap between people and performance. With decades of combined HR leadership, we specialize in organizational design, talent optimization, and compliance."
|
||||
subdescription="We believe your workforce is your greatest asset. We provide the expertise you need to unlock their full potential while ensuring your organizational goals are met with precision."
|
||||
icon={Users}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-executive-instructing-diverse-employees-new-modern-company-office-room-before-business-meeting-with-partners-analysing-reports-tablet_482257-5242.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="About Us"
|
||||
title="Your Partner in Strategic HR"
|
||||
description="At Precision Consulting, we bridge the gap between people and performance. With decades of combined HR leadership, we specialize in organizational design, talent optimization, and compliance."
|
||||
subdescription="We believe your workforce is your greatest asset. We provide the expertise you need to unlock their full potential while ensuring your organizational goals are met with precision."
|
||||
icon={Users}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-executive-instructing-diverse-employees-new-modern-company-office-room-before-business-meeting-with-partners-analysing-reports-tablet_482257-5242.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={true}
|
||||
title="Our Specialized HR Services"
|
||||
description="Comprehensive consulting designed to scale with your business and tackle complex human capital challenges."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Organizational Development",
|
||||
content: "Designing structures that improve efficiency and align with long-term goals.",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Talent Acquisition",
|
||||
content: "Modern recruitment strategies to secure top-tier candidates efficiently.",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Leadership Coaching",
|
||||
content: "Mentoring high-potential employees to build your internal leadership pipeline.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153846.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={true}
|
||||
title="Our Specialized HR Services"
|
||||
description="Comprehensive consulting designed to scale with your business and tackle complex human capital challenges."
|
||||
accordionItems={[
|
||||
{ id: "s1", title: "Organizational Development", content: "Designing structures that improve efficiency and align with long-term goals." },
|
||||
{ id: "s2", title: "Talent Acquisition", content: "Modern recruitment strategies to secure top-tier candidates efficiently." },
|
||||
{ id: "s3", title: "Leadership Coaching", content: "Mentoring high-potential employees to build your internal leadership pipeline." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153846.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Results Driven By Data"
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Organizations Transformed",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "25%",
|
||||
description: "Average Employee Retention Increase",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "40+",
|
||||
description: "Global Markets Served",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Results Driven By Data"
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{ id: "m1", value: "500+", description: "Organizations Transformed" },
|
||||
{ id: "m2", value: "25%", description: "Average Employee Retention Increase" },
|
||||
{ id: "m3", value: "40+", description: "Global Markets Served" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Jenkins",
|
||||
date: "Jan 2024",
|
||||
title: "CEO",
|
||||
quote: "Precision Consulting revolutionized our hiring strategy.",
|
||||
tag: "Strategic Hire",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-happy-businesspeople-having-meeting_1098-1699.jpg?_wi=2",
|
||||
imageAlt: "portrait professional woman",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Reed",
|
||||
date: "Feb 2024",
|
||||
title: "COO",
|
||||
quote: "Invaluable support for our organizational restructuring.",
|
||||
tag: "Restructuring",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-executive-instructing-diverse-employees-new-modern-company-office-room-before-business-meeting-with-partners-analysing-reports-tablet_482257-5242.jpg?_wi=2",
|
||||
imageAlt: "portrait professional woman",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
date: "Mar 2024",
|
||||
title: "VP of Operations",
|
||||
quote: "Their leadership coaching was transformational for my team.",
|
||||
tag: "Coaching",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/company-managers-reporting-female-boss-businesspeople-sitting-meeting-table-with-holding-paper-talking-business-discussion-teamwork-concept_74855-11624.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arab-business-worker-chatting-with-coworker-using-smartphone_482257-78117.jpg",
|
||||
imageAlt: "portrait professional woman",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
date: "Apr 2024",
|
||||
title: "Founder",
|
||||
quote: "Unmatched expertise in HR compliance and development.",
|
||||
tag: "Operations",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mockup-business-template_93675-132494.jpg",
|
||||
imageAlt: "portrait professional woman",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Amanda Wu",
|
||||
date: "May 2024",
|
||||
title: "Director",
|
||||
quote: "They helped us scale our culture as we grew globally.",
|
||||
tag: "Culture",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/logo-design-with-splash-different-colors-generative-ai_169016-34135.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg",
|
||||
imageAlt: "portrait professional woman",
|
||||
},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by industry leaders to deliver lasting results."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Jenkins", date: "Jan 2024", title: "CEO", quote: "Precision Consulting revolutionized our hiring strategy.", tag: "Strategic Hire", avatarSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", imageSrc: "http://img.b2bpic.net/free-photo/group-happy-businesspeople-having-meeting_1098-1699.jpg", imageAlt: "portrait professional woman" },
|
||||
{ id: "2", name: "Michael Reed", date: "Feb 2024", title: "COO", quote: "Invaluable support for our organizational restructuring.", tag: "Restructuring", avatarSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-executive-instructing-diverse-employees-new-modern-company-office-room-before-business-meeting-with-partners-analysing-reports-tablet_482257-5242.jpg", imageAlt: "portrait professional woman" },
|
||||
{ id: "3", name: "Elena Rodriguez", date: "Mar 2024", title: "VP of Operations", quote: "Their leadership coaching was transformational for my team.", tag: "Coaching", avatarSrc: "http://img.b2bpic.net/free-photo/company-managers-reporting-female-boss-businesspeople-sitting-meeting-table-with-holding-paper-talking-business-discussion-teamwork-concept_74855-11624.jpg", imageSrc: "http://img.b2bpic.net/free-photo/arab-business-worker-chatting-with-coworker-using-smartphone_482257-78117.jpg", imageAlt: "portrait professional woman" },
|
||||
{ id: "4", name: "David Kim", date: "Apr 2024", title: "Founder", quote: "Unmatched expertise in HR compliance and development.", tag: "Operations", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg", imageSrc: "http://img.b2bpic.net/free-photo/mockup-business-template_93675-132494.jpg", imageAlt: "portrait professional woman" },
|
||||
{ id: "5", name: "Amanda Wu", date: "May 2024", title: "Director", quote: "They helped us scale our culture as we grew globally.", tag: "Culture", avatarSrc: "http://img.b2bpic.net/free-photo/logo-design-with-splash-different-colors-generative-ai_169016-34135.jpg", imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg", imageAlt: "portrait professional woman" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by industry leaders to deliver lasting results."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"GlobalCorp",
|
||||
"InnovateTech",
|
||||
"FinanceHub",
|
||||
"LogisticsPlus",
|
||||
"MarketPulse",
|
||||
"LegalEdge",
|
||||
"TechStream",
|
||||
]}
|
||||
title="Industry Partners"
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["GlobalCorp", "InnovateTech", "FinanceHub", "LogisticsPlus", "MarketPulse", "LegalEdge", "TechStream"]}
|
||||
title="Industry Partners"
|
||||
description="Trusted by leading global organizations."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do you measure success?",
|
||||
content: "We use tailored KPIs including retention, engagement scores, and productivity metrics.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you work with global firms?",
|
||||
content: "Yes, we have deep experience in cross-border HR compliance and policy alignment.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What is the engagement timeline?",
|
||||
content: "Timelines are project-specific, ranging from short-term assessments to long-term partnerships.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Common HR Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "How do you measure success?", content: "We use tailored KPIs including retention, engagement scores, and productivity metrics." },
|
||||
{ id: "f2", title: "Do you work with global firms?", content: "Yes, we have deep experience in cross-border HR compliance and policy alignment." },
|
||||
{ id: "f3", title: "What is the engagement timeline?", content: "Timelines are project-specific, ranging from short-term assessments to long-term partnerships." },
|
||||
]}
|
||||
sideTitle="Common HR Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get in touch"
|
||||
title="Ready to Transform Your Workforce?"
|
||||
description="Schedule a discovery call with our experts to discuss your organization's specific needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Consultation",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in touch"
|
||||
title="Ready to Transform Your Workforce?"
|
||||
description="Schedule a discovery call with our experts to discuss your organization's specific needs."
|
||||
buttons={[{ text: "Book Consultation", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Precision HR"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Development",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Acquisition",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Precision HR"
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Development", href: "#services" }, { label: "Acquisition", href: "#services" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user