);
+};
+
+export default function App() {
+ return (
+
+
+
+ );
}
\ No newline at end of file
diff --git a/components/Blog.tsx b/components/Blog.tsx
index 3d84071..e32e688 100644
--- a/components/Blog.tsx
+++ b/components/Blog.tsx
@@ -8,24 +8,24 @@ gsap.registerPlugin(ScrollTrigger);
const posts = [
{
image: 'https://lh3.googleusercontent.com/aida-public/AB6AXuARalmRkuoZMBAbavGQgx4a-JhLgXBJ6JSD0U4vycdwaGGV3d-ffUFrdbx2lIbKrYCmS100i7VJ0w5cDHITXYV6w1-pSUPHKL7Jik__TWOIYOnq_4ND5ri7l8SQoaJdjJK9jhYvtxdxrZm6j8t8BNAjvPTaUdUDo4C7QVqcx1KbGvup6cpF8vY1LJ82S_5OMAZ6JgH0rK5bvWpqD3WqPhtqJCUB6d_1gUvluKjotwnNQ03t1dSYV8HOtRrLE83j6i_wgL4GZ0XTsMZb',
- date: 'Oct 12, 2024',
- category: 'Cybersecurity',
- title: 'The Hidden Risks of Remote Work',
- excerpt: 'As remote work becomes permanent, new vulnerabilities emerge. Learn how to secure your distributed workforce effectively.'
+ date: 'Jan 10, 2026',
+ category: 'Performance',
+ title: 'Upgrade Your HDD to SSD for Enhanced Performance',
+ excerpt: 'In today\'s fast-paced digital world, the performance of your computer can make a significant difference in productivity...'
},
{
image: 'https://lh3.googleusercontent.com/aida-public/AB6AXuCz5lTYjY4RNXubQlrA-BtLIGR3nUY8ULkD9omwT5FShfdMrbMgS5dDCyfN3xiB5WC7T3vjNvyvVbvnD0G1zBpbNTjfOYyhmAEfno7Hf5W1sm-KYRXYrLGQq-c6TkLgEf0i9JGNvuFZ6edcenr2o39dCzIPXcp_z9XWOIzp7kBX2EydNPLJoRofVYuSTmEA1y0_xh4sdiRy1PykRASGLhKfN19_XLNuwyTBVKYISY7cHc-An69eZpAfhrvngu3E47rU6KuQS0k3QXBZ',
- date: 'Sep 28, 2024',
- category: 'Cloud Infrastructure',
- title: 'Migrating to the Cloud: A Step-by-Step Guide',
- excerpt: 'Thinking about moving your data? Here is a comprehensive checklist to ensure a smooth and secure transition.'
+ date: 'Jan 5, 2026',
+ category: 'Security',
+ title: 'Secure Your Corporate Network Access with WireGuard VPN',
+ excerpt: 'The safest way to access your corporate network remotely is through a secure VPN connection...'
},
{
image: 'https://lh3.googleusercontent.com/aida-public/AB6AXuCl5iOhTsCqcHnho89DkoLh0DYeuvef0pdp8k26NKzcAq7YPvWbAYARg9mCIvqGTxQGradp8zvscuuibskpz4W_nEzQQO1z7lgwKJ1Xxiw_yQOyXMLfoRNLTHXzqFUH8Q5daCAfYTb7Zl3sFjB7k8i44D6TGolzqrN05Db27Abf2TWDDzHpVSrNml4zddvxholHFxMzqDeSzQ5p77SLDSFNaYBZGR2lEdN2V9O0GzMqxbOjFmBGMW48nlrEDLDzYGv_gWI3RSqNqBl-',
- date: 'Sep 15, 2024',
- category: 'Innovation',
- title: 'AI in Business: Beyond the Hype',
- excerpt: 'Artificial Intelligence is transforming industries. Discover practical applications that can drive efficiency in your business today.'
+ date: 'Dec 28, 2025',
+ category: 'Infrastructure',
+ title: 'Virtualizing Windows Machines: Future-Proof Your Corporate Network',
+ excerpt: 'In October 2025, Microsoft will end support for Windows 10. Learn how virtualization can help you prepare...'
}
];
@@ -38,7 +38,7 @@ const Blog: React.FC = () => {
const ctx = gsap.context(() => {
imagesRef.current.forEach((imgWrapper) => {
if (!imgWrapper) return;
-
+
gsap.to(imgWrapper, {
yPercent: 30,
ease: "none",
@@ -56,25 +56,25 @@ const Blog: React.FC = () => {
}, []);
return (
-
Latest Insights
- Knowledge base.
+ Stay updated with our latest news and articles.
{ if (el) imagesRef.current.push(el); }}
className="w-full h-[140%] -mt-[20%]"
>
-
diff --git a/components/CTA.tsx b/components/CTA.tsx
new file mode 100644
index 0000000..a694357
--- /dev/null
+++ b/components/CTA.tsx
@@ -0,0 +1,74 @@
+import React from 'react';
+import { motion } from 'framer-motion';
+import { Link } from 'react-router-dom';
+
+const CTA: React.FC = () => {
+ return (
+
+
+
+ Ready for reliable IT?
+
+
+ Join 150+ Coastal Bend businesses that trust us with their technology. Get started with a free 20-minute assessment.
+
+
+
+
+ Book a 20-minute assessment
+
+
+ Send a message
+
+
+
+
+
+
How quickly can you start?
+
Most assessments can begin within 48 hours of contact.
+
+
+
How do you price services?
+
Transparent monthly pricing based on devices and services needed.
+
+
+
What's included in support?
+
24/7 monitoring, helpdesk, proactive maintenance, and SLA guarantees.
-
- );
-};
-
-export default Features;
\ No newline at end of file
diff --git a/components/Footer.tsx b/components/Footer.tsx
index c2de0ee..a21312f 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -12,14 +12,14 @@ const Footer: React.FC = () => {
Bay Area Affiliates
- Track every move, analyze your performance, and get real-time coaching. Your dedicated IT partner in the Bay Area.
+ Providing reliable IT services and solutions to the Coastal Bend community for over 25 years.
- Reliable IT Services
- for Over 25 Years.
+ Reliable IT Services
+ for Over 25 Years
-
+
- Bay Area Affiliates is your silent partner in technology. We provide the infrastructure that whispers clarity, ensures uptime, and guides your business growth.
+ Providing top-notch Computer & Networking solutions to the Coastal Bend community.
-
+
-
- Explore Services
+ IT Services
-
- Get a Consultation
+ Get in Touch
diff --git a/components/Mission.tsx b/components/Mission.tsx
index acd8ad1..fab3648 100644
--- a/components/Mission.tsx
+++ b/components/Mission.tsx
@@ -1,49 +1,55 @@
import React from 'react';
import { motion } from 'framer-motion';
+import Counter from './Counter';
+
const Mission: React.FC = () => {
return (
-
-
+
Our Mission
Harness invisible power to operate faster, focus deeper, and scale effortlessly.
-
+
Technology shouldn't be a hurdle; it should be the wind at your back. From seamless cloud migrations to robust cybersecurity, we handle the complexities so you can focus on what matters most: your business.
- construction
+
+ {/* Fixed Background Image - constrained to this section via clip-path */}
+
+
+ {/* Gradient overlay for text readability */}
+
+
+
+ {/* Content - positioned relative, scrolls over the fixed image */}
+
+ {/* Header - Static on mobile, fixed on desktop */}
+
+ Process
+
+ One consultation to begin,
+ three steps to clarity.
+
+
+
+ {/* Spacer for first screen - shortened */}
+
+
+ {/* Steps - LEFT side on desktop, full width on mobile */}
+
+
+ {[
+ { num: "1", title: "Audit & Assess", desc: "We dive deep into your current infrastructure to identify vulnerabilities and opportunities for optimization." },
+ { num: "2", title: "Implement & Secure", desc: "Our team deploys the necessary hardware and software solutions with minimal disruption to your daily operations." },
+ { num: "3", title: "Monitor & Maintain", desc: "Ongoing 24/7 monitoring ensures problems are solved before you even notice them." }
+ ].map((step, i) => (
+
+
+
+ {step.num}
+
-
On-Site Support
-
Technicians dispatched within 2 hours for critical failures in the Bay Area.
+
{step.title}
+
+ {step.desc}
+
-
+ ))}
-
- {/* Text Content */}
-
- Process
-
- One consultation to begin,
- three steps to clarity.
-
-
-
- {[
- { num: "1", title: "Audit & Assess", desc: "We dive deep into your current infrastructure to identify vulnerabilities and opportunities for optimization." },
- { num: "2", title: "Implement & Secure", desc: "Our team deploys the necessary hardware and software solutions with minimal disruption to your daily operations." },
- { num: "3", title: "Monitor & Maintain", desc: "Ongoing 24/7 monitoring ensures problems are solved before you even notice them." }
- ].map((step, i) => (
-
-
-
- {step.num}
-
-
-
-
{step.title}
-
- {step.desc}
-
-
-
- ))}
-
-
-
+
+ {/* End spacer - shortened */}
+
);
diff --git a/components/Services.tsx b/components/Services.tsx
index 340e1da..794c297 100644
--- a/components/Services.tsx
+++ b/components/Services.tsx
@@ -10,31 +10,71 @@ const servicesData = [
id: 1,
category: 'IT Infrastructure',
title: 'Windows 11 Transition',
- description: 'Seamless upgrades for your entire fleet. We handle compatibility checks, data backup, and deployment so your workflow never stutters.',
+ description: 'Upgrade to Windows 11 before October 2025 to ensure continued security support and take advantage of the latest features.',
icon: 'desktop_windows',
image: 'https://lh3.googleusercontent.com/aida-public/AB6AXuBMpd_cFINnFibfNErBs8OVAAyDQYTRXix88YH91QImuGi11XGwlY_QUB2R9htcC1h_fTXUeftdEieGT-oi5p5TBjpAyW-86mSsXu-rqhRTBsJlAGuE37bxJES4DUayktXIToEcF-M4PyXdyyTPIYtpYrxK18b2-sPwMzuzCL0LpgJwd5EoYxAkrJQ7W4eBrIG2e9Cw9sY0dJpXJy-TRgwBG0nk-S7W4Y0s3U9w--AzE4fcUimeGMqWwdCncU5tnETmkrkDNFiCyKSA'
},
{
id: 2,
- category: 'Security',
- title: 'Web Services & Security',
- description: 'From hosting to rigorous penetration testing. Secure your digital storefront with enterprise-grade protection and 99.9% uptime.',
- icon: 'security',
+ category: 'Web Services',
+ title: 'Web Services',
+ description: 'Web design, domain registration, email services, and more to establish and enhance your online presence.',
+ icon: 'language',
image: 'https://lh3.googleusercontent.com/aida-public/AB6AXuCxibXNCB5mU7MdWE5znMWnQUc9-d2ZoYF7LXK1CMssnvaFz2ZsGzyxXMbqDmely-UfxapqILD5-Exeo1wlQZKg8T2MK4vjlyAMaehoJoqTy2hHh8rxj46i8CKb4-ILL2JswBc98nJt_Fo1DfcDH0dHH5Zz6H4R2Jm1deViSW8Sp2zNp1sTc4eRHy1URiSRQFcr1C8rca6dKiuNDuyDiUmmesqHobXGItaBeFjJC-0OatWpKbr0zF-Y5qvk9Yl5FY2KUcDY9AcTfelu'
},
{
id: 3,
- category: 'Consulting',
+ category: 'IT Infrastructure',
title: 'Performance Upgrades',
- description: 'Is your hardware holding you back? We analyze bottlenecks and implement strategic upgrades to memory, storage, and networks.',
+ description: 'Enhance your desktops and laptops with SSDs, maintain your Windows installations, and achieve dramatic performance boosts.',
icon: 'speed',
image: 'https://lh3.googleusercontent.com/aida-public/AB6AXuBs2fGGwp4EkMarA9Uvy7IOqyW0Pzxzt-94Bsr8Tkbem4uHPq-vMEmGgKuEmds2zKwPrw2nVcvL3MjjKYWieLSLh5pVUbbK6T9aDxt2xhvo4trARZobhzoQCJfI-r6aGW_aqfwC5XxOr9VA3YdnNnYEgkfW_TWrUWYa6mD8X0KdVG3sLimA8p7qWxIqUzFFV82twn60rP4OwLdIsc6t1OGnJzjemxL1Aw05aDo6Ckfr0a1oZ2kD4xKeTkG--zUhezvXB9I03l6f3b46'
+ },
+ {
+ id: 4,
+ category: 'IT Infrastructure',
+ title: 'Printer & Scanner Installation',
+ description: 'Professional installation and configuration of printers and scanners to ensure seamless integration into your workflow.',
+ icon: 'print',
+ image: '/assets/services/printer-scanner.png'
+ },
+ {
+ id: 5,
+ category: 'IT Infrastructure',
+ title: 'New/Refurbished Desktop Hardware',
+ description: 'Supply and installation of new or refurbished desktop hardware, tailored to meet your business requirements.',
+ icon: 'computer',
+ image: '/assets/services/desktop-hardware.png'
+ },
+ {
+ id: 6,
+ category: 'Security',
+ title: 'VPN Setup',
+ description: 'Configure Virtual Private Networks to allow secure remote access to your internal network from anywhere.',
+ icon: 'vpn_lock',
+ image: '/assets/services/vpn-setup.png'
+ },
+ {
+ id: 7,
+ category: 'Networking',
+ title: 'Network Infrastructure Support',
+ description: 'Robust network solutions to ensure connectivity, security, and efficiency, including routers, access points, and switches.',
+ icon: 'lan',
+ image: '/assets/services/network-infrastructure.png'
+ },
+ {
+ id: 8,
+ category: 'Networking',
+ title: 'Network Attached Storage',
+ description: 'Selection, setup, and maintenance of Network Attached Storage solutions to provide scalable and reliable data storage.',
+ icon: 'storage',
+ image: '/assets/services/nas-storage.png'
}
];
-const categories = ['All', 'IT Infrastructure', 'Web Development', 'Consulting', 'Security'];
+const categories = ['All', 'IT Infrastructure', 'Web Services', 'Security', 'Networking'];
-const Services: React.FC = () => {
+const Services: React.FC<{ preview?: boolean }> = ({ preview = false }) => {
const [activeCategory, setActiveCategory] = useState('All');
const containerRef = useRef(null);
const imagesRef = useRef<(HTMLDivElement | null)[]>([]);
@@ -42,15 +82,17 @@ const Services: React.FC = () => {
// Reset refs on render to handle filtering updates
imagesRef.current = [];
- const filteredServices = activeCategory === 'All'
- ? servicesData
+ const filteredServices = activeCategory === 'All'
+ ? servicesData
: servicesData.filter(s => s.category === activeCategory || (activeCategory === 'Web Development' && s.category === 'Security'));
+ const displayedServices = preview ? servicesData.slice(0, 3) : filteredServices;
+
useLayoutEffect(() => {
const ctx = gsap.context(() => {
imagesRef.current.forEach((imgWrapper) => {
if (!imgWrapper) return;
-
+
gsap.to(imgWrapper, {
yPercent: 30,
ease: "none",
@@ -68,20 +110,20 @@ const Services: React.FC = () => {
}, [filteredServices]);
return (
-
- Core Offerings
+ Our Services
- Different paths to explore all guided by one expert team.
+ Comprehensive IT solutions tailored to your business needs.
+ "Bay Area Affiliates transformed our IT infrastructure completely. Their proactive approach means we rarely have downtime, and when issues do arise, they're resolved quickly. Our team can focus on patient care instead of tech problems."
+