byValizada | Premier Tech Agency

A modern, high-performance web application and agency portfolio built with React, TypeScript, and Tailwind CSS v4. The project features advanced UI/UX, responsive design, smooth scroll animations, and enterprise-level functionalities to showcase tech solutions and data analytics expertise.

Read the full usage and deployment guide in 3 languages (AZ, EN, RU) here: INSTRUCTIONS.md

🚀 Key Features

• 3D Interactive Graphics: Powered by Three.js and @react-three/fiber, featuring a dynamic data analytics node network on the home page.
• Premium Animations: Page transitions and scroll-triggered micro-interactions powered by framer-motion.
• Internationalization (i18n): Multi-language support (English, Azerbaijani, Russian) implemented via react-i18next.
• Client Portal: Dedicated login and dashboard interfaces for clients to track active projects, view invoices, and monitor milestones.
• Cost Estimator & Calculator: An interactive multi-step project cost calculator.
• Local CMS (Blog): A clean, modern blog system powered by a dedicated local JSON-based CMS (blogData.ts).
• Firebase Ready: Pre-configured mock functions for Newsletter and Contact forms, ready to be connected to Firebase.
• Custom Live Chat: A floating, responsive live chat UI widget to simulate real-time customer support.
• SEO Optimized: Dynamic meta tags and titles managed efficiently using react-helmet-async.
• Advanced Dark Mode: Built-in seamless toggling between light and dark themes using Tailwind CSS v4 custom variants.

🛠️ Technology Stack

• Core: React 19, TypeScript, Vite
• Routing: React Router DOM v7
• Styling: Tailwind CSS v4
• Icons: Lucide React
• Animations: Framer Motion
• 3D Graphics: Three.js, React Three Fiber, Drei
• Translations: i18next, react-i18next
• SEO: React Helmet Async

📦 Getting Started

1. Clone the repository
2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Build for production:

   npm run build

🌐 Live Environment

Run npm run dev and navigate to http://localhost:5173 to interact with the full experience, including the 3D canvas and the client portal.

---

© 2026 byValizada. All rights reserved.