Merge version_1 into main #2
255
src/app/page.tsx
255
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Plans",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Plans", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="CollectPro"
|
||||
/>
|
||||
@@ -60,63 +50,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Secure and Efficient Money Collection Services"
|
||||
description="Streamline your cash flow with our enterprise-grade collection tools. Built for security, transparency, and results."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/secure-online-payment_23-2152001145.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/secure-online-payment_23-2152001145.jpg"
|
||||
imageAlt="Financial Dashboard"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blond-businessman-surprised-expression_1194-3809.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blond-businessman-surprised-expression_1194-3809.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ enterprises"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "SOC2 Compliant",
|
||||
},
|
||||
type: "text", text: "SOC2 Compliant"},
|
||||
{
|
||||
type: "text",
|
||||
text: "ISO27001 Certified",
|
||||
},
|
||||
type: "text", text: "ISO27001 Certified"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time AI Analytics",
|
||||
},
|
||||
type: "text", text: "Real-time AI Analytics"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Seamless API Integrations",
|
||||
},
|
||||
type: "text", text: "Seamless API Integrations"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Reach",
|
||||
},
|
||||
type: "text", text: "Global Reach"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,19 +96,13 @@ export default function LandingPage() {
|
||||
description="We specialize in modern, compliant, and highly effective collection processes that maintain your client relationships."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Compliance Focused",
|
||||
description: "Strict adherence to regional financial regulations.",
|
||||
},
|
||||
title: "Compliance Focused", description: "Strict adherence to regional financial regulations."},
|
||||
{
|
||||
title: "Advanced Technology",
|
||||
description: "Utilize AI-driven analytics for optimized outcomes.",
|
||||
},
|
||||
title: "Advanced Technology", description: "Utilize AI-driven analytics for optimized outcomes."},
|
||||
{
|
||||
title: "Customer-First Approach",
|
||||
description: "Prioritizing brand reputation throughout every interaction.",
|
||||
},
|
||||
title: "Customer-First Approach", description: "Prioritizing brand reputation throughout every interaction."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-credit-cards-with-lock_23-2148578103.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-credit-cards-with-lock_23-2148578103.jpg"
|
||||
imageAlt="Security concept"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -154,67 +115,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Automated Workflows",
|
||||
description: "Save time by automating repetitive collection tasks.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/analyst-completing-monthly-income-balance-computer_482257-110048.jpg",
|
||||
imageAlt: "Automated workflow",
|
||||
},
|
||||
title: "Automated Workflows", description: "Save time by automating repetitive collection tasks.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/analyst-completing-monthly-income-balance-computer_482257-110048.jpg", imageAlt: "Automated workflow"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Smart reminders",
|
||||
},
|
||||
text: "Smart reminders"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Auto-reconciliation",
|
||||
},
|
||||
text: "Auto-reconciliation"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/secure-online-payment_23-2152001145.jpg?_wi=2",
|
||||
imageAlt: "automated financial process",
|
||||
},
|
||||
{
|
||||
title: "Real-time Reporting",
|
||||
description: "Get deep insights into your financial health with interactive reports.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-freedom-still-life-arrangement-with-copy-space_23-2149122688.jpg",
|
||||
imageAlt: "Reporting",
|
||||
},
|
||||
title: "Real-time Reporting", description: "Get deep insights into your financial health with interactive reports.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-freedom-still-life-arrangement-with-copy-space_23-2149122688.jpg", imageAlt: "Reporting"},
|
||||
items: [
|
||||
{
|
||||
icon: BarChart2,
|
||||
text: "Custom dashboards",
|
||||
},
|
||||
text: "Custom dashboards"},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
text: "Trend tracking",
|
||||
},
|
||||
text: "Trend tracking"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-credit-cards-with-lock_23-2148578103.jpg?_wi=2",
|
||||
imageAlt: "automated financial process",
|
||||
},
|
||||
{
|
||||
title: "Secure Integrations",
|
||||
description: "Plug into your existing CRM or ERP software instantly.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/infographic-template-design_1262-1265.jpg",
|
||||
imageAlt: "Integrations",
|
||||
},
|
||||
title: "Secure Integrations", description: "Plug into your existing CRM or ERP software instantly.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/infographic-template-design_1262-1265.jpg", imageAlt: "Integrations"},
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Enterprise-grade encryption",
|
||||
},
|
||||
text: "Enterprise-grade encryption"},
|
||||
{
|
||||
icon: Code,
|
||||
text: "Seamless API access",
|
||||
},
|
||||
text: "Seamless API access"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/company-managers-discussing-solution-businesspeople-gathering-meeting-room-watching-content-computer-monitor-together-business-communication-teamwork-concept_74855-11621.jpg?_wi=1",
|
||||
imageAlt: "automated financial process",
|
||||
},
|
||||
]}
|
||||
title="Core Capabilities"
|
||||
@@ -229,57 +166,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Starter",
|
||||
price: "$99",
|
||||
subtitle: "Best for small teams starting out.",
|
||||
buttons: [
|
||||
id: "basic", badge: "Starter", price: "$99", subtitle: "Best for small teams starting out.", buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Select", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"100 transactions/mo",
|
||||
"Basic support",
|
||||
"Real-time reports",
|
||||
],
|
||||
"100 transactions/mo", "Basic support", "Real-time reports"],
|
||||
},
|
||||
{
|
||||
id: "growth",
|
||||
badge: "Professional",
|
||||
price: "$299",
|
||||
subtitle: "Best for scaling businesses.",
|
||||
buttons: [
|
||||
id: "growth", badge: "Professional", price: "$299", subtitle: "Best for scaling businesses.", buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Select", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"1000 transactions/mo",
|
||||
"Priority support",
|
||||
"API access",
|
||||
"Advanced dashboard",
|
||||
],
|
||||
"1000 transactions/mo", "Priority support", "API access", "Advanced dashboard"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Enterprise",
|
||||
price: "Custom",
|
||||
subtitle: "Best for large scale global operations.",
|
||||
buttons: [
|
||||
id: "enterprise", badge: "Enterprise", price: "Custom", subtitle: "Best for large scale global operations.", buttons: [
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited transactions",
|
||||
"Dedicated account manager",
|
||||
"Custom integration",
|
||||
"SLA support",
|
||||
],
|
||||
"Unlimited transactions", "Dedicated account manager", "Custom integration", "SLA support"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing Plans"
|
||||
@@ -294,20 +202,11 @@ export default function LandingPage() {
|
||||
tag="Our Stats"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "98%",
|
||||
description: "Collection Efficiency",
|
||||
},
|
||||
id: "m1", value: "98%", description: "Collection Efficiency"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "$12M+",
|
||||
description: "Recovered Successfully",
|
||||
},
|
||||
id: "m2", value: "$12M+", description: "Recovered Successfully"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
description: "Corporate Clients",
|
||||
},
|
||||
id: "m3", value: "500+", description: "Corporate Clients"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -320,40 +219,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Jenkins",
|
||||
role: "Finance Director",
|
||||
testimonial: "Transformative technology that simplified our processes significantly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Jenkins", role: "Finance Director", testimonial: "Transformative technology that simplified our processes significantly.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Operations Manager",
|
||||
testimonial: "The best partner for our collection needs. Extremely professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-sad-expression_1194-3905.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "Operations Manager", testimonial: "The best partner for our collection needs. Extremely professional.", imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-sad-expression_1194-3905.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "CEO",
|
||||
testimonial: "Excellent transparency and result-oriented service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-office-employer-holding-pen-reading-notes-glass-wall-focused-confident-businessman-suit-thinking-about-idea-project_74855-6736.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "CEO", testimonial: "Excellent transparency and result-oriented service.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-office-employer-holding-pen-reading-notes-glass-wall-focused-confident-businessman-suit-thinking-about-idea-project_74855-6736.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Financial Controller",
|
||||
testimonial: "Professional, efficient, and reliable. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Financial Controller", testimonial: "Professional, efficient, and reliable. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
role: "Business Owner",
|
||||
testimonial: "Our collections improved by 40% within three months.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-doing-voguing-dance-moves-indoors_23-2151099012.jpg",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", role: "Business Owner", testimonial: "Our collections improved by 40% within three months.", imageSrc: "http://img.b2bpic.net/free-photo/people-doing-voguing-dance-moves-indoors_23-2151099012.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by industry leaders worldwide."
|
||||
@@ -365,20 +239,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does it take to start?",
|
||||
content: "Onboarding takes about 24-48 hours including integration setup.",
|
||||
},
|
||||
id: "f1", title: "How long does it take to start?", content: "Onboarding takes about 24-48 hours including integration setup."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is the platform secure?",
|
||||
content: "Yes, we adhere to SOC2 and ISO27001 standards.",
|
||||
},
|
||||
id: "f2", title: "Is the platform secure?", content: "Yes, we adhere to SOC2 and ISO27001 standards."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you support custom integrations?",
|
||||
content: "Yes, our API supports most major enterprise ERP/CRM platforms.",
|
||||
},
|
||||
id: "f3", title: "Do you support custom integrations?", content: "Yes, our API supports most major enterprise ERP/CRM platforms."},
|
||||
]}
|
||||
sideTitle="Questions? Answered."
|
||||
sideDescription="Find quick answers to common inquiries about our platform and services."
|
||||
@@ -393,19 +258,13 @@ export default function LandingPage() {
|
||||
description="Ready to optimize your collection strategy? Reach out to our experts today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Full Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/company-managers-discussing-solution-businesspeople-gathering-meeting-room-watching-content-computer-monitor-together-business-communication-teamwork-concept_74855-11621.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/company-managers-discussing-solution-businesspeople-gathering-meeting-room-watching-content-computer-monitor-together-business-communication-teamwork-concept_74855-11621.jpg"
|
||||
imageAlt="Support team"
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user