Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 9bdca26963 |
147
src/app/page.tsx
147
src/app/page.tsx
@@ -30,17 +30,11 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="SupportSphere"
|
||||
/>
|
||||
@@ -49,45 +43,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Scale Your Business with Expert Remote Teams"
|
||||
description="SupportSphere delivers world-class BPO outsourcing solutions. Reduce operational costs by up to 60% while accessing top-tier global talent."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
{
|
||||
text: "Book Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Consultation", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg",
|
||||
imageAlt: "SupportSphere HQ",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg", imageAlt: "SupportSphere HQ"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/system-administrator-monitoring-server-room-doing-checkup_482257-89777.jpg",
|
||||
imageAlt: "Global Team",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/system-administrator-monitoring-server-room-doing-checkup_482257-89777.jpg", imageAlt: "Global Team"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-mysterious-lights-film-aesthetic_23-2149098556.jpg",
|
||||
imageAlt: "Data Management",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-mysterious-lights-film-aesthetic_23-2149098556.jpg", imageAlt: "Data Management"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-91174.jpg",
|
||||
imageAlt: "Customer Success",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-91174.jpg", imageAlt: "Customer Success"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-worker-looks-greenscreen_482257-76595.jpg",
|
||||
imageAlt: "Sales Operations",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-worker-looks-greenscreen_482257-76595.jpg", imageAlt: "Sales Operations"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-young-woman-with-eyeglasses_23-2148452643.jpg",
|
||||
imageAlt: "Technical Support",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-young-woman-with-eyeglasses_23-2148452643.jpg", imageAlt: "Technical Support"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -100,26 +77,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Technical Support",
|
||||
subtitle: "Tier 1 & Tier 2 support delivered with 99% satisfaction.",
|
||||
category: "Support",
|
||||
value: "24/7",
|
||||
},
|
||||
id: "1", title: "Technical Support", subtitle: "Tier 1 & Tier 2 support delivered with 99% satisfaction.", category: "Support", value: "24/7"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Sales & Leads",
|
||||
subtitle: "Outbound campaigns that drive measurable growth.",
|
||||
category: "Sales",
|
||||
value: "ROI",
|
||||
},
|
||||
id: "2", title: "Sales & Leads", subtitle: "Outbound campaigns that drive measurable growth.", category: "Sales", value: "ROI"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Data Management",
|
||||
subtitle: "Precise transcription, entry, and analysis.",
|
||||
category: "Back Office",
|
||||
value: "99.9%",
|
||||
},
|
||||
id: "3", title: "Data Management", subtitle: "Precise transcription, entry, and analysis.", category: "Back Office", value: "99.9%"},
|
||||
{
|
||||
id: "4", title: "Customer Experience", subtitle: "Personalized omnichannel support for modern brands.", category: "CX", value: "100%"},
|
||||
{
|
||||
id: "5", title: "Finance & Payroll", subtitle: "Accuracy-first financial processing and reporting.", category: "Operations", value: "Secure"},
|
||||
{
|
||||
id: "6", title: "Creative Services", subtitle: "Graphic design, content creation, and media.", category: "Marketing", value: "Creative"},
|
||||
]}
|
||||
title="Our Specialized Service Departments"
|
||||
description="We offer six specialized departments under one trusted partner to ensure every business need is met."
|
||||
@@ -133,23 +101,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Users,
|
||||
title: "Clients Worldwide",
|
||||
value: "500+",
|
||||
},
|
||||
id: "m1", icon: Users,
|
||||
title: "Clients Worldwide", value: "500+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Award,
|
||||
title: "Years Experience",
|
||||
value: "10+",
|
||||
},
|
||||
id: "m2", icon: Award,
|
||||
title: "Years Experience", value: "10+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: CheckCircle,
|
||||
title: "Agents Deployed",
|
||||
value: "2,000+",
|
||||
},
|
||||
id: "m3", icon: CheckCircle,
|
||||
title: "Agents Deployed", value: "2,000+"},
|
||||
]}
|
||||
title="Global Success Metrics"
|
||||
description="Trusted by over 500+ global brands with 99.5% retention."
|
||||
@@ -161,20 +120,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is BPO?",
|
||||
content: "Business Process Outsourcing involves partnering with a specialized provider to handle specific business tasks like support, billing, or sales.",
|
||||
},
|
||||
id: "f1", title: "What is BPO?", content: "Business Process Outsourcing involves partnering with a specialized provider to handle specific business tasks like support, billing, or sales."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How much can I save?",
|
||||
content: "Businesses typically save up to 60% on operational costs by partnering with us compared to in-house management.",
|
||||
},
|
||||
id: "f2", title: "How much can I save?", content: "Businesses typically save up to 60% on operational costs by partnering with us compared to in-house management."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is data secure?",
|
||||
content: "We maintain enterprise-grade security including NDA protection, GDPR compliance, and regular audits.",
|
||||
},
|
||||
id: "f3", title: "Is data secure?", content: "We maintain enterprise-grade security including NDA protection, GDPR compliance, and regular audits."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -185,18 +135,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Get in touch with our team today. We are ready to scale your business."
|
||||
buttons={[
|
||||
{
|
||||
text: "Email: info@supportsphere.com",
|
||||
href: "mailto:info@supportsphere.com",
|
||||
},
|
||||
text: "Email: info@supportsphere.com", href: "mailto:info@supportsphere.com"},
|
||||
{
|
||||
text: "Call: +1 (212) 555-0198",
|
||||
href: "tel:+12125550198",
|
||||
},
|
||||
text: "Call: +1 (212) 555-0198", href: "tel:+12125550198"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -206,29 +151,21 @@ export default function LandingPage() {
|
||||
logoText="SupportSphere"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Tech Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Tech Support", href: "#"},
|
||||
{
|
||||
label: "Sales",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sales", href: "#"},
|
||||
{
|
||||
label: "CX", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -238,4 +175,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user