C4 Computer Consulting - Interactive Web Experience

Welcome to the codebase for the new C4 Computer Consulting website. This project is a modern, interactive Single-Page Application (SPA) designed to engage users through a gamified "IT Connection" experience before revealing core business services and data-driven insights.

🚀 Features

Gamified Hero Section: Users must physically "connect" a simulated server to a workstation via an interactive HTML5 Canvas cable to unlock the site content.

Dynamic Data Visualizations: Utilizes Chart.js to clearly display the ROI and cost-benefit analysis of Managed IT services versus Break-Fix models.

Responsive Design: Fully responsive layout built with Tailwind CSS, ensuring a seamless experience across desktop, tablet, and mobile devices.

Persistent Accessibility: A floating quick-dial button ensures the primary "Contact Us" CTA is always within reach.

🛠 Tech Stack

HTML5 / Semantic UI

Tailwind CSS (via CDN for rapid prototyping)

Vanilla JavaScript (ES6+)

Chart.js (Data Visualization)

📂 Project Structure

Currently, the project is consolidated to ensure rapid deployment and testing:

index.html: Contains all markup, Tailwind utility classes, custom CSS, and application logic.

README.md: Project documentation.

.gitignore: Specifies intentionally untracked files to ignore.

🚦 Getting Started

Because this project currently relies on CDNs for its styling and chart dependencies, no complex build tools are required to run it locally.

Clone the repository:

git clone https://github.com/YOUR-USERNAME/c4-interactive-site.git

(Note: Replace YOUR-USERNAME with your actual GitHub username)

Open the directory:

cd c4-interactive-site

Run the site: Simply double-click the index.html file to open it in your default web browser. Alternatively, use a tool like VS Code's "Live Server" extension for auto-reloading during development.

🌐 Deployment

This project is optimized for direct hosting on platforms like GitHub Pages, Vercel, or Netlify without requiring a build step.