Merge version_1_1782104420445 into main #2
@@ -13,292 +13,152 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroCenteredLogos
|
||||
avatarsSrc={[
|
||||
"http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
|
||||
"http://img.b2bpic.net/free-photo/portrait-mature-businessman-with-crossed-arms-standing-restaurant_23-2147955310.jpg",
|
||||
"http://img.b2bpic.net/free-photo/young-beautiful-hispanic-woman-smiling-confident-looking-side-street_839833-20277.jpg",
|
||||
"http://img.b2bpic.net/free-photo/attractive-blond-male-dressed-suit-dark-grey-background_613910-14130.jpg",
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ companies"
|
||||
title="Hire World-Class Talent Instantly"
|
||||
description="The trusted platform connecting innovative companies with top-tier professionals. Simplify your recruitment process with AI-driven matching."
|
||||
primaryButton={{
|
||||
text: "Find Talent",
|
||||
href: "#features",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
}}
|
||||
names={[
|
||||
"John Doe",
|
||||
"Jane Smith",
|
||||
"Alex River",
|
||||
"Sam Taylor",
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg?_wi=1"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
avatarsSrc={["http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg", "http://img.b2bpic.net/free-photo/portrait-mature-businessman-with-crossed-arms-standing-restaurant_23-2147955310.jpg", "http://img.b2bpic.net/free-photo/young-beautiful-hispanic-woman-smiling-confident-looking-side-street_839833-20277.jpg", "http://img.b2bpic.net/free-photo/attractive-blond-male-dressed-suit-dark-grey-background_613910-14130.jpg"]}
|
||||
avatarText="Trusted by 5,000+ companies"
|
||||
title="Hire World-Class Talent Instantly"
|
||||
description="The trusted platform connecting innovative companies with top-tier professionals. Simplify your recruitment process with AI-driven matching."
|
||||
primaryButton={{ text: "Find Talent", href: "#features" }}
|
||||
secondaryButton={{ text: "Learn More", href: "#about" }}
|
||||
names={["John Doe", "Jane Smith", "Alex River", "Sam Taylor"]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutText
|
||||
title="We bridge the gap between brilliant minds and industry leaders."
|
||||
primaryButton={{
|
||||
text: "Our Mission",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="We bridge the gap between brilliant minds and industry leaders."
|
||||
primaryButton={{ text: "Our Mission", href: "#" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBento
|
||||
tag="How it works"
|
||||
title="Advanced Matching Intelligence"
|
||||
description="Our proprietary engine evaluates hundreds of data points to find your perfect candidate."
|
||||
features={[
|
||||
{
|
||||
title: "Rapid Deployment",
|
||||
description: "Get candidates in hours.",
|
||||
bentoComponent: "animated-bar-chart",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
||||
imageAlt: "Young Businesswoman Portrait in Office",
|
||||
},
|
||||
{
|
||||
title: "Verified Profiles",
|
||||
description: "100% human-vetted.",
|
||||
bentoComponent: "checklist-timeline",
|
||||
heading: "Vetting Flow",
|
||||
subheading: "Strict process",
|
||||
checklistItems: [
|
||||
{
|
||||
label: "Background Check",
|
||||
detail: "Complete",
|
||||
},
|
||||
{
|
||||
label: "Skills Test",
|
||||
detail: "Complete",
|
||||
},
|
||||
{
|
||||
label: "Cultural Fit",
|
||||
detail: "Complete",
|
||||
},
|
||||
],
|
||||
completedLabel: "Certified",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
|
||||
imageAlt: "Young Businesswoman Portrait in Office",
|
||||
},
|
||||
{
|
||||
title: "Secure Chat",
|
||||
description: "Encrypted communication.",
|
||||
bentoComponent: "chat-marquee",
|
||||
aiIcon: Star,
|
||||
userIcon: User,
|
||||
exchanges: [
|
||||
{
|
||||
userMessage: "Need a developer",
|
||||
aiResponse: "Searching database...",
|
||||
},
|
||||
{
|
||||
userMessage: "React expert?",
|
||||
aiResponse: "Found 3 matches.",
|
||||
},
|
||||
],
|
||||
placeholder: "...",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mature-businessman-with-crossed-arms-standing-restaurant_23-2147955310.jpg",
|
||||
imageAlt: "Young Businesswoman Portrait in Office",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="How it works"
|
||||
title="Advanced Matching Intelligence"
|
||||
description="Our proprietary engine evaluates hundreds of data points to find your perfect candidate."
|
||||
features={[
|
||||
{
|
||||
title: "Rapid Deployment", description: "Get candidates in hours.", bentoComponent: "animated-bar-chart"
|
||||
},
|
||||
{
|
||||
title: "Verified Profiles", description: "100% human-vetted.", bentoComponent: "checklist-timeline", heading: "Vetting Flow", subheading: "Strict process", checklistItems: [
|
||||
{ label: "Background Check", detail: "Complete" },
|
||||
{ label: "Skills Test", detail: "Complete" },
|
||||
{ label: "Cultural Fit", detail: "Complete" }
|
||||
],
|
||||
completedLabel: "Certified"
|
||||
},
|
||||
{
|
||||
title: "Secure Chat", description: "Encrypted communication.", bentoComponent: "chat-marquee", aiIcon: "Star", userIcon: "User", exchanges: [
|
||||
{ userMessage: "Need a developer", aiResponse: "Searching database..." },
|
||||
{ userMessage: "React expert?", aiResponse: "Found 3 matches." }
|
||||
],
|
||||
placeholder: "..."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<SectionErrorBoundary name="product">
|
||||
<div id="product" data-section="product">
|
||||
<SectionErrorBoundary name="product">
|
||||
<FeaturesImageBento
|
||||
tag="Gallery"
|
||||
title="Platform Excellence"
|
||||
description="Explore our intuitive candidate dashboard and tools."
|
||||
items={[
|
||||
{
|
||||
title: "Dashboard",
|
||||
description: "Manage hires.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computers-data-center-running-server-rigs-diagnostic-tests_482257-118495.jpg",
|
||||
},
|
||||
{
|
||||
title: "Analytics",
|
||||
description: "Track growth.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-graphs-figures-laptop-left-open-desk-empty-office_482257-84546.jpg",
|
||||
},
|
||||
{
|
||||
title: "Interviews",
|
||||
description: "Schedule effortlessly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-messy-office-workspace-with-tablet_23-2150282031.jpg",
|
||||
},
|
||||
{
|
||||
title: "Reporting",
|
||||
description: "Insights provided.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-tablet_53876-41005.jpg",
|
||||
},
|
||||
{
|
||||
title: "Profiles",
|
||||
description: "Rich candidate views.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/join-us-headhunting-company-hiring-concept_53876-124285.jpg",
|
||||
},
|
||||
{
|
||||
title: "Collaboration",
|
||||
description: "Team workflows.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-colleagues-working-new-app-design_1098-21584.jpg",
|
||||
},
|
||||
{
|
||||
title: "Integrations",
|
||||
description: "Plug & Play.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/infrastructure-construction-chip-link-concept_53876-124760.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Gallery"
|
||||
title="Platform Excellence"
|
||||
description="Explore our intuitive candidate dashboard and tools."
|
||||
items={[
|
||||
{ title: "Dashboard", description: "Manage hires.", imageSrc: "http://img.b2bpic.net/free-photo/computers-data-center-running-server-rigs-diagnostic-tests_482257-118495.jpg" },
|
||||
{ title: "Analytics", description: "Track growth.", imageSrc: "http://img.b2bpic.net/free-photo/business-graphs-figures-laptop-left-open-desk-empty-office_482257-84546.jpg" },
|
||||
{ title: "Interviews", description: "Schedule effortlessly.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-messy-office-workspace-with-tablet_23-2150282031.jpg" },
|
||||
{ title: "Reporting", description: "Insights provided.", imageSrc: "http://img.b2bpic.net/free-photo/person-using-tablet_53876-41005.jpg" },
|
||||
{ title: "Profiles", description: "Rich candidate views.", imageSrc: "http://img.b2bpic.net/free-photo/join-us-headhunting-company-hiring-concept_53876-124285.jpg" },
|
||||
{ title: "Collaboration", description: "Team workflows.", imageSrc: "http://img.b2bpic.net/free-photo/creative-colleagues-working-new-app-design_1098-21584.jpg" },
|
||||
{ title: "Integrations", description: "Plug & Play.", imageSrc: "http://img.b2bpic.net/free-photo/infrastructure-construction-chip-link-concept_53876-124760.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsIconCards
|
||||
tag="Performance"
|
||||
title="Proven Impact"
|
||||
metrics={[
|
||||
{
|
||||
icon: Users,
|
||||
title: "Candidates Hired",
|
||||
value: "15,000+",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Avg Time to Hire",
|
||||
value: "4.5 Days",
|
||||
},
|
||||
{
|
||||
icon: Trophy,
|
||||
title: "Success Rate",
|
||||
value: "98%",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Performance"
|
||||
title="Proven Impact"
|
||||
description="Data-driven results for every hire."
|
||||
metrics={[
|
||||
{ icon: "Users", title: "Candidates Hired", value: "15,000+" },
|
||||
{ icon: "Clock", title: "Avg Time to Hire", value: "4.5 Days" },
|
||||
{ icon: "Trophy", title: "Success Rate", value: "98%" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeCards
|
||||
tag="Reviews"
|
||||
title="Loved by Recruiters"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
role: "HR Director",
|
||||
quote: "The best hiring platform ever.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg",
|
||||
},
|
||||
{
|
||||
name: "David Chen",
|
||||
role: "Tech Lead",
|
||||
quote: "Found a CTO in 3 days.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena Rodriguez",
|
||||
role: "CEO",
|
||||
quote: "Unmatched candidate quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-sucesful-buisnesswoman-glass-building-s-background_613910-21670.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marcus West",
|
||||
role: "VP Hiring",
|
||||
quote: "Exceptional support team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jessica Lee",
|
||||
role: "Head of Ops",
|
||||
quote: "Game-changing automation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-successful-businesswoman-suit-cross-arms-chest-smile-look-confident_1258-194088.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Reviews"
|
||||
title="Loved by Recruiters"
|
||||
description="See what others are saying."
|
||||
testimonials={[
|
||||
{ name: "Sarah Miller", role: "HR Director", quote: "The best hiring platform ever.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg" },
|
||||
{ name: "David Chen", role: "Tech Lead", quote: "Found a CTO in 3 days.", imageSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg" },
|
||||
{ name: "Elena Rodriguez", role: "CEO", quote: "Unmatched candidate quality.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-sucesful-buisnesswoman-glass-building-s-background_613910-21670.jpg" },
|
||||
{ name: "Marcus West", role: "VP Hiring", quote: "Exceptional support team.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg" },
|
||||
{ name: "Jessica Lee", role: "Head of Ops", quote: "Game-changing automation.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-successful-businesswoman-suit-cross-arms-chest-smile-look-confident_1258-194088.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<TeamStackedCards
|
||||
tag="Team"
|
||||
title="Meet the Minds"
|
||||
members={[
|
||||
{
|
||||
name: "Anna Stone",
|
||||
role: "Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",
|
||||
},
|
||||
{
|
||||
name: "Ben Carter",
|
||||
role: "CTO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-man-standing-room-white-shirt_1157-13679.jpg",
|
||||
},
|
||||
{
|
||||
name: "Chloe Zhao",
|
||||
role: "Lead Recruiter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-employee-office_1098-2028.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Team"
|
||||
title="Meet the Minds"
|
||||
description="Our dedicated recruitment experts."
|
||||
members={[
|
||||
{ name: "Anna Stone", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg" },
|
||||
{ name: "Ben Carter", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-man-standing-room-white-shirt_1157-13679.jpg" },
|
||||
{ name: "Chloe Zhao", role: "Lead Recruiter", imageSrc: "http://img.b2bpic.net/free-photo/charming-employee-office_1098-2028.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSplitMedia
|
||||
tag="Help"
|
||||
title="Common Questions"
|
||||
items={[
|
||||
{
|
||||
question: "How do I get started?",
|
||||
answer: "Sign up for an account.",
|
||||
},
|
||||
{
|
||||
question: "Is it secure?",
|
||||
answer: "Yes, we use SSL encryption.",
|
||||
},
|
||||
{
|
||||
question: "Can I cancel?",
|
||||
answer: "Yes, anytime.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/call-center-agent-uses-artificial-intelligence-enhance-customer-interactions_482257-126113.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Help"
|
||||
title="Common Questions"
|
||||
description="Get answers to frequently asked questions."
|
||||
items={[
|
||||
{ question: "How do I get started?", answer: "Sign up for an account." },
|
||||
{ question: "Is it secure?", answer: "Yes, we use SSL encryption." },
|
||||
{ question: "Can I cancel?", answer: "Yes, anytime." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/call-center-agent-uses-artificial-intelligence-enhance-customer-interactions_482257-126113.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Let's Talk"
|
||||
text="Ready to scale your team? Get started today."
|
||||
primaryButton={{
|
||||
text: "Contact Sales",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Book a Demo",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Let's Talk"
|
||||
text="Ready to scale your team? Get started today."
|
||||
primaryButton={{ text: "Contact Sales", href: "#" }}
|
||||
secondaryButton={{ text: "Book a Demo", href: "#" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user