quadsolution

Quad Solutions – Medical Credentialing Website

A complete, multi-page corporate website for a medical credentialing company. Designed to help healthcare providers get credentialed with insurance networks faster.

🔗 Live Demo: https://quadsolution1.vercel.app/
📦 GitHub Repository: https://github.com/Ayesha-Amjad-123/quadsolution

📌 Project Overview

Quad Solutions is a fully responsive static website built with HTML, Tailwind CSS, and vanilla JavaScript. It features separate pages for all core services, a 3D interactive globe, animated counters, a stack slider, lead generation forms, and a consistent professional design.

The site is deployed on Vercel and can be easily customised or extended.

📁 Pages Included

Page	Description
`home.html` (Home)	Hero section, 3D globe, stack slider, service grid, stats counters, testimonials preview, lead form
`about.html`	Company mission, core values, leadership team, animated stats
`services.html`	Overview of all 6 services with cards linking to detail pages
`process.html`	5-step credentialing workflow with average timeline
`testimonials.html`	Extended client testimonials with star ratings
`contact.html`	Contact form, Google Maps embed, office hours, phone/email
`faq.html`	Accordion FAQ (6+ common questions)
`blog.html`	Sample blog posts with placeholder images
`provider-credentialing.html`	Detailed service page for Provider Credentialing
`insurance-enrollment.html`	Detailed service page for Insurance Enrollment
`medical-billing-support.html`	Detailed service page for Medical Billing Support
`compliance-documentation.html`	Detailed service page for Compliance & Documentation
`caqh-management.html`	Detailed service page for CAQH Profile Management
`credentialing-verification.html`	Detailed service page for Credentialing Verification

✨ Key Features

Interactive Elements

3D Rotating Globe – Medical icons arranged on a sphere that rotates with mouse movement (homepage only)
Stack Slider – Horizontal service preview panel with auto‑rotate and hover pause
GSAP Scroll Animations – Fade-up, fade-left, fade-right, and zoom‑in effects as you scroll
Animated Counters – Statistics (providers credentialed, success rate, etc.) count up when they enter the viewport

Trust & Credibility

Certification badges (NCCB Certified, HIPAA Compliant, NCQA Standards, A+ Rated)
Client testimonials with star ratings
Stats section with real numbers
Trust badges (98% success rate, 30‑day average timeline)

Lead Generation

Lead forms on every page – Consultation request forms throughout the site
Form submission shows a success message (ready for backend integration)

Design & UX

Fully responsive (desktop, tablet, mobile)
Accessibility‑friendly (focus outlines, semantic HTML)
Consistent header, footer, and colour scheme (Teal/White/Gray)
Professional healthcare aesthetic

🛠️ Technology Stack

Technology	Purpose
HTML5	Semantic markup for all pages
Tailwind CSS	Utility‑first styling (via CDN)
CSS3	Custom animations, keyframes, responsive overrides
JavaScript (ES6)	Globe rotation, stack slider, counters, FAQ accordion, form handling
GSAP + ScrollTrigger	Scroll‑based animations
Font Awesome 6	Icons for services, testimonials, trust badges
Google Fonts	Inter font family

🚀 Getting Started

1. Clone the repository

```bash git clone https://github.com/Ayesha-Amjad-123/quadsolution.git cd quadsolution