Update src/app/page.tsx
This commit is contained in:
228
src/app/page.tsx
228
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="TechSupport Pro"
|
||||
/>
|
||||
@@ -56,17 +48,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Your IT problems solved, fast and reliably"
|
||||
description="We provide 24/7 managed IT support for growing businesses. Prevent downtime, secure your systems, and focus on growth."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Your Free Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Schedule Your Free Consultation", href: "#contact"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=48sjk4&_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=48sjk4"
|
||||
imageAlt="digital network tech background"
|
||||
/>
|
||||
</div>
|
||||
@@ -78,19 +67,13 @@ export default function LandingPage() {
|
||||
description="We act as your dedicated IT department, ensuring your systems remain stable, secure, and ready to scale with your ambitions. Our proven track record minimizes downtime and keeps your team productive."
|
||||
metrics={[
|
||||
{
|
||||
value: "99.9%",
|
||||
title: "Uptime Guaranteed",
|
||||
},
|
||||
value: "99.9%", title: "Uptime Guaranteed"},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Remote Support",
|
||||
},
|
||||
value: "24/7", title: "Remote Support"},
|
||||
{
|
||||
value: "20+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "20+", title: "Years Experience"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mg0s42&_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mg0s42"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="tech team collaboration office"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -104,28 +87,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Cloud Migration",
|
||||
description: "Seamless transition to secure, scalable cloud infrastructure.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Cloud,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y888kp",
|
||||
imageAlt: "cybersecurity shield icon",
|
||||
title: "Cloud Migration", description: "Seamless transition to secure, scalable cloud infrastructure.", bentoComponent: "reveal-icon", icon: Cloud,
|
||||
},
|
||||
{
|
||||
title: "Proactive Security",
|
||||
description: "24/7 monitoring to prevent threats before they reach your network.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ShieldCheck,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=48sjk4&_wi=2",
|
||||
imageAlt: "cybersecurity shield icon",
|
||||
title: "Proactive Security", description: "24/7 monitoring to prevent threats before they reach your network.", bentoComponent: "reveal-icon", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
title: "Disaster Recovery",
|
||||
description: "Reliable backups and recovery plans for total business continuity.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: RefreshCw,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mg0s42&_wi=2",
|
||||
imageAlt: "cybersecurity shield icon",
|
||||
title: "Disaster Recovery", description: "Reliable backups and recovery plans for total business continuity.", bentoComponent: "reveal-icon", icon: RefreshCw,
|
||||
},
|
||||
]}
|
||||
title="Comprehensive IT Management"
|
||||
@@ -141,47 +109,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Starter",
|
||||
price: "$999/mo",
|
||||
variant: "Small Business",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kkf562",
|
||||
},
|
||||
id: "p1", name: "Starter", price: "$999/mo", variant: "Small Business", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kkf562"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Growth",
|
||||
price: "$2,499/mo",
|
||||
variant: "Expanding Teams",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=is1s9n",
|
||||
},
|
||||
id: "p2", name: "Growth", price: "$2,499/mo", variant: "Expanding Teams", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=is1s9n"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Enterprise",
|
||||
price: "Custom",
|
||||
variant: "Large Scale",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ozw40s",
|
||||
},
|
||||
id: "p3", name: "Enterprise", price: "Custom", variant: "Large Scale", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ozw40s"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Security Only",
|
||||
price: "$499/mo",
|
||||
variant: "Security Focus",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mn2ofq",
|
||||
},
|
||||
id: "p4", name: "Security Only", price: "$499/mo", variant: "Security Focus", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mn2ofq"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Managed Cloud",
|
||||
price: "$1,299/mo",
|
||||
variant: "Cloud Ops",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=szyopr",
|
||||
},
|
||||
id: "p5", name: "Managed Cloud", price: "$1,299/mo", variant: "Cloud Ops", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=szyopr"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Disaster Recovery",
|
||||
price: "$399/mo",
|
||||
variant: "Continuity",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aq9sx4",
|
||||
},
|
||||
id: "p6", name: "Disaster Recovery", price: "$399/mo", variant: "Continuity", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aq9sx4"},
|
||||
]}
|
||||
title="Our Support Packages"
|
||||
description="Flexible plans designed to fit your unique business needs."
|
||||
@@ -195,26 +133,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "350+",
|
||||
title: "Clients Helped",
|
||||
description: "Across diverse industries.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nxvivy",
|
||||
},
|
||||
id: "m1", value: "350+", title: "Clients Helped", description: "Across diverse industries.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nxvivy"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15m",
|
||||
title: "Avg Response",
|
||||
description: "Rapid response time guaranteed.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=52pidp",
|
||||
},
|
||||
id: "m2", value: "15m", title: "Avg Response", description: "Rapid response time guaranteed.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=52pidp"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Compliance Rate",
|
||||
description: "Strict industry security standards.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nimbuh",
|
||||
},
|
||||
id: "m3", value: "100%", title: "Compliance Rate", description: "Strict industry security standards.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nimbuh"},
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="Metrics that speak for our commitment to your business."
|
||||
@@ -228,59 +151,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qxz2hm",
|
||||
},
|
||||
id: "t1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qxz2hm"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kldrqq",
|
||||
},
|
||||
id: "t2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kldrqq"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Dir",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z07dc9",
|
||||
},
|
||||
id: "t3", name: "Emily Rodriguez", role: "Marketing Dir", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z07dc9"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
role: "Product Mgr",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6csogb",
|
||||
},
|
||||
id: "t4", name: "David Kim", role: "Product Mgr", company: "StartupXYZ", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6csogb"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alex Smith",
|
||||
role: "Owner",
|
||||
company: "SMB Inc",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=csy2xc",
|
||||
},
|
||||
id: "t5", name: "Alex Smith", role: "Owner", company: "SMB Inc", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=csy2xc"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "99.9%",
|
||||
label: "Retention",
|
||||
},
|
||||
value: "99.9%", label: "Retention"},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Client Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Client Rating"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Availability",
|
||||
},
|
||||
value: "24/7", label: "Availability"},
|
||||
]}
|
||||
title="Trusted by Leaders"
|
||||
description="What our clients say about our service excellence."
|
||||
@@ -293,20 +185,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do you handle emergency issues?",
|
||||
content: "Our support team operates 24/7 and ensures a response within 15 minutes for critical incidents.",
|
||||
},
|
||||
id: "f1", title: "How do you handle emergency issues?", content: "Our support team operates 24/7 and ensures a response within 15 minutes for critical incidents."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are your services scalable?",
|
||||
content: "Yes, our packages are designed to scale seamlessly with your growing team and business needs.",
|
||||
},
|
||||
id: "f2", title: "Are your services scalable?", content: "Yes, our packages are designed to scale seamlessly with your growing team and business needs."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What security measures do you implement?",
|
||||
content: "We deploy industry-leading encryption, firewalls, and continuous monitoring to secure your network.",
|
||||
},
|
||||
id: "f3", title: "What security measures do you implement?", content: "We deploy industry-leading encryption, firewalls, and continuous monitoring to secure your network."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to help you get started with our IT support."
|
||||
@@ -318,8 +201,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Get Started Today"
|
||||
description="Schedule your free consultation to discuss your specific business needs and IT infrastructure goals."
|
||||
@@ -335,37 +217,23 @@ export default function LandingPage() {
|
||||
logoText="TechSupport Pro"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Our Team",
|
||||
href: "#",
|
||||
},
|
||||
label: "Our Team", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user