←

aligned-tech.com

The website of Aligned Tech, an IT and AI consultancy in Lebanon: services, in-house products, careers and a blog fed by the company's own back office, an AI assistant you can type or talk to, and SEO built in from the first commit.

aligned-tech.com

Aligning innovation with your business.

The website of Aligned Tech, an IT and AI consultancy in Lebanon: services, in-house products, careers and a blog fed by the company's own back office, an AI assistant you can type or talk to, and SEO built in from the first commit.

live · Company site · React · Vite · AI assistant · SEO

  • 84 / 123Commits, mine of the total
  • 8Knowledge files behind the assistant
  • 6Serverless API routes
  • 2025 → 2026Built, then redesigned

Lead designer and developer

I designed and built the site end to end and wrote most of its code, with Ahmad Sharara and Layth Ayache contributing. It started as a marketing site and grew into the public face of the company's whole system: the blog, case studies, careers and every contact message flow through the same back office that runs Aligned Tech.

  • Brand language, wireframes and the August 2026 redesign
  • Every page: home, services and a page per service, products, about, careers, blog and contact
  • The AI assistant: knowledge-grounded chat with a voice mode
  • Content and leads wired to the company back office
  • SEO, prerendering and performance
  • The deploy pipeline to the company's cPanel host

One visitor, one system

The site is not a brochure next to the business. Everything a visitor does lands in the same back office the team works in.

  1. 1Lands on a prerendered page
  2. 2Reads a service or a case study
  3. 3Asks the assistant, by text or voice
  4. 4Sends a message or a CV
  5. 5Lands in the back office
  6. 6The team replies

What it does

  1. 01

    Services, one page each

    IT support, cloud, AI and automation, web and mobile, digital transformation, email, bot building, WhatsApp services and remote apps, each with capabilities, FAQs and related services.

  2. 02

    Products

    The in-house products, Hader, AliniA and AlignDesk, each presented with its own deck and link out.

  3. 03

    AI assistant

    A chat assistant grounded in eight knowledge files about the company, its services, products, case studies, clients, team and FAQs, streaming its answers as it writes them.

  4. 04

    Talk to it

    A voice mode: live speech-to-text in the browser and spoken replies in a choice of voices.

  5. 05

    Blog, case studies, careers

    Written and published from the company back office, the same system that runs Aligned Tech's clients, contracts and tickets.

  6. 06

    Contact and careers forms

    General enquiries and job applications with a CV, delivered straight into the back office inbox.

  7. 07

    Google reviews

    Live reviews from the Google listing in an auto-scrolling testimonials marquee.

  8. 08

    A landing page for Qatar

    A separate AI and chatbot landing page served on qatar.aligned-tech.com.

How it was built

  1. React and Vite, prerendered

    A React app with per-page titles, descriptions, canonical links, Open Graph and JSON-LD. After the build, a headless Chrome script visits every static route and saves the real HTML, so crawlers see each page's own tags, and the app only hydrates when the saved file matches the URL.

  2. The assistant

    A serverless function loads the knowledge files and calls OpenAI, streaming over server-sent events, rate limited per IP and locked to the site's own origins. Voice uses short-lived Deepgram grant tokens, so the master key never reaches the browser, and OpenAI text-to-speech for the replies.

  3. Wired to the back office

    The blog, case studies and careers are read at runtime from the Aligned ERP API, and the contact form posts into its website-messages inbox, so the marketing team never touches the code to publish.

  4. SEO and speed

    An on-page SEO audit implemented in full, 301 redirects, a sitemap, robots rules that keep tracking parameters out of the index, render-blocking fonts removed, WebP images, HSTS, and listing data trimmed to what each page renders.

  5. Measured

    A small GA4 wrapper with standard events for leads, call, WhatsApp and email clicks and CV uploads, plus Google Ads and Microsoft Clarity, none of which can ever break the page.

  6. Deploys by push

    The host blocks the inbound FTP and SSH that CI runners need, so a push to main builds the site in GitHub Actions, publishes it to a deploy repository, and a cPanel cron pulls it into the web root every five minutes.

Stack

Frontend
React 19, Vite, React Router, react-helmet-async, Lucide icons.
API
Serverless functions for chat, text-to-speech, voice tokens, leads, contact and reviews.
AI
OpenAI chat and gpt-4o-mini-tts, Deepgram live transcription.
Content
Aligned ERP API for blog, case studies, careers and messages.
Build
Puppeteer prerender, Vitest and Testing Library, ESLint.
Hosting
cPanel, fed by GitHub Actions through a deploy repository.