Home / Projects / Arkanzax
Synced with GitHub 0 Stars 0 Forks

Overview

A high-performance, bilingual (English/Arabic), multi-page marketing agency website. Built with a premium dark theme, fluid animations, and a focus on visual excellence.✨

Synchronized repository from GitHub (Kerolosnady1/Arkanzax).

Technologies & Frameworks

HTML

Repository Documentation (README.md)

Live Synchronized

Arkanzax Website — Premium Software House

A high-performance, bilingual (English/Arabic), multi-page software house website. Built with a premium dark theme, fluid animations, and a focus on visual excellence.

🚀 Live Demo

Once deployed to GitHub Pages: https://kerolosnady1.github.io/Arkanzax

✨ Key Features

Feature Description
Bilingual UI Full support for English (LTR) and Arabic (RTL) with a seamless toggle system.
12 Inner Pages Dedicated pages for Services, Case Studies (Blog), and Legal policies.
Premium Dark Theme Sleek glassmorphism, micro-animations, and vibrant teal/violet accents.
WhatsApp Integration Direct contact buttons site-wide for instant engagement.
Performance Optimized Vanilla JavaScript and CSS, ensuring fast loads and smooth interaction.
Responsive Fully optimized for mobile, tablet, and desktop viewports.
Interactive Elements Canvas particles, auto-play testimonials, scroll reveal effects, and 3D hover states.

📁 Project Structure

Arkanzax/
├── index.html              # Homepage
├── seo-content.html        # Service: SEO & Content
├── paid-ads.html           # Service: Paid Advertising
├── social-media.html       # Service: Social Media
├── email-marketing.html    # Service: Service Automation
├── analytics.html          # Service: Analytics & Reporting
├── branding-design.html    # Service: Branding & Design
├── blog-ai.html            # Blog: AI Revolution 2025
├── blog-kpis.html          # Blog: 7 Essential Software KPIs
├── blog-tiktok.html        # Blog: TikTok Ads Strategy
├── privacy.html            # Legal: Privacy Policy
├── terms.html              # Legal: Terms of Service
├── cookies.html            # Legal: Cookie Policy
├── css/
│   └── style.css           # Core Design System & Styles
├── js/
│   └── main.js             # Interactive Components & Language Logic
├── assets/                 # Optimized Images & Icons
└── README.md

🛠 Tech Stack

  • HTML5 — Semantic structure with SEO-friendly meta tags.
  • CSS3 — Custom properties, CSS Grid/Flexbox, and keyframe animations.
  • Vanilla JavaScript — Custom language toggle, Intersection Observer for reveals, and slider logic.
  • Google Fonts — Outfit (Headings) + Inter (Body) + Cairo (Arabic support).
  • Font Awesome 6 — Modern icon set via CDN.

📦 Deployment

Rapid Setup (GitHub Pages)

  1. Push this directory to a GitHub repository.
  2. Go to Settings → Pages.
  3. Select the main branch and / (root) folder (or the appropriate subdirectory).
  4. Save and your site will be live within minutes.

[!TIP]
The .nojekyll file is included to ensure GitHub Pages correctly handles all static assets.

🎨 Design System

  • Primary Teal: #31a5a1
  • Dark Background: #0a0a0f
  • Accent Blue: #3b9ef5
  • Accent Purple: #7c3aed
  • Typography: Responsive scales for headings and body text.

📝 Credits & License

This project is a design created for educational and portfolio demonstration. Built with precision and care for the digital agency aesthetic.

← Back to All Projects Discuss This Project →