Merge version_1 into main #2
325
src/app/page.tsx
325
src/app/page.tsx
@@ -32,38 +32,22 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
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: "Metrics",
|
||||
id: "#metrics",
|
||||
},
|
||||
name: "Metrics", id: "#metrics"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Quote", href: "#contact"}}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/25-data-protection-line-icon-pack-vector-icons-illustration_1142-17491.jpg"
|
||||
logoAlt="IT Solutions Pro Logo"
|
||||
brandName="IT Solutions Pro"
|
||||
@@ -73,76 +57,49 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
title="Reliable IT Maintenance & Support"
|
||||
description="Keep your business running smoothly with our expert IT maintenance services. Proactive solutions, rapid response, and unwavering support for your technology infrastructure."
|
||||
kpis={[
|
||||
{
|
||||
value: "99.9%",
|
||||
label: "Uptime Guarantee",
|
||||
},
|
||||
value: "99.9%", label: "Uptime Guarantee"},
|
||||
{
|
||||
value: "15 Min",
|
||||
label: "Avg. Response Time",
|
||||
},
|
||||
value: "15 Min", label: "Avg. Response Time"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Dedicated Support",
|
||||
},
|
||||
value: "24/7", label: "Dedicated Support"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/server-farm-employee-using-artificial-intelligence-tech-devices_482257-125606.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/server-farm-employee-using-artificial-intelligence-tech-devices_482257-125606.jpg"
|
||||
imageAlt="Modern IT infrastructure with digital overlays"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-afroamerican-employee-portrait_23-2148508904.jpg",
|
||||
alt: "Business woman in green suit using phone outside the street",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-afroamerican-employee-portrait_23-2148508904.jpg", alt: "Business woman in green suit using phone outside the street"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-man-banner-concept-with-copy-space_23-2149601461.jpg",
|
||||
alt: "Positive businesswoman at work",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-man-banner-concept-with-copy-space_23-2149601461.jpg", alt: "Positive businesswoman at work"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-man-smiling-portrait_23-2149280769.jpg",
|
||||
alt: "Smiling Business Leader Using Smartphone in Lobby",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-man-smiling-portrait_23-2149280769.jpg", alt: "Smiling Business Leader Using Smartphone in Lobby"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",
|
||||
alt: "Portrait of woman working in her office businesswoman sitting with her notebook writing and making",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg", alt: "Portrait of woman working in her office businesswoman sitting with her notebook writing and making"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
|
||||
alt: "Portrait of handsome young man with arms crossed holding white headphone around his neck",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg", alt: "Portrait of handsome young man with arms crossed holding white headphone around his neck"},
|
||||
]}
|
||||
avatarText="Trusted by over 100+ businesses"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Cyber Security",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "Cyber Security", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Cloud Solutions",
|
||||
icon: Cloud,
|
||||
type: "text-icon", text: "Cloud Solutions", icon: Cloud,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Network Management",
|
||||
icon: Server,
|
||||
type: "text-icon", text: "Network Management", icon: Server,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "IT Consulting",
|
||||
icon: Settings,
|
||||
type: "text-icon", text: "IT Consulting", icon: Settings,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Data Backup & Recovery",
|
||||
},
|
||||
type: "text", text: "Data Backup & Recovery"},
|
||||
]}
|
||||
marqueeSpeed={30}
|
||||
showMarqueeCard={true}
|
||||
@@ -154,7 +111,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Your Trusted Partner in IT Excellence"
|
||||
description="At IT Solutions Pro, we understand that reliable technology is the backbone of your business. We offer comprehensive IT maintenance, ensuring your systems are secure, efficient, and always performing at their peak. Partner with us for peace of mind and seamless operations."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-network-engineer-with-box-looking-ethernet-switches_23-2148323473.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-network-engineer-with-box-looking-ethernet-switches_23-2148323473.jpg"
|
||||
imageAlt="Team of IT professionals collaborating in a modern office"
|
||||
/>
|
||||
</div>
|
||||
@@ -166,60 +123,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Proactive Monitoring",
|
||||
description: "Continuous monitoring to detect and resolve issues before they impact your business.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Settings,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/25-data-protection-line-icon-pack-vector-icons-illustration_1142-17491.jpg",
|
||||
imageAlt: "it maintenance company logo",
|
||||
title: "Proactive Monitoring", description: "Continuous monitoring to detect and resolve issues before they impact your business.", bentoComponent: "reveal-icon", icon: Settings
|
||||
},
|
||||
{
|
||||
title: "Rapid Incident Response",
|
||||
description: "Minimize downtime with our quick and effective support.",
|
||||
bentoComponent: "timeline",
|
||||
heading: "Rapid Incident Response",
|
||||
subheading: "Minimize downtime with our quick and effective support.",
|
||||
items: [
|
||||
title: "Rapid Incident Response", description: "Minimize downtime with our quick and effective support.", bentoComponent: "timeline", heading: "Rapid Incident Response", subheading: "Minimize downtime with our quick and effective support.", items: [
|
||||
{
|
||||
label: "Detect",
|
||||
detail: "Automated alerts",
|
||||
},
|
||||
label: "Detect", detail: "Automated alerts"},
|
||||
{
|
||||
label: "Respond",
|
||||
detail: "Expert technicians",
|
||||
},
|
||||
label: "Respond", detail: "Expert technicians"},
|
||||
{
|
||||
label: "Resolve",
|
||||
detail: "Root cause analysis",
|
||||
},
|
||||
label: "Resolve", detail: "Root cause analysis"},
|
||||
],
|
||||
completedLabel: "Issue Resolved",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/server-farm-employee-using-artificial-intelligence-tech-devices_482257-125606.jpg?_wi=2",
|
||||
imageAlt: "it maintenance company logo",
|
||||
completedLabel: "Issue Resolved"
|
||||
},
|
||||
{
|
||||
title: "System Optimization",
|
||||
description: "Ensure peak performance and extend the life of your IT assets.",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
title: "System Optimization", description: "Ensure peak performance and extend the life of your IT assets.", bentoComponent: "icon-info-cards", items: [
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "Security",
|
||||
value: "Threat Protection",
|
||||
},
|
||||
label: "Security", value: "Threat Protection"},
|
||||
{
|
||||
icon: Cloud,
|
||||
label: "Cloud",
|
||||
value: "Data Management",
|
||||
},
|
||||
label: "Cloud", value: "Data Management"},
|
||||
{
|
||||
icon: Server,
|
||||
label: "Servers",
|
||||
value: "Performance Opt.",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-network-engineer-with-box-looking-ethernet-switches_23-2148323473.jpg?_wi=2",
|
||||
imageAlt: "it maintenance company logo",
|
||||
label: "Servers", value: "Performance Opt."},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Comprehensive IT Services"
|
||||
@@ -234,23 +162,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Star,
|
||||
title: "Client Satisfaction",
|
||||
value: "98%",
|
||||
},
|
||||
id: "m1", icon: Star,
|
||||
title: "Client Satisfaction", value: "98%"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Star,
|
||||
title: "Projects Completed",
|
||||
value: "500+",
|
||||
},
|
||||
id: "m2", icon: Star,
|
||||
title: "Projects Completed", value: "500+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Star,
|
||||
title: "Years in Service",
|
||||
value: "10+",
|
||||
},
|
||||
id: "m3", icon: Star,
|
||||
title: "Years in Service", value: "10+"},
|
||||
]}
|
||||
title="Proven Results, Unmatched Reliability"
|
||||
description="Our commitment to excellence translates into tangible benefits for your business."
|
||||
@@ -264,59 +183,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-using-digital-tablet_1262-2435.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-using-digital-tablet_1262-2435.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman_1098-13507.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Marketing Director", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman_1098-13507.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contemplated-businessman-sitting-caf-with-cup-coffee-laptop-desk_23-2147956347.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Product Manager", company: "StartupXYZ", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contemplated-businessman-sitting-caf-with-cup-coffee-laptop-desk_23-2147956347.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
role: "Operations Manager",
|
||||
company: "Global Logistics",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-using-laptop-restaurant_23-2147956341.jpg",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", role: "Operations Manager", company: "Global Logistics", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-using-laptop-restaurant_23-2147956341.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Avg. Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Avg. Rating"},
|
||||
{
|
||||
value: "100+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
value: "100+", label: "Happy Clients"},
|
||||
{
|
||||
value: "9/10",
|
||||
label: "Recommend Us",
|
||||
},
|
||||
value: "9/10", label: "Recommend Us"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear directly from businesses that trust us with their IT needs."
|
||||
@@ -329,30 +217,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What types of businesses do you serve?",
|
||||
content: "We proudly serve small to medium-sized businesses across various industries, providing tailored IT solutions for their unique needs.",
|
||||
},
|
||||
id: "q1", title: "What types of businesses do you serve?", content: "We proudly serve small to medium-sized businesses across various industries, providing tailored IT solutions for their unique needs."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer emergency IT support?",
|
||||
content: "Yes, our team is available 24/7 for emergency IT support to ensure minimal downtime and rapid resolution for critical issues.",
|
||||
},
|
||||
id: "q2", title: "Do you offer emergency IT support?", content: "Yes, our team is available 24/7 for emergency IT support to ensure minimal downtime and rapid resolution for critical issues."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How quickly can you respond to an issue?",
|
||||
content: "Our average response time is under 15 minutes for critical issues, with dedicated technicians ready to assist you promptly.",
|
||||
},
|
||||
id: "q3", title: "How quickly can you respond to an issue?", content: "Our average response time is under 15 minutes for critical issues, with dedicated technicians ready to assist you promptly."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "What is included in your IT maintenance plans?",
|
||||
content: "Our plans typically include proactive monitoring, routine system updates, cybersecurity management, data backup solutions, and priority support.",
|
||||
},
|
||||
id: "q4", title: "What is included in your IT maintenance plans?", content: "Our plans typically include proactive monitoring, routine system updates, cybersecurity management, data backup solutions, and priority support."},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Can you integrate with our existing IT infrastructure?",
|
||||
content: "Absolutely. We specialize in seamless integration with your current systems to enhance performance without disrupting operations.",
|
||||
},
|
||||
id: "q5", title: "Can you integrate with our existing IT infrastructure?", content: "Absolutely. We specialize in seamless integration with your current systems to enhance performance without disrupting operations."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/call-center-supervisor-providing-support-guidance-intern_482257-118020.jpg"
|
||||
imageAlt="Question mark integrated with digital elements"
|
||||
@@ -367,20 +240,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Contact Us"
|
||||
title="Ready for Hassle-Free IT?"
|
||||
description="Get in touch today for a free consultation and let us tailor an IT maintenance plan that fits your business needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact-form",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact-form"},
|
||||
{
|
||||
text: "Call Us",
|
||||
href: "tel:+1234567890",
|
||||
},
|
||||
text: "Call Us", href: "tel:+1234567890"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -389,78 +257,45 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Network Security",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Network Security", href: "#services"},
|
||||
{
|
||||
label: "Cloud Solutions",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Cloud Solutions", href: "#services"},
|
||||
{
|
||||
label: "Data Backup",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Data Backup", href: "#services"},
|
||||
{
|
||||
label: "24/7 Support",
|
||||
href: "#services",
|
||||
},
|
||||
label: "24/7 Support", href: "#services"},
|
||||
{
|
||||
label: "Hardware Maintenance",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Hardware Maintenance", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
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: "#"},
|
||||
{
|
||||
label: "Partnerships",
|
||||
href: "#",
|
||||
},
|
||||
label: "Partnerships", href: "#"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user