Update src/app/page.tsx

This commit is contained in:
2026-06-11 05:15:29 +00:00
parent 96f47fecfa
commit 05379faa88

View File

@@ -35,96 +35,59 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Solutions",
id: "#solutions",
},
name: "Solutions", id: "#solutions"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="CRM Flow"
button={{
text: "Get Started",
href: "#pricing",
}}
text: "Get Started", href: "#pricing"}}
/>
</div>
<div id="home" data-section="home">
<HeroSplitKpi
background={{
variant: "plain",
}}
variant: "plain"}}
title="CRM Flow: Streamline Your Sales & Customer Management"
description="An all-in-one CRM system designed to empower your sales teams, enhance customer relationships, and drive business growth with intelligent automation."
kpis={[
{
value: "30%",
label: "Increase in Sales",
},
value: "30%", label: "Increase in Sales"},
{
value: "95%",
label: "Customer Satisfaction",
},
value: "95%", label: "Customer Satisfaction"},
{
value: "2x",
label: "Faster Lead Conversion",
},
value: "2x", label: "Faster Lead Conversion"},
]}
enableKpiAnimation={true}
tag="CRM Redefined"
buttons={[
{
text: "Start Free Trial",
href: "#pricing",
},
text: "Start Free Trial", href: "#pricing"},
{
text: "Request a Demo",
href: "#contact",
},
text: "Request a Demo", href: "#contact"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/thinking-business-ideas_1098-14443.jpg",
alt: "Sarah Johnson",
},
src: "http://img.b2bpic.net/free-photo/thinking-business-ideas_1098-14443.jpg", alt: "Sarah Johnson"},
{
src: "http://img.b2bpic.net/free-photo/serious-afroamerican-businessman-front-view_23-2148508922.jpg",
alt: "Michael Chen",
},
src: "http://img.b2bpic.net/free-photo/serious-afroamerican-businessman-front-view_23-2148508922.jpg", alt: "Michael Chen"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-tablet_23-2149442310.jpg",
alt: "Emily Rodriguez",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-tablet_23-2149442310.jpg", alt: "Emily Rodriguez"},
{
src: "http://img.b2bpic.net/free-photo/woman-taking-selfie-with-her-colleagues_23-2149330988.jpg",
alt: "David Kim",
},
src: "http://img.b2bpic.net/free-photo/woman-taking-selfie-with-her-colleagues_23-2149330988.jpg", alt: "David Kim"},
{
src: "http://img.b2bpic.net/free-photo/happy-ethnic-executive-woman-looking-camera_1098-20037.jpg",
alt: "Happy ethnic executive woman looking at camera",
},
src: "http://img.b2bpic.net/free-photo/happy-ethnic-executive-woman-looking-camera_1098-20037.jpg", alt: "Happy ethnic executive woman looking at camera"},
]}
avatarText="Join 1000+ businesses growing with us"
imageSrc="http://img.b2bpic.net/free-photo/business-leader-trader-searching-new-investment-solution_482257-116895.jpg"
@@ -132,29 +95,17 @@ export default function LandingPage() {
mediaAnimation="slide-up"
marqueeItems={[
{
type: "text-icon",
text: "Boost Efficiency",
icon: Rocket,
type: "text-icon", text: "Boost Efficiency", icon: Rocket,
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg",
alt: "Manager watches tablet with greenscreen",
type: "image", src: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg", alt: "Manager watches tablet with greenscreen"},
{
type: "text-icon", text: "Enhance Sales", icon: TrendingUp,
},
{
type: "text-icon",
text: "Enhance Sales",
icon: TrendingUp,
},
type: "image", src: "http://img.b2bpic.net/free-photo/executive-workspace-features-digital-dashboard-with-financial-charts_482257-123845.jpg", alt: "Executive workspace features a digital dashboard with financial charts"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/executive-workspace-features-digital-dashboard-with-financial-charts_482257-123845.jpg",
alt: "Executive workspace features a digital dashboard with financial charts",
},
{
type: "text-icon",
text: "Customer Focus",
icon: Users,
type: "text-icon", text: "Customer Focus", icon: Users,
},
]}
marqueeSpeed={40}
@@ -169,35 +120,17 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
id: "f1",
title: "Automated Sales Pipeline",
descriptions: [
"Streamline your sales process from lead generation to deal closure.",
"Automate repetitive tasks and follow-ups to save time and increase efficiency.",
],
imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038415.jpg",
imageAlt: "Automated Sales Pipeline",
},
id: "f1", title: "Automated Sales Pipeline", descriptions: [
"Streamline your sales process from lead generation to deal closure.", "Automate repetitive tasks and follow-ups to save time and increase efficiency."],
imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038415.jpg", imageAlt: "Automated Sales Pipeline"},
{
id: "f2",
title: "Intelligent Customer Engagement",
descriptions: [
"Personalize customer interactions with AI-powered insights and communication tools.",
"Build stronger relationships through targeted messaging and proactive support.",
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-notebook-displaying-ai-machine-learning-algorithms_482257-122159.jpg",
imageAlt: "Intelligent Customer Engagement",
},
id: "f2", title: "Intelligent Customer Engagement", descriptions: [
"Personalize customer interactions with AI-powered insights and communication tools.", "Build stronger relationships through targeted messaging and proactive support."],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-notebook-displaying-ai-machine-learning-algorithms_482257-122159.jpg", imageAlt: "Intelligent Customer Engagement"},
{
id: "f3",
title: "Comprehensive Analytics & Reporting",
descriptions: [
"Gain deep insights into sales performance, customer behavior, and marketing effectiveness.",
"Make data-driven decisions with customizable dashboards and real-time reports.",
],
imageSrc: "http://img.b2bpic.net/free-photo/sales-assistant-planning-business-charts-digital-laptop-working-with-e-commerce-e-shopping-management-company-office-manager-using-statistics-develop-creative-project_482257-39076.jpg",
imageAlt: "Comprehensive Analytics & Reporting",
},
id: "f3", title: "Comprehensive Analytics & Reporting", descriptions: [
"Gain deep insights into sales performance, customer behavior, and marketing effectiveness.", "Make data-driven decisions with customizable dashboards and real-time reports."],
imageSrc: "http://img.b2bpic.net/free-photo/sales-assistant-planning-business-charts-digital-laptop-working-with-e-commerce-e-shopping-management-company-office-manager-using-statistics-develop-creative-project_482257-39076.jpg", imageAlt: "Comprehensive Analytics & Reporting"},
]}
title="Key Features That Drive Your Success"
description="Discover powerful tools designed to simplify your workflows and boost productivity across your sales and customer management."
@@ -209,14 +142,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"InnovateSphere",
"FinEdge",
"PixelPulse",
"MediConnect",
"PathFinder Logistics",
"LearnSphere",
"FortiGuard",
]}
"InnovateSphere", "FinEdge", "PixelPulse", "MediConnect", "PathFinder Logistics", "LearnSphere", "FortiGuard"]}
title="Trusted by Leading Businesses Worldwide"
description="Join a growing community of companies who have transformed their customer relationships and accelerated growth with CRM Flow."
speed={40}
@@ -232,20 +158,11 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "+35%",
description: "Average increase in customer retention",
},
id: "m1", value: "+35%", description: "Average increase in customer retention"},
{
id: "m2",
value: "-20%",
description: "Reduction in sales cycle length",
},
id: "m2", value: "-20%", description: "Reduction in sales cycle length"},
{
id: "m3",
value: "90+",
description: "Net Promoter Score from satisfied users",
},
id: "m3", value: "90+", description: "Net Promoter Score from satisfied users"},
]}
title="Achieve Tangible Results with CRM Flow"
description="Our clients consistently report significant improvements across key performance indicators, validating the power of our CRM."
@@ -258,11 +175,8 @@ export default function LandingPage() {
title="About CRM Flow: Your Partner in Growth"
buttons={[
{
text: "Learn More About Us",
href: "#",
},
text: "Learn More About Us", href: "#"},
]}
description="At CRM Flow, we believe that strong customer relationships are the foundation of every successful business. Our mission is to provide an intuitive, powerful, and scalable CRM solution that adapts to your unique needs, helping you connect with customers, streamline operations, and accelerate your growth journey."
/>
</div>
@@ -274,65 +188,23 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
brand: "CRM Flow",
name: "Sales Automation",
price: "Streamline Your Deals",
rating: 5,
reviewCount: "1,200 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-paper-sheet-with-graph_23-2148210412.jpg",
imageAlt: "Sales Automation Module",
},
id: "p1", brand: "CRM Flow", name: "Sales Automation", price: "Streamline Your Deals", rating: 5,
reviewCount: "1,200 reviews", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-paper-sheet-with-graph_23-2148210412.jpg", imageAlt: "Sales Automation Module"},
{
id: "p2",
brand: "CRM Flow",
name: "Customer Service",
price: "Delight Your Clients",
rating: 5,
reviewCount: "850 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/business-investor-analyzing-stock-market-trend-monitor-trading-capital-profit-exchange-investment-young-broker-investing-funds-using-financial-forex-market-sales-close-up-handheld-shot_482257-40948.jpg",
imageAlt: "Customer Service Module",
},
id: "p2", brand: "CRM Flow", name: "Customer Service", price: "Delight Your Clients", rating: 5,
reviewCount: "850 reviews", imageSrc: "http://img.b2bpic.net/free-photo/business-investor-analyzing-stock-market-trend-monitor-trading-capital-profit-exchange-investment-young-broker-investing-funds-using-financial-forex-market-sales-close-up-handheld-shot_482257-40948.jpg", imageAlt: "Customer Service Module"},
{
id: "p3",
brand: "CRM Flow",
name: "Marketing Campaigns",
price: "Engage Your Audience",
rating: 5,
reviewCount: "1,000 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038397.jpg",
imageAlt: "Marketing Campaigns Module",
},
id: "p3", brand: "CRM Flow", name: "Marketing Campaigns", price: "Engage Your Audience", rating: 5,
reviewCount: "1,000 reviews", imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038397.jpg", imageAlt: "Marketing Campaigns Module"},
{
id: "p4",
brand: "CRM Flow",
name: "Reporting & Analytics",
price: "Gain Key Insights",
rating: 5,
reviewCount: "980 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-company-growth_53876-26232.jpg",
imageAlt: "Reporting & Analytics Module",
},
id: "p4", brand: "CRM Flow", name: "Reporting & Analytics", price: "Gain Key Insights", rating: 5,
reviewCount: "980 reviews", imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-company-growth_53876-26232.jpg", imageAlt: "Reporting & Analytics Module"},
{
id: "p5",
brand: "CRM Flow",
name: "Mobile Access",
price: "CRM On-the-Go",
rating: 5,
reviewCount: "720 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/worker-holding-device-with-greenscreen_482257-76711.jpg",
imageAlt: "Mobile Access Module",
},
id: "p5", brand: "CRM Flow", name: "Mobile Access", price: "CRM On-the-Go", rating: 5,
reviewCount: "720 reviews", imageSrc: "http://img.b2bpic.net/free-photo/worker-holding-device-with-greenscreen_482257-76711.jpg", imageAlt: "Mobile Access Module"},
{
id: "p6",
brand: "CRM Flow",
name: "Integration Hub",
price: "Connect All Your Tools",
rating: 5,
reviewCount: "650 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038402.jpg",
imageAlt: "Integration Hub Module",
},
id: "p6", brand: "CRM Flow", name: "Integration Hub", price: "Connect All Your Tools", rating: 5,
reviewCount: "650 reviews", imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038402.jpg", imageAlt: "Integration Hub Module"},
]}
title="Explore Our Powerful CRM Modules"
description="CRM Flow offers a suite of integrated modules to cover every aspect of your customer journey, from lead generation to post-sales support."
@@ -346,63 +218,31 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Starter",
badgeIcon: Sparkles,
price: "$49/month",
subtitle: "For individuals & small teams",
buttons: [
id: "basic", badge: "Starter", badgeIcon: Sparkles,
price: "$49/month", subtitle: "For individuals & small teams", buttons: [
{
text: "Get Started",
href: "#",
},
text: "Get Started", href: "#"},
],
features: [
"Up to 5 Users",
"Basic Sales Automation",
"Standard Support",
"Contact Management",
],
"Up to 5 Users", "Basic Sales Automation", "Standard Support", "Contact Management"],
},
{
id: "pro",
badge: "Most Popular",
badgeIcon: Crown,
price: "$99/month",
subtitle: "For growing businesses & sales teams",
buttons: [
id: "pro", badge: "Most Popular", badgeIcon: Crown,
price: "$99/month", subtitle: "For growing businesses & sales teams", buttons: [
{
text: "Start Free Trial",
href: "#",
},
text: "Start Free Trial", href: "#"},
],
features: [
"Up to 25 Users",
"Advanced Sales & Marketing Automation",
"Priority Support",
"Customizable Dashboards",
"Mobile Access",
],
"Up to 25 Users", "Advanced Sales & Marketing Automation", "Priority Support", "Customizable Dashboards", "Mobile Access"],
},
{
id: "enterprise",
badge: "Enterprise",
badgeIcon: Building,
price: "Custom Quote",
subtitle: "For large organizations & complex needs",
buttons: [
id: "enterprise", badge: "Enterprise", badgeIcon: Building,
price: "Custom Quote", subtitle: "For large organizations & complex needs", buttons: [
{
text: "Contact Sales",
href: "#contact",
},
text: "Contact Sales", href: "#contact"},
],
features: [
"Unlimited Users",
"Full Platform Customization",
"Dedicated Account Manager",
"Advanced Security Features",
"Integrations & APIs",
],
"Unlimited Users", "Full Platform Customization", "Dedicated Account Manager", "Advanced Security Features", "Integrations & APIs"],
},
]}
title="Flexible Pricing for Every Business Size"
@@ -417,64 +257,28 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah Johnson",
role: "CEO",
company: "TechCorp Solutions",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg",
imageAlt: "Sarah Johnson",
},
id: "t1", name: "Sarah Johnson", role: "CEO", company: "TechCorp Solutions", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg", imageAlt: "Sarah Johnson"},
{
id: "t2",
name: "Michael Chen",
role: "CTO",
company: "Innovate Labs",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
imageAlt: "Michael Chen",
},
id: "t2", name: "Michael Chen", role: "CTO", company: "Innovate Labs", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg", imageAlt: "Michael Chen"},
{
id: "t3",
name: "Emily Rodriguez",
role: "Marketing Director",
company: "Growth Strategies Inc.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/five-multiracial-business-womans-standing-office-roll-woman-chair-diverse-group-female-employees-formal-wear-having-fun_627829-952.jpg",
imageAlt: "Emily Rodriguez",
},
id: "t3", name: "Emily Rodriguez", role: "Marketing Director", company: "Growth Strategies Inc.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/five-multiracial-business-womans-standing-office-roll-woman-chair-diverse-group-female-employees-formal-wear-having-fun_627829-952.jpg", imageAlt: "Emily Rodriguez"},
{
id: "t4",
name: "David Kim",
role: "Product Manager",
company: "Startup XYZ",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/well-done-satisfied-businessman-suit-showing-thumbs-up-approval-like-agree-recommend-good_1258-162950.jpg",
imageAlt: "David Kim",
},
id: "t4", name: "David Kim", role: "Product Manager", company: "Startup XYZ", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/well-done-satisfied-businessman-suit-showing-thumbs-up-approval-like-agree-recommend-good_1258-162950.jpg", imageAlt: "David Kim"},
{
id: "t5",
name: "Jessica Lee",
role: "Small Business Owner",
company: "Crafty Creations",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/look-up-i-show-you-something_329181-11400.jpg",
imageAlt: "Jessica Lee",
},
id: "t5", name: "Jessica Lee", role: "Small Business Owner", company: "Crafty Creations", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/look-up-i-show-you-something_329181-11400.jpg", imageAlt: "Jessica Lee"},
]}
kpiItems={[
{
value: "4.9/5",
label: "Average Rating",
},
value: "4.9/5", label: "Average Rating"},
{
value: "10K+",
label: "Happy Customers",
},
value: "10K+", label: "Happy Customers"},
{
value: "98%",
label: "Retention Rate",
},
value: "98%", label: "Retention Rate"},
]}
title="What Our Valued Customers Say"
description="Hear directly from businesses who have transformed their sales and customer service operations with CRM Flow."
@@ -487,35 +291,17 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "What is CRM Flow?",
content: "CRM Flow is an all-in-one Customer Relationship Management system designed to help businesses manage customer interactions, streamline sales, automate marketing, and improve customer service.",
},
id: "q1", title: "What is CRM Flow?", content: "CRM Flow is an all-in-one Customer Relationship Management system designed to help businesses manage customer interactions, streamline sales, automate marketing, and improve customer service."},
{
id: "q2",
title: "How does CRM Flow help my sales team?",
content: "CRM Flow provides tools for lead management, sales pipeline automation, forecasting, and performance tracking, enabling your sales team to close more deals faster and more efficiently.",
},
id: "q2", title: "How does CRM Flow help my sales team?", content: "CRM Flow provides tools for lead management, sales pipeline automation, forecasting, and performance tracking, enabling your sales team to close more deals faster and more efficiently."},
{
id: "q3",
title: "Can I integrate CRM Flow with other tools?",
content: "Yes, CRM Flow offers a robust integration hub with APIs that allow seamless connection with popular business tools like email platforms, marketing automation software, and more.",
},
id: "q3", title: "Can I integrate CRM Flow with other tools?", content: "Yes, CRM Flow offers a robust integration hub with APIs that allow seamless connection with popular business tools like email platforms, marketing automation software, and more."},
{
id: "q4",
title: "What kind of support does CRM Flow offer?",
content: "We offer comprehensive support including a knowledge base, email support, and priority support for our Pro and Enterprise plans. Dedicated account managers are available for Enterprise clients.",
},
id: "q4", title: "What kind of support does CRM Flow offer?", content: "We offer comprehensive support including a knowledge base, email support, and priority support for our Pro and Enterprise plans. Dedicated account managers are available for Enterprise clients."},
{
id: "q5",
title: "Is CRM Flow suitable for small businesses?",
content: "Absolutely! Our Basic and Pro plans are specifically designed to cater to the needs of small and growing businesses, offering essential CRM functionalities at an affordable price.",
},
id: "q5", title: "Is CRM Flow suitable for small businesses?", content: "Absolutely! Our Basic and Pro plans are specifically designed to cater to the needs of small and growing businesses, offering essential CRM functionalities at an affordable price."},
{
id: "q6",
title: "How does the free trial work?",
content: "Our free trial allows you to experience the full features of a selected plan for 14 days, with no credit card required. You can upgrade to a paid plan at any time.",
},
id: "q6", title: "How does the free trial work?", content: "Our free trial allows you to experience the full features of a selected plan for 14 days, with no credit card required. You can upgrade to a paid plan at any time."},
]}
title="Frequently Asked Questions"
description="Find quick answers to the most common questions about CRM Flow features, pricing, and support. If you can't find what you're looking for, feel free to contact us."
@@ -527,20 +313,15 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Get Started"
title="Ready to Transform Your Business?"
description="Join thousands of successful companies utilizing CRM Flow to manage their customer relationships more effectively. Sign up for a free trial or schedule a personalized demo today!"
buttons={[
{
text: "Start Free Trial",
href: "#pricing",
},
text: "Start Free Trial", href: "#pricing"},
{
text: "Contact Sales",
href: "#",
},
text: "Contact Sales", href: "#"},
]}
/>
</div>
@@ -550,58 +331,35 @@ export default function LandingPage() {
logoText="CRM Flow"
columns={[
{
title: "Product",
items: [
title: "Product", items: [
{
label: "Features",
href: "#features",
},
label: "Features", href: "#features"},
{
label: "Pricing",
href: "#pricing",
},
label: "Pricing", href: "#pricing"},
{
label: "Integrations",
href: "#solutions",
},
label: "Integrations", href: "#solutions"},
{
label: "Modules",
href: "#solutions",
},
label: "Modules", href: "#solutions"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Help Center",
href: "#",
},
label: "Help Center", href: "#"},
],
},
]}