<?php
require_once 'csp_config.php';
require_once 'config_loader.php';
require_once 'CsrfProtection.php';

// Generate and send CSP header
send_security_headers();

// Start session for CSRF protection
if (session_status() === PHP_SESSION_NONE) {
    session_start();
}
?>
<!DOCTYPE html>
<html lang="en">

<head>
    <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-317231418"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-317231418');
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-Q9ZQXB9TDH">
</script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-Q9ZQXB9TDH');
</script>
    <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-2LD3RECBYF"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-2LD3RECBYF');
  gtag('event', 'ads_conversion_click_1', {});
</script>
    <!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-W4G4XMPD');</script>
<!-- End Google Tag Manager -->
    <script>
      function onloadCallback() {
        // reCAPTCHA enterprise explicit render callback
      }
    </script>
    <script src="https://www.google.com/recaptcha/enterprise.js?onload=onloadCallback&render=explicit"
        async defer></script>
    <meta name="google-adsense-account" content="ca-pub-9807741295373154">
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9807741295373154"
        crossorigin="anonymous"></script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Browse the complete range of IT services from Mark's Tech Solution: computer repair, laptop repair, network setup, WiFi optimization, custom PC builds, virus removal, printer setup, and on-site tech support in East Weymouth, MA and South Shore.">
    <meta name="keywords" content="computer repair services, laptop repair, desktop repair, network setup, WiFi installation, custom PC builds, virus removal, malware removal, printer setup, printer repair, data recovery, on-site tech support, remote computer repair, router setup, WiFi extender, mesh network, Windows repair, SSD upgrade, RAM upgrade, PC tune up, gaming PC build, business IT support, home computer repair, IT consultation, East Weymouth, Weymouth, South Shore MA, Norfolk County, Mark's Tech Solution">
    <meta name="author" content="Mark's Tech Solution">
    <meta name="robots" content="index, follow, max-image-preview:large">
    <meta name="theme-color" content="#ff6600">
    <meta name="msapplication-TileColor" content="#ff6600">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="referrer" content="strict-origin-when-cross-origin">
    <meta name="format-detection" content="telephone=yes">

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://markstechsolution.com/services.php">
    <meta property="og:title" content="IT Services - Computer Repair, Network Setup & Custom PC Builds | Mark's Tech Solution">
    <meta property="og:description" content="Complete IT services including computer repair, network setup, WiFi optimization, custom PC builds, virus removal, and on-site tech support in East Weymouth, MA.">
    <meta property="og:image" content="https://markstechsolution.com/assets/square-white-logo-og-image.png">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    <meta property="og:image:alt" content="Mark's Tech Solution IT services">
    <meta property="og:site_name" content="Mark's Tech Solution">
    <meta property="og:locale" content="en_US">
    <meta property="og:phone_number" content="+1-339-746-0995">

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:domain" content="markstechsolution.com">
    <meta property="twitter:url" content="https://markstechsolution.com/services.php">
    <meta property="twitter:title" content="IT Services - Computer Repair, Network Setup & Custom PC Builds | Mark's Tech Solution">
    <meta property="twitter:description" content="Complete IT services including computer repair, network setup, custom PC builds, virus removal, and on-site tech support in East Weymouth, MA.">
    <meta property="twitter:image" content="https://markstechsolution.com/assets/square-white-logo-og-image.png">
    <meta property="twitter:image:alt" content="Mark's Tech Solution IT services">

    <!-- Additional SEO -->
    <link rel="canonical" href="https://markstechsolution.com/services.php">
    <link rel="apple-touch-icon" href="assets/favicon.png">
    <meta name="geo.region" content="US-MA">
    <meta name="geo.placename" content="East Weymouth">
    <meta name="geo.position" content="42.226008;-70.945108">
    <meta name="ICBM" content="42.226008, -70.945108">
    <title>IT Services - Computer Repair, Network Setup & Custom PC Builds | Mark's Tech Solution</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" integrity="sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="styles.css">
    <?php include 'components/pricing_display.php'; ?>
    
    <style>
        .services-hero {
            background: linear-gradient(135deg, #ff6600 0%, #cc5200 100%);
            padding: 120px 0 80px;
            margin-top: 76px;
            position: relative;
            overflow: hidden;
        }
        
        .services-hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext y='50' font-size='100' fill='rgba(255,255,255,0.05)'%3E⚡%3C/text%3E%3C/svg%3E");
            background-size: 100px 100px;
            animation: float 20s linear infinite;
        }
        
        @keyframes float {
            0% { transform: translateX(0) translateY(0); }
            100% { transform: translateX(-100px) translateY(-100px); }
        }
        
        .services-hero-content {
            position: relative;
            z-index: 2;
        }
        
        .service-section {
            background: #ffffff;
            border-radius: 20px;
            padding: 3rem;
            margin: 3rem 0;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            border-left: 5px solid #ff6600;
            display: flex;
            gap: 3rem;
            align-items: flex-start;
        }
        
        .service-content {
            flex: 2;
        }
        
        .service-pricing {
            flex: 1;
            min-width: 300px;
        }
        
        .service-icon {
            font-size: 3rem;
            color: #ff6600;
            margin-bottom: 1.5rem;
        }
        
        .service-title {
            color: #ff6600;
            font-size: 2rem;
            font-weight: 700;
            margin-bottom: 1.5rem;
        }
        
        .service-description {
            color: #333333;
            font-size: 1.1rem;
            line-height: 1.8;
            margin-bottom: 1.5rem;
        }
        
        .service-features {
            list-style: none;
            padding: 0;
            margin: 1.5rem 0;
        }
        
        .service-features li {
            padding: 0.5rem 0;
            color: #555555;
        }
        
        .service-features li::before {
            content: "✓";
            color: #ff6600;
            font-weight: bold;
            margin-right: 0.5rem;
        }
        
        .pricing-card {
            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
            border-radius: 15px;
            padding: 2rem;
            border: 2px solid #ff6600;
            margin-bottom: 1.5rem;
        }
        
        .pricing-card h4 {
            color: #ff6600;
            font-size: 1.3rem;
            font-weight: 600;
            margin-bottom: 1rem;
        }
        
        .price-tag {
            background: linear-gradient(135deg, #ff6600 0%, #cc5200 100%);
            color: #ffffff;
            padding: 0.5rem 1rem;
            border-radius: 25px;
            font-weight: 700;
            font-size: 1.1rem;
            display: inline-block;
            margin-bottom: 1rem;
        }
        
        .price-details {
            color: #555555;
            font-size: 0.9rem;
        }
        
        .price-details ul {
            list-style: none;
            padding: 0;
            margin: 0.5rem 0;
        }
        
        .price-details li {
            padding: 0.25rem 0;
        }
        
        @media (max-width: 992px) {
            .service-section {
                flex-direction: column;
                gap: 2rem;
            }
            
            .service-pricing {
                min-width: auto;
            }
        }
        
        @media (max-width: 768px) {
            .services-hero {
                padding: 100px 0 60px;
            }
            
            .service-section {
                padding: 2rem;
                margin: 2rem 0;
            }
            
            .service-title {
                font-size: 1.5rem;
            }
        }
    </style>
</head>

<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W4G4XMPD"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
    <!-- Skip Navigation -->
    <a href="#main-content" class="skip-nav visually-hidden-focusable">Skip to main content</a>

    <?php include 'components/navbar.php'; ?>

    <!-- Services Hero Section -->
    <main id="main-content">
        <section class="services-hero">
            <div class="container">
                <div class="row">
                    <div class="col-lg-10 mx-auto text-center">
                        <div class="services-hero-content">
                            <h1 class="text-white mb-4">Complete IT Services</h1>
                            <p class="lead text-white mb-4">Professional technology solutions for your home and business in East Weymouth, MA</p>
                            <p class="text-white mb-4">From computer repair to network setup, we provide comprehensive tech services with transparent pricing</p>
                            <a href="contact.php#contact-form" class="btn btn-light btn-lg">Get a Quote</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Computer Repair Services -->
        <section class="py-5">
            <div class="container">
                <div class="service-section">
                    <div class="service-content">
                        <div class="service-icon">
                            <i class="fas fa-laptop-medical"></i>
                        </div>
                        <h2 class="service-title">Computer Repair & Maintenance</h2>
                        <p class="service-description">Comprehensive diagnostic and repair services for all Windows-based computers, expertly handled in our East Weymouth workshop. We handle everything from hardware repairs to virus removal with professional expertise.</p>
                        
                        <ul class="service-features">
                            <li>Advanced Hardware Diagnostics & Repair</li>
                            <li>Virus & Malware Removal with Security Setup</li>
                            <li>System Optimization & Performance Tuning</li>
                            <li>Data Backup & Recovery Services</li>
                            <li>Software Installation & Updates</li>
                            <li>Operating System Installation</li>
                        </ul>
                        
                        <p><strong>Service Model:</strong> Professional drop-off and pick-up repair services from our fully-equipped workshop in East Weymouth. Remote support available for software issues and troubleshooting. Apple products not supported.</p>
                    </div>
                    
                    <div class="service-pricing">
                        <div class="pricing-card">
                            <h4>PC Repair (Hardware)</h4>
                            <div class="price-tag">$85-$200</div>
                            <div class="price-details">
                                <ul>
                                    <li>Diagnostic fee: $85 (applied to repair)</li>
                                    <li>Basic hardware repair: $125</li>
                                    <li>Component replacement: $150-$200</li>
                                    <li>Plus cost of parts</li>
                                    <li>Excludes soldering and screen repair</li>
                                </ul>
                            </div>
                        </div>
                        
                        <div class="pricing-card">
                            <h4>PC Repair (Software)</h4>
                            <div class="price-tag">$75-$150</div>
                            <div class="price-details">
                                <ul>
                                    <li>Basic software repair: $75</li>
                                    <li>Operating system repair: $100</li>
                                    <li>Complete software overhaul: $150</li>
                                    <li>Includes virus removal if needed</li>
                                </ul>
                            </div>
                        </div>
                        
                        <div class="pricing-card">
                            <h4>Virus & Malware Removal</h4>
                            <div class="price-tag">$100-$175</div>
                            <div class="price-details">
                                <ul>
                                    <li>Basic virus removal: $100</li>
                                    <li>Heavy malware cleanup: $150</li>
                                    <li>Complete system disinfection: $175</li>
                                    <li>Includes security setup</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Network Services -->
        <section class="py-5 bg-light">
            <div class="container">
                <div class="service-section">
                    <div class="service-content">
                        <div class="service-icon">
                            <i class="fas fa-network-wired"></i>
                        </div>
                        <h2 class="service-title">Network Configuration & Setup</h2>
                        <p class="service-description">Professional network infrastructure solutions engineered for optimal performance, security, and reliability. Our network engineers create robust, scalable networks for both residential and business environments.</p>
                        
                        <ul class="service-features">
                            <li>Network Architecture Design & Planning</li>
                            <li>Advanced Security Implementation</li>
                            <li>Wireless Network Engineering</li>
                            <li>Network Infrastructure Setup</li>
                            <li>Performance Optimization & Monitoring</li>
                            <li>Comprehensive Troubleshooting</li>
                        </ul>
                        
                        <p><strong>Service Model:</strong> Network configuration and design services performed through remote support and drop-off network equipment. Complex network builds are configured in our workshop for optimal testing and quality assurance.</p>
                    </div>
                    
                    <div class="service-pricing">
                        <div class="pricing-card">
                            <h4>Network Installation & Setup</h4>
                            <div class="price-tag">$150-$300</div>
                            <div class="price-details">
                                <ul>
                                    <li>Basic home network (1-2 devices): $150</li>
                                    <li>Small office network (3-10 devices): $225</li>
                                    <li>Complex network (10+ devices): $300</li>
                                    <li>Includes router configuration and security</li>
                                </ul>
                            </div>
                        </div>
                        
                        <div class="pricing-card">
                            <h4>Network Maintenance & Support</h4>
                            <div class="price-tag">$75-$125/hour</div>
                            <div class="price-details">
                                <ul>
                                    <li>Routine maintenance: $75/hour</li>
                                    <li>Emergency support: $100/hour</li>
                                    <li>Business priority support: $125/hour</li>
                                    <li>Monthly maintenance packages available</li>
                                </ul>
                            </div>
                        </div>
                        
                        <div class="pricing-card">
                            <h4>Network Security Setup</h4>
                            <div class="price-tag">$125-$250</div>
                            <div class="price-details">
                                <ul>
                                    <li>Basic security setup: $125</li>
                                    <li>Advanced firewall configuration: $175</li>
                                    <li>Complete network security: $250</li>
                                    <li>Includes antivirus setup and monitoring</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- WiFi Services -->
        <section class="py-5">
            <div class="container">
                <div class="service-section">
                    <div class="service-content">
                        <div class="service-icon">
                            <i class="fas fa-wifi"></i>
                        </div>
                        <h2 class="service-title">WiFi Network Setup & Optimization</h2>
                        <p class="service-description">Professional wireless network engineering and optimization services for seamless connectivity throughout your home or business. We deliver sophisticated wireless networking solutions with enterprise-grade performance.</p>
                        
                        <ul class="service-features">
                            <li>Site Survey & Signal Analysis</li>
                            <li>Access Point Installation & Configuration</li>
                            <li>Network Security Implementation</li>
                            <li>Mesh Network Design & Setup</li>
                            <li>Channel Optimization & Performance Testing</li>
                            <li>Multi-SSID Configuration</li>
                        </ul>
                        
                        <p><strong>Service Model:</strong> Comprehensive WiFi network services including site surveys, access point placement optimization, configuration, and ongoing support. Both on-site and remote configuration available.</p>
                    </div>
                    
                    <div class="service-pricing">
                        <div class="pricing-card">
                            <h4>Wi-Fi Optimization & Setup</h4>
                            <div class="price-tag">$100-$175</div>
                            <div class="price-details">
                                <ul>
                                    <li>Basic Wi-Fi setup: $100</li>
                                    <li>Wi-Fi extender installation: $125</li>
                                    <li>Complete Wi-Fi optimization: $175</li>
                                    <li>Includes signal testing and channel optimization</li>
                                </ul>
                            </div>
                        </div>
                        
                        <div class="pricing-card">
                            <h4>Network Printer Configuration</h4>
                            <div class="price-tag">$100-$150</div>
                            <div class="price-details">
                                <ul>
                                    <li>Network printer setup: $100</li>
                                    <li>Multiple printer setup: $150</li>
                                    <li>Includes mobile printing setup</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- On-Site Services -->
        <section class="py-5 bg-light">
            <div class="container">
                <div class="service-section">
                    <div class="service-content">
                        <div class="service-icon">
                            <i class="fa-solid fa-helmet-safety"></i>
                        </div>
                        <h2 class="service-title">On-Site Technical Support</h2>
                        <p class="service-description">Expert problem-solving at your location with below-market pricing. Our technicians come directly to you with the tools and expertise to resolve your technology issues efficiently and professionally.</p>
                        
                        <ul class="service-features">
                            <li>Hardware Troubleshooting & Installation</li>
                            <li>Network Problem Resolution</li>
                            <li>System Optimization & Configuration</li>
                            <li>Technical Training & Guidance</li>
                            <li>Office Technology Deployments</li>
                            <li>Smart Home Device Configuration</li>
                        </ul>
                        
                        <p><strong>Our Promise:</strong> Professional problem-solving with below-market labor rates. We focus on getting you back up and running quickly, saving you time and money.</p>
                    </div>
                    
                    <div class="service-pricing">
                        <div class="pricing-card">
                            <h4>In-Home/On-Site Service Calls</h4>
                            <div class="price-tag">$50 + mileage</div>
                            <div class="price-details">
                                <ul>
                                    <li>Service call fee: $50 (within 10 miles)</li>
                                    <li>Additional mileage: $1/mile (over 10 miles)</li>
                                    <li>Waived with 2+ hours of service</li>
                                    <li>Below-market labor rates apply after fee</li>
                                </ul>
                            </div>
                        </div>
                        
                        <div class="pricing-card">
                            <h4>Remote Computer Repair</h4>
                            <div class="price-tag">$65-$125/hour</div>
                            <div class="price-details">
                                <ul>
                                    <li>Software issues: $65/hour</li>
                                    <li>System troubleshooting: $85/hour</li>
                                    <li>Advanced software repair: $125/hour</li>
                                    <li>Minimum 1 hour charge</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Custom Computer Builds -->
        <section class="py-5">
            <div class="container">
                <div class="service-section">
                    <div class="service-content">
                        <div class="service-icon">
                            <i class="fas fa-desktop"></i>
                        </div>
                        <h2 class="service-title">Custom Computer Builds</h2>
                        <p class="service-description">Expertly engineered custom computers designed for peak performance and reliability. From gaming rigs to professional workstations, we build systems tailored to your specific needs using premium components.</p>
                        
                        <ul class="service-features">
                            <li>Precision Component Selection</li>
                            <li>Professional Assembly & Cable Management</li>
                            <li>Performance Tuning & Optimization</li>
                            <li>Quality Assurance Testing</li>
                            <li>System Specializations (Gaming, Workstations, HTPC)</li>
                            <li>Comprehensive Warranty & Support</li>
                        </ul>
                        
                        <p><strong>Service Model:</strong> Custom computers are professionally assembled and tested in our dedicated East Weymouth workshop. Each build undergoes extensive quality assurance and performance testing before delivery.</p>
                    </div>
                    
                    <div class="service-pricing">
                        <div class="pricing-card">
                            <h4>Custom PC Building Service</h4>
                            <div class="price-tag">Labor: $150-$300</div>
                            <div class="price-details">
                                <ul>
                                    <li>Basic custom build: $150 labor</li>
                                    <li>Advanced custom build: $225 labor</li>
                                    <li>Complex custom build: $300 labor</li>
                                    <li>Parts cost additional</li>
                                    <li>Includes OS installation and optimization</li>
                                </ul>
                            </div>
                        </div>
                        
                        <div class="pricing-card">
                            <h4>System Upgrade Service</h4>
                            <div class="price-tag">$75-$150</div>
                            <div class="price-details">
                                <ul>
                                    <li>Basic component upgrade: $75</li>
                                    <li>Multiple component upgrade: $125</li>
                                    <li>Complete system overhaul: $150</li>
                                    <li>Parts cost additional</li>
                                    <li>Includes driver installation and testing</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Service Fees & Discounts -->
        <section class="py-5 bg-light">
            <div class="container">
                <div class="text-center mb-5">
                    <h2 class="service-title">Service Fees & Discounts</h2>
                    <p class="service-description">Transparent pricing with flexible service options and valuable discounts</p>
                </div>
                
                <div class="row">
                    <div class="col-md-6 mb-4">
                        <div class="pricing-card">
                            <h4><i class="fas fa-home me-2"></i>Drop-off Service</h4>
                            <div class="price-details">
                                <ul>
                                    <li>No additional fee</li>
                                    <li>Same-day service available (+$50)</li>
                                    <li>24-hour turnaround standard</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    
                    <div class="col-md-6 mb-4">
                        <div class="pricing-card">
                            <h4><i class="fas fa-laptop-house me-2"></i>Remote Support</h4>
                            <div class="price-details">
                                <ul>
                                    <li>No travel fees</li>
                                    <li>Connection setup: $10 (first time clients)</li>
                                    <li>Minimum 30-minute charge</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="pricing-card" style="background: linear-gradient(135deg, rgba(255,102,0,0.1) 0%, rgba(204,82,0,0.1) 100%);">
                    <h4><i class="fas fa-percentage me-2"></i>Available Discounts</h4>
                    <div class="price-details">
                        <ul>
                            <li><strong>Senior Discount:</strong> 10% off (65+ years)</li>
                            <li><strong>Military Discount:</strong> 15% off (active/veteran)</li>
                            <li><strong>Multiple Service Discount:</strong> 10% off (3+ services)</li>
                        </ul>
                    </div>
                </div>
                
                <div class="text-center mt-5">
                    <a href="contact.php#contact-form" class="btn btn-primary btn-lg">Get Your Custom Quote</a>
                </div>
            </div>
        </section>
    </main>

    <?php include 'components/footer.php'; ?>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
</body>

</html>
