Merge version_1 into main #2
232
src/app/page.tsx
232
src/app/page.tsx
@@ -34,39 +34,23 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Results",
|
||||
id: "#results",
|
||||
},
|
||||
name: "Results", id: "#results"},
|
||||
{
|
||||
name: "Trust",
|
||||
id: "#trust",
|
||||
},
|
||||
name: "Trust", id: "#trust"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
]}
|
||||
brandName="Contact Heroes"
|
||||
button={{
|
||||
text: "Schedule Your Consultation",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Schedule Your Consultation", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -76,12 +60,10 @@ export default function LandingPage() {
|
||||
description="Inbound, outbound, backoffice, and AI-powered solutions tailored to your industry. Proven results from ecommerce to energy."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Your Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Schedule Your Consultation", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/multiracial-workers-using-laptop-device-write-emails-solving-tasks_482257-123663.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/multiracial-workers-using-laptop-device-write-emails-solving-tasks_482257-123663.jpg"
|
||||
imageAlt="Customer contact center professionals collaborating with technology"
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
@@ -94,19 +76,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Users,
|
||||
label: "Trained Agents",
|
||||
value: "250+",
|
||||
},
|
||||
label: "Trained Agents", value: "250+"},
|
||||
{
|
||||
icon: Gauge,
|
||||
label: "Average Handle Time",
|
||||
value: "2.5 min",
|
||||
},
|
||||
label: "Average Handle Time", value: "2.5 min"},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
label: "Customer Satisfaction",
|
||||
value: "95%",
|
||||
},
|
||||
label: "Customer Satisfaction", value: "95%"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -119,36 +95,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Inbound Call Management",
|
||||
description: "Expert handling of customer inquiries, support, and sales, ensuring positive interactions and high resolution rates.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Inbox,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/communication-connection-speech-bubble-concept_53876-13807.jpg",
|
||||
imageAlt: "contact heroes logo professional",
|
||||
title: "Inbound Call Management", description: "Expert handling of customer inquiries, support, and sales, ensuring positive interactions and high resolution rates.", bentoComponent: "reveal-icon", icon: Inbox
|
||||
},
|
||||
{
|
||||
title: "Outbound Campaigns",
|
||||
description: "Targeted outreach for lead generation, sales, and surveys, executed with precision and professionalism to achieve your goals.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ExternalLink,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multiracial-workers-using-laptop-device-write-emails-solving-tasks_482257-123663.jpg?_wi=2",
|
||||
imageAlt: "contact heroes logo professional",
|
||||
title: "Outbound Campaigns", description: "Targeted outreach for lead generation, sales, and surveys, executed with precision and professionalism to achieve your goals.", bentoComponent: "reveal-icon", icon: ExternalLink
|
||||
},
|
||||
{
|
||||
title: "Backoffice Support",
|
||||
description: "Streamlined administrative tasks, data entry, and order processing, freeing up your internal teams to focus on core business.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Archive,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280749.jpg",
|
||||
imageAlt: "contact heroes logo professional",
|
||||
title: "Backoffice Support", description: "Streamlined administrative tasks, data entry, and order processing, freeing up your internal teams to focus on core business.", bentoComponent: "reveal-icon", icon: Archive
|
||||
},
|
||||
{
|
||||
title: "AI-Powered Automation",
|
||||
description: "Leverage cutting-edge AI for chatbots, intelligent routing, and analytics, enhancing efficiency and customer experience.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Cog,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-aged-corporate-executive-expertise_1262-2810.jpg",
|
||||
imageAlt: "contact heroes logo professional",
|
||||
title: "AI-Powered Automation", description: "Leverage cutting-edge AI for chatbots, intelligent routing, and analytics, enhancing efficiency and customer experience.", bentoComponent: "reveal-icon", icon: Cog
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Customer Contact Solutions"
|
||||
@@ -163,61 +119,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Entry",
|
||||
badgeIcon: Sparkles,
|
||||
price: "Custom Quote",
|
||||
subtitle: "Ideal for foundational contact needs",
|
||||
buttons: [
|
||||
id: "starter", badge: "Entry", badgeIcon: Sparkles,
|
||||
price: "Custom Quote", subtitle: "Ideal for foundational contact needs", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Basic Inbound Support",
|
||||
"Standard Reporting",
|
||||
"Dedicated Account Manager",
|
||||
"24/7 Availability",
|
||||
],
|
||||
"Basic Inbound Support", "Standard Reporting", "Dedicated Account Manager", "24/7 Availability"],
|
||||
},
|
||||
{
|
||||
id: "growth",
|
||||
badge: "Most Popular",
|
||||
badgeIcon: Star,
|
||||
price: "Custom Quote",
|
||||
subtitle: "For expanding operations & enhanced engagement",
|
||||
buttons: [
|
||||
id: "growth", badge: "Most Popular", badgeIcon: Star,
|
||||
price: "Custom Quote", subtitle: "For expanding operations & enhanced engagement", buttons: [
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Sales", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Advanced Inbound & Outbound",
|
||||
"Real-time Analytics Dashboard",
|
||||
"AI-Powered Chatbot Integration",
|
||||
"Priority Technical Support",
|
||||
],
|
||||
"Advanced Inbound & Outbound", "Real-time Analytics Dashboard", "AI-Powered Chatbot Integration", "Priority Technical Support"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Premium",
|
||||
badgeIcon: Crown,
|
||||
price: "Custom Quote",
|
||||
subtitle: "Tailored for large-scale, complex requirements",
|
||||
buttons: [
|
||||
id: "enterprise", badge: "Premium", badgeIcon: Crown,
|
||||
price: "Custom Quote", subtitle: "Tailored for large-scale, complex requirements", buttons: [
|
||||
{
|
||||
text: "Request Demo",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request Demo", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Fully Customized Solutions",
|
||||
"Advanced Predictive Analytics",
|
||||
"Dedicated IT & Integration Team",
|
||||
"24/7 Proactive Monitoring & Support",
|
||||
],
|
||||
"Fully Customized Solutions", "Advanced Predictive Analytics", "Dedicated IT & Integration Team", "24/7 Proactive Monitoring & Support"],
|
||||
},
|
||||
]}
|
||||
title="Flexible Solutions, Transparent Pricing"
|
||||
@@ -232,34 +158,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "csat",
|
||||
value: "+20%",
|
||||
title: "Improvement in CSAT Scores",
|
||||
items: [
|
||||
"Enhanced customer satisfaction",
|
||||
"Proactive issue resolution",
|
||||
"Personalized interactions",
|
||||
],
|
||||
id: "csat", value: "+20%", title: "Improvement in CSAT Scores", items: [
|
||||
"Enhanced customer satisfaction", "Proactive issue resolution", "Personalized interactions"],
|
||||
},
|
||||
{
|
||||
id: "efficiency",
|
||||
value: "-15%",
|
||||
title: "Reduction in Operational Costs",
|
||||
items: [
|
||||
"Optimized resource allocation",
|
||||
"Streamlined workflows",
|
||||
"Increased agent productivity",
|
||||
],
|
||||
id: "efficiency", value: "-15%", title: "Reduction in Operational Costs", items: [
|
||||
"Optimized resource allocation", "Streamlined workflows", "Increased agent productivity"],
|
||||
},
|
||||
{
|
||||
id: "roi",
|
||||
value: "2X+",
|
||||
title: "Return on Investment",
|
||||
items: [
|
||||
"Increased revenue streams",
|
||||
"Higher customer retention",
|
||||
"Scalable growth capabilities",
|
||||
],
|
||||
id: "roi", value: "2X+", title: "Return on Investment", items: [
|
||||
"Increased revenue streams", "Higher customer retention", "Scalable growth capabilities"],
|
||||
},
|
||||
]}
|
||||
title="Driving Tangible Results for Our Clients"
|
||||
@@ -272,15 +180,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"GlobalTech Solutions",
|
||||
"Nexus Energy Group",
|
||||
"Evolve Retail",
|
||||
"TeleConnect Innovations",
|
||||
"DataStream Analytics",
|
||||
"GreenLeaf Organics",
|
||||
"Urban Mobility Co.",
|
||||
"HealthBridge Systems",
|
||||
]}
|
||||
"GlobalTech Solutions", "Nexus Energy Group", "Evolve Retail", "TeleConnect Innovations", "DataStream Analytics", "GreenLeaf Organics", "Urban Mobility Co.", "HealthBridge Systems"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Our commitment to excellence and proven methodologies have made us the preferred partner for growing enterprises in diverse sectors, from ecommerce to energy."
|
||||
/>
|
||||
@@ -294,25 +194,15 @@ export default function LandingPage() {
|
||||
author="Sarah Johnson, Operations Director at GlobalTech Solutions"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280749.jpg",
|
||||
alt: "Sarah Johnson",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280749.jpg", alt: "Sarah Johnson"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/employee-aged-corporate-executive-expertise_1262-2810.jpg",
|
||||
alt: "Michael Chen",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/employee-aged-corporate-executive-expertise_1262-2810.jpg", alt: "Michael Chen"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136841.jpg",
|
||||
alt: "Emily Rodriguez",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136841.jpg", alt: "Emily Rodriguez"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
|
||||
alt: "David Kim",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", alt: "David Kim"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
|
||||
alt: "Jessica Lee",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg", alt: "Jessica Lee"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -325,30 +215,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What industries do you specialize in?",
|
||||
content: "We have extensive experience across diverse sectors including e-commerce, telecommunications, energy, and tech, tailoring our solutions to meet specific industry demands.",
|
||||
},
|
||||
id: "q1", title: "What industries do you specialize in?", content: "We have extensive experience across diverse sectors including e-commerce, telecommunications, energy, and tech, tailoring our solutions to meet specific industry demands."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How do you ensure service quality and reliability?",
|
||||
content: "Our commitment to WCAG 2.1 AA accessibility, ongoing agent training, advanced QA protocols, and transparent reporting guarantees consistent high-quality service and vendor reliability.",
|
||||
},
|
||||
id: "q2", title: "How do you ensure service quality and reliability?", content: "Our commitment to WCAG 2.1 AA accessibility, ongoing agent training, advanced QA protocols, and transparent reporting guarantees consistent high-quality service and vendor reliability."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can your solutions integrate with our existing CRM?",
|
||||
content: "Yes, our AI-powered platforms are designed for seamless integration with most major CRM systems, ensuring a smooth transition and enhanced operational efficiency.",
|
||||
},
|
||||
id: "q3", title: "Can your solutions integrate with our existing CRM?", content: "Yes, our AI-powered platforms are designed for seamless integration with most major CRM systems, ensuring a smooth transition and enhanced operational efficiency."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "What kind of ROI can we expect?",
|
||||
content: "Our tailored solutions are designed for measurable ROI through increased customer satisfaction, reduced operational costs, and optimized lead generation. We provide clear success metrics and case studies.",
|
||||
},
|
||||
id: "q4", title: "What kind of ROI can we expect?", content: "Our tailored solutions are designed for measurable ROI through increased customer satisfaction, reduced operational costs, and optimized lead generation. We provide clear success metrics and case studies."},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Do you offer flexible staffing models?",
|
||||
content: "Absolutely. We provide flexible staffing solutions to align with your business cycles and peak demand, ensuring optimal coverage and cost efficiency.",
|
||||
},
|
||||
id: "q5", title: "Do you offer flexible staffing models?", content: "Absolutely. We provide flexible staffing solutions to align with your business cycles and peak demand, ensuring optimal coverage and cost efficiency."},
|
||||
]}
|
||||
title="Your Questions, Answered"
|
||||
description="Find quick answers to common inquiries about our B2B call center services, operational processes, and partnership benefits for your growing enterprise."
|
||||
@@ -360,16 +235,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get Started"
|
||||
title="Ready to Elevate Your Customer Contact?"
|
||||
description="Partner with Contact Heroes for tailored, high-performance solutions designed to drive your business forward. Schedule your personalized consultation today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Your Consultation",
|
||||
href: "#",
|
||||
},
|
||||
text: "Schedule Your Consultation", href: "#"},
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
/>
|
||||
@@ -379,13 +251,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Contact Heroes"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user