453 lines
23 KiB
TypeScript
453 lines
23 KiB
TypeScript
import { useEffect } from 'react';
|
|
import Navigation from '@/components/Navigation';
|
|
import Footer from '@/components/Footer';
|
|
import { Button } from '@/components/ui/button';
|
|
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
|
|
import { Badge } from '@/components/ui/badge';
|
|
import { Network, Router, Shield, CheckCircle, Users, Monitor, Lock, Search } from 'lucide-react';
|
|
|
|
const NetworkInfrastructure = () => {
|
|
useEffect(() => {
|
|
document.title = 'Network Support Corpus Christi | Bay Area Affiliates';
|
|
|
|
const metaDescription = document.querySelector('meta[name="description"]');
|
|
if (metaDescription) {
|
|
metaDescription.setAttribute('content', 'Reliable SMB network solutions—secure, scalable, supported.');
|
|
}
|
|
|
|
const ogTitle = document.querySelector('meta[property="og:title"]');
|
|
if (ogTitle) {
|
|
ogTitle.setAttribute('content', 'Network Infrastructure Support Corpus Christi—SMB IT Solutions');
|
|
}
|
|
|
|
const ogDescription = document.querySelector('meta[property="og:description"]');
|
|
if (ogDescription) {
|
|
ogDescription.setAttribute('content', 'Reliable SMB network solutions—secure, scalable, supported.');
|
|
}
|
|
|
|
const twitterTitle = document.querySelector('meta[name="twitter:title"]');
|
|
if (twitterTitle) {
|
|
twitterTitle.setAttribute('content', 'Router Setup IT Audit Corpus Christi');
|
|
}
|
|
|
|
const twitterDescription = document.querySelector('meta[name="twitter:description"]');
|
|
if (twitterDescription) {
|
|
twitterDescription.setAttribute('content', 'Reliable SMB network solutions—secure, scalable, supported.');
|
|
}
|
|
}, []);
|
|
|
|
return (
|
|
<div className="min-h-screen">
|
|
<Navigation />
|
|
<main>
|
|
{/* Hero Section */}
|
|
<section className="bg-gradient-to-br from-teal-900 via-teal-800 to-teal-600 text-white py-20">
|
|
<div className="container mx-auto px-4">
|
|
<div className="max-w-4xl mx-auto text-center">
|
|
<Badge className="mb-4 bg-teal-700 text-white">
|
|
<Network className="w-4 h-4 mr-2" />
|
|
NETWORK SPECIALISTS
|
|
</Badge>
|
|
<h1 className="text-4xl md:text-6xl font-bold mb-6">
|
|
Network Infrastructure & Support
|
|
</h1>
|
|
<p className="text-xl md:text-2xl mb-8 text-teal-100">
|
|
Secure, scalable network solutions for Corpus Christi SMBs
|
|
</p>
|
|
<div className="flex flex-col sm:flex-row gap-4 justify-center">
|
|
<Button size="lg" className="bg-orange-600 hover:bg-orange-700 text-white">
|
|
<Router className="w-5 h-5 mr-2" />
|
|
Network Assessment
|
|
</Button>
|
|
<Button size="lg" variant="outline" className="text-teal-900 border-white hover:bg-white">
|
|
Emergency Support
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
{/* Network Services */}
|
|
<section className="py-16">
|
|
<div className="container mx-auto px-4">
|
|
<div className="max-w-4xl mx-auto">
|
|
<h2 className="text-3xl font-bold text-center mb-12">Comprehensive Network Solutions</h2>
|
|
|
|
<div className="grid md:grid-cols-2 gap-8 mb-12">
|
|
<Card>
|
|
<CardHeader>
|
|
<div className="w-16 h-16 bg-teal-100 rounded-full flex items-center justify-center mb-4">
|
|
<Network className="w-8 h-8 text-teal-600" />
|
|
</div>
|
|
<CardTitle>Network Design & Setup</CardTitle>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<p className="text-gray-600 mb-4">Custom network architecture designed for your business requirements, growth plans, and security needs.</p>
|
|
<ul className="space-y-2 text-sm text-gray-700">
|
|
<li>• LAN/WAN design and implementation</li>
|
|
<li>• Wired and wireless infrastructure</li>
|
|
<li>• Network topology optimization</li>
|
|
<li>• Bandwidth planning and QoS</li>
|
|
<li>• Scalable architecture design</li>
|
|
<li>• Documentation and diagrams</li>
|
|
</ul>
|
|
</CardContent>
|
|
</Card>
|
|
|
|
<Card>
|
|
<CardHeader>
|
|
<div className="w-16 h-16 bg-teal-100 rounded-full flex items-center justify-center mb-4">
|
|
<Router className="w-8 h-8 text-teal-600" />
|
|
</div>
|
|
<CardTitle>Router & Switch Configuration</CardTitle>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<p className="text-gray-600 mb-4">Professional setup and configuration of business-grade networking equipment for optimal performance.</p>
|
|
<ul className="space-y-2 text-sm text-gray-700">
|
|
<li>• Enterprise router configuration</li>
|
|
<li>• Managed switch setup</li>
|
|
<li>• VLAN implementation</li>
|
|
<li>• Firewall rule configuration</li>
|
|
<li>• Port security and access control</li>
|
|
<li>• Performance monitoring setup</li>
|
|
</ul>
|
|
</CardContent>
|
|
</Card>
|
|
|
|
<Card>
|
|
<CardHeader>
|
|
<div className="w-16 h-16 bg-teal-100 rounded-full flex items-center justify-center mb-4">
|
|
<Shield className="w-8 h-8 text-teal-600" />
|
|
</div>
|
|
<CardTitle>Network Security</CardTitle>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<p className="text-gray-600 mb-4">Multi-layered security implementation to protect your business data and network infrastructure.</p>
|
|
<ul className="space-y-2 text-sm text-gray-700">
|
|
<li>• Firewall deployment & management</li>
|
|
<li>• Intrusion detection systems</li>
|
|
<li>• Network access control (NAC)</li>
|
|
<li>• WiFi security (WPA3/Enterprise)</li>
|
|
<li>• Network segmentation</li>
|
|
<li>• Security auditing and testing</li>
|
|
</ul>
|
|
</CardContent>
|
|
</Card>
|
|
|
|
<Card>
|
|
<CardHeader>
|
|
<div className="w-16 h-16 bg-teal-100 rounded-full flex items-center justify-center mb-4">
|
|
<Search className="w-8 h-8 text-teal-600" />
|
|
</div>
|
|
<CardTitle>IT Audits & Assessment</CardTitle>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<p className="text-gray-600 mb-4">Comprehensive evaluation of your current IT infrastructure with actionable recommendations for improvement.</p>
|
|
<ul className="space-y-2 text-sm text-gray-700">
|
|
<li>• Network performance analysis</li>
|
|
<li>• Security vulnerability assessment</li>
|
|
<li>• Infrastructure inventory audit</li>
|
|
<li>• Compliance evaluation</li>
|
|
<li>• Disaster recovery assessment</li>
|
|
<li>• IT budget planning support</li>
|
|
</ul>
|
|
</CardContent>
|
|
</Card>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
{/* Network Solutions */}
|
|
<section className="py-16 bg-gray-50">
|
|
<div className="container mx-auto px-4">
|
|
<div className="max-w-4xl mx-auto">
|
|
<h2 className="text-3xl font-bold text-center mb-12">Scalable Network Solutions for Growing SMBs</h2>
|
|
|
|
<div className="grid md:grid-cols-3 gap-8 mb-12">
|
|
<div className="bg-white p-6 rounded-lg shadow border-l-4 border-teal-500">
|
|
<h3 className="font-bold text-lg mb-4">Starter Network</h3>
|
|
<p className="text-gray-600 mb-4">Essential network setup for small businesses with 5-15 employees.</p>
|
|
<ul className="space-y-2 text-sm text-gray-700 mb-4">
|
|
<li>• Business router & switch</li>
|
|
<li>• Basic firewall protection</li>
|
|
<li>• WiFi access point</li>
|
|
<li>• Network printer setup</li>
|
|
<li>• Basic monitoring</li>
|
|
<li>• 6-month support</li>
|
|
</ul>
|
|
<div className="text-center">
|
|
<div className="text-2xl font-bold text-teal-600">$1,299</div>
|
|
<div className="text-sm text-gray-500">Complete setup</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="bg-white p-6 rounded-lg shadow border-l-4 border-orange-500">
|
|
<h3 className="font-bold text-lg mb-4">Professional Network</h3>
|
|
<p className="text-gray-600 mb-4">Advanced infrastructure for growing businesses with 15-50 employees.</p>
|
|
<ul className="space-y-2 text-sm text-gray-700 mb-4">
|
|
<li>• Managed switches & routers</li>
|
|
<li>• Advanced firewall (UTM)</li>
|
|
<li>• Multiple WiFi access points</li>
|
|
<li>• VLAN segmentation</li>
|
|
<li>• Network monitoring & alerts</li>
|
|
<li>• 12-month support</li>
|
|
</ul>
|
|
<div className="text-center">
|
|
<div className="text-2xl font-bold text-orange-600">$2,899</div>
|
|
<div className="text-sm text-gray-500">Complete setup</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="bg-white p-6 rounded-lg shadow border-l-4 border-purple-500">
|
|
<h3 className="font-bold text-lg mb-4">Enterprise Network</h3>
|
|
<p className="text-gray-600 mb-4">Comprehensive infrastructure for larger organizations with 50+ employees.</p>
|
|
<ul className="space-y-2 text-sm text-gray-700 mb-4">
|
|
<li>• Enterprise-grade equipment</li>
|
|
<li>• Redundant internet connections</li>
|
|
<li>• Advanced security stack</li>
|
|
<li>• Guest network isolation</li>
|
|
<li>• 24/7 monitoring & support</li>
|
|
<li>• Annual security audit</li>
|
|
</ul>
|
|
<div className="text-center">
|
|
<div className="text-2xl font-bold text-purple-600">$5,499+</div>
|
|
<div className="text-sm text-gray-500">Custom quote</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="bg-white p-8 rounded-lg shadow-lg">
|
|
<h3 className="text-2xl font-bold mb-6 text-center">Network Performance Benefits</h3>
|
|
<div className="grid md:grid-cols-2 gap-8">
|
|
<div>
|
|
<h4 className="font-semibold mb-4 text-teal-600">Performance Improvements</h4>
|
|
<ul className="space-y-3 text-gray-700">
|
|
<li className="flex items-center">
|
|
<CheckCircle className="w-5 h-5 text-green-600 mr-2 flex-shrink-0" />
|
|
10x faster file transfers within office
|
|
</li>
|
|
<li className="flex items-center">
|
|
<CheckCircle className="w-5 h-5 text-green-600 mr-2 flex-shrink-0" />
|
|
Reliable internet connectivity
|
|
</li>
|
|
<li className="flex items-center">
|
|
<CheckCircle className="w-5 h-5 text-green-600 mr-2 flex-shrink-0" />
|
|
Seamless video conferencing
|
|
</li>
|
|
<li className="flex items-center">
|
|
<CheckCircle className="w-5 h-5 text-green-600 mr-2 flex-shrink-0" />
|
|
Reduced network downtime
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<h4 className="font-semibold mb-4 text-teal-600">Security & Management</h4>
|
|
<ul className="space-y-3 text-gray-700">
|
|
<li className="flex items-center">
|
|
<CheckCircle className="w-5 h-5 text-green-600 mr-2 flex-shrink-0" />
|
|
Advanced threat protection
|
|
</li>
|
|
<li className="flex items-center">
|
|
<CheckCircle className="w-5 h-5 text-green-600 mr-2 flex-shrink-0" />
|
|
Centralized network management
|
|
</li>
|
|
<li className="flex items-center">
|
|
<CheckCircle className="w-5 h-5 text-green-600 mr-2 flex-shrink-0" />
|
|
Detailed usage reporting
|
|
</li>
|
|
<li className="flex items-center">
|
|
<CheckCircle className="w-5 h-5 text-green-600 mr-2 flex-shrink-0" />
|
|
Remote monitoring & support
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
{/* Implementation Process */}
|
|
<section className="py-16">
|
|
<div className="container mx-auto px-4">
|
|
<div className="max-w-4xl mx-auto">
|
|
<h2 className="text-3xl font-bold text-center mb-12">Professional Network Implementation</h2>
|
|
|
|
<div className="grid md:grid-cols-4 gap-8">
|
|
<Card className="text-center">
|
|
<CardHeader>
|
|
<div className="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-4">
|
|
<Search className="w-8 h-8 text-blue-600" />
|
|
</div>
|
|
<CardTitle className="text-lg">1. Assessment</CardTitle>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<p className="text-sm">Comprehensive evaluation of current infrastructure, requirements, and growth plans.</p>
|
|
</CardContent>
|
|
</Card>
|
|
|
|
<Card className="text-center">
|
|
<CardHeader>
|
|
<div className="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-4">
|
|
<Monitor className="w-8 h-8 text-blue-600" />
|
|
</div>
|
|
<CardTitle className="text-lg">2. Design</CardTitle>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<p className="text-sm">Custom network design with equipment selection and detailed implementation plan.</p>
|
|
</CardContent>
|
|
</Card>
|
|
|
|
<Card className="text-center">
|
|
<CardHeader>
|
|
<div className="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-4">
|
|
<Network className="w-8 h-8 text-blue-600" />
|
|
</div>
|
|
<CardTitle className="text-lg">3. Implementation</CardTitle>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<p className="text-sm">Professional installation, configuration, and testing with minimal business disruption.</p>
|
|
</CardContent>
|
|
</Card>
|
|
|
|
<Card className="text-center">
|
|
<CardHeader>
|
|
<div className="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-4">
|
|
<Users className="w-8 h-8 text-blue-600" />
|
|
</div>
|
|
<CardTitle className="text-lg">4. Support</CardTitle>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<p className="text-sm">Ongoing monitoring, maintenance, and user training for optimal network performance.</p>
|
|
</CardContent>
|
|
</Card>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
{/* Common Network Issues */}
|
|
<section className="py-16 bg-red-50">
|
|
<div className="container mx-auto px-4">
|
|
<div className="max-w-4xl mx-auto">
|
|
<h2 className="text-3xl font-bold text-center mb-12">Network Problems We Solve</h2>
|
|
|
|
<div className="grid md:grid-cols-2 gap-8">
|
|
<div className="bg-white p-6 rounded-lg shadow">
|
|
<h3 className="text-xl font-bold mb-4 text-red-600">Performance Issues</h3>
|
|
<ul className="space-y-3 text-gray-700">
|
|
<li>• Slow internet speeds throughout office</li>
|
|
<li>• File transfers taking forever</li>
|
|
<li>• Video conferences constantly buffering</li>
|
|
<li>• Network timeouts and disconnections</li>
|
|
<li>• WiFi dead zones and weak signals</li>
|
|
<li>• Printers frequently going offline</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div className="bg-white p-6 rounded-lg shadow">
|
|
<h3 className="text-xl font-bold mb-4 text-red-600">Security Concerns</h3>
|
|
<ul className="space-y-3 text-gray-700">
|
|
<li>• Unauthorized network access</li>
|
|
<li>• Outdated security configurations</li>
|
|
<li>• Guest network not isolated</li>
|
|
<li>• No network monitoring or alerts</li>
|
|
<li>• Vulnerable WiFi encryption</li>
|
|
<li>• No backup internet connection</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="mt-8 bg-white p-6 rounded-lg shadow text-center">
|
|
<h3 className="text-xl font-bold mb-4 text-teal-600">Emergency Network Support</h3>
|
|
<p className="text-gray-700 mb-4">
|
|
When your network goes down, every minute counts. Our emergency support team provides
|
|
same-day response for critical network issues affecting your business operations.
|
|
</p>
|
|
<Button className="bg-red-600 hover:bg-red-700 text-white">
|
|
<Lock className="w-4 h-4 mr-2" />
|
|
Emergency Support: (361) 765-8400
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
{/* Local Expertise */}
|
|
<section className="py-16">
|
|
<div className="container mx-auto px-4">
|
|
<div className="max-w-4xl mx-auto text-center">
|
|
<h2 className="text-3xl font-bold mb-8">Trusted Network Experts in the Coastal Bend</h2>
|
|
<p className="text-xl text-gray-600 mb-8">
|
|
Bay Area Affiliates has designed and maintained business networks throughout the Corpus Christi area since 1999.
|
|
We understand the unique connectivity challenges of coastal businesses.
|
|
</p>
|
|
|
|
<div className="grid md:grid-cols-3 gap-8 mb-12">
|
|
<div className="text-center">
|
|
<div className="text-4xl font-bold text-teal-600 mb-2">300+</div>
|
|
<div className="text-gray-600">Networks Deployed</div>
|
|
</div>
|
|
<div className="text-center">
|
|
<div className="text-4xl font-bold text-teal-600 mb-2">99.9%</div>
|
|
<div className="text-gray-600">Uptime Achievement</div>
|
|
</div>
|
|
<div className="text-center">
|
|
<div className="text-4xl font-bold text-teal-600 mb-2">4hr</div>
|
|
<div className="text-gray-600">Average Response Time</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="bg-teal-50 p-8 rounded-lg shadow-lg">
|
|
<h3 className="text-2xl font-bold mb-4">Network Support Across the Coastal Bend</h3>
|
|
<p className="text-gray-700 mb-6">
|
|
From small office networks to multi-location enterprises, we provide comprehensive
|
|
network infrastructure solutions with 24/7 monitoring and local technical support.
|
|
</p>
|
|
<div className="flex flex-wrap justify-center gap-4">
|
|
<Badge variant="secondary" className="text-lg py-2 px-4">Corpus Christi</Badge>
|
|
<Badge variant="secondary" className="text-lg py-2 px-4">Portland</Badge>
|
|
<Badge variant="secondary" className="text-lg py-2 px-4">Rockport</Badge>
|
|
<Badge variant="secondary" className="text-lg py-2 px-4">Aransas Pass</Badge>
|
|
<Badge variant="secondary" className="text-lg py-2 px-4">Kingsville</Badge>
|
|
<Badge variant="secondary" className="text-lg py-2 px-4">Port Aransas</Badge>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
{/* CTA Section */}
|
|
<section className="py-16 bg-teal-900 text-white">
|
|
<div className="container mx-auto px-4">
|
|
<div className="max-w-4xl mx-auto text-center">
|
|
<h2 className="text-3xl font-bold mb-6">Secure Your Business Network Infrastructure</h2>
|
|
<p className="text-xl mb-8 text-teal-100">
|
|
Get a comprehensive network assessment and custom infrastructure solution from Corpus Christi's
|
|
trusted IT experts. Free consultation for SMBs.
|
|
</p>
|
|
|
|
<div className="flex flex-col sm:flex-row gap-4 justify-center mb-8">
|
|
<Button size="lg" className="bg-orange-600 hover:bg-orange-700">
|
|
<Router className="w-5 h-5 mr-2" />
|
|
Schedule Network Audit
|
|
</Button>
|
|
<Button size="lg" variant="outline" className="text-teal-900 border-white hover:bg-white">
|
|
Call (361) 765-8400
|
|
</Button>
|
|
</div>
|
|
|
|
<p className="text-teal-200">
|
|
Free network assessment • Same-day emergency support • Local experts • 24/7 monitoring
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
<Footer />
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default NetworkInfrastructure; |