xLineDesignWeb

A modern, responsive architecture portfolio website built with Next.js

📖 Table of Contents

• About

• Features

• Tech Stack

• Getting Started

  • Prerequisites
  • Installation
  • Running Locally
  • Building for Production

• Environment Variables

• Project Structure

• Deployment

• Contributing

• License

• Contact

---

🏗️ About

xLineDesignWeb is a clean, performant architecture website showcasing projects, company information, and design philosophy. It leverages Next.js’s latest features for fast server-rendered pages, image optimization, and SEO out of the box.

---

✨ Features

• Responsive Design – Mobile-first layouts that adapt seamlessly to all screen sizes
• Server-Side Rendering – Blazing fast initial page loads and excellent SEO
• Image Optimization – Built-in Next.js <Image> component for automatic resizing & lazy loading
• Dynamic Routing – Clean URL structure for project detail pages
• CMS-Ready – Easy integration with headless CMS or Markdown content
• Dark & Light Mode – Toggle between themes with system preference detection
• Accessibility – Follows WCAG standards for keyboard navigation & screen readers
• Animations – Subtle scroll and hover effects (e.g. Framer Motion)

---

🛠️ Tech Stack

• Framework: Next.js
• Language: TypeScript / JavaScript
• Styling: Tailwind CSS
• Components: React, ShadCN UI (optional)
• Animation: Framer Motion
• Linting & Formatting: ESLint, Prettier
• Hosting: Vercel (recommended)

---

🚀 Getting Started

Prerequisites

• Node.js v16 or higher
• npm v8 or higher (or Yarn v1.22+)

Installation

1. Clone the repo

   git clone https://github.com/vladimirbalaur18/xLineDesignWeb.git
   cd xLineDesignWeb