A modern, multilingual website for Tiber365, an IT services company specializing in Microsoft 365 support, networking solutions, web hosting, and custom IT projects for freelancers and small businesses.

🚀 Features

Modern Design: Clean, responsive design with dark/light mode support
Multilingual: Support for English, Dutch, and Italian
Performance: Built with Astro for optimal performance and SEO
Responsive: Mobile-first design that works on all devices
Accessibility: WCAG compliant with proper semantic HTML
SEO Optimized: Meta tags, Open Graph, structured data, and more
Security: Content Security Policy headers and secure configurations

🛠️ Tech Stack

Framework: Astro 4.0
Styling: Tailwind CSS
Internationalization: astro-i18next
Fonts: Inter & Poppins (Google Fonts)
Icons: Heroicons SVGs

📄 Pages

Homepage: Hero section, services overview, testimonials, CTA
Services: Detailed service descriptions and features
About: Company story, values, team information
Contact: Contact form and company information
404: Custom error page with helpful navigation

🏗️ Project Structure

/
├── public/              # Static assets
│   ├── favicon.svg      # Site favicon
│   ├── manifest.json    # Web app manifest
│   └── robots.txt       # Search engine instructions
├── src/
│   ├── components/      # Reusable components
│   │   ├── Header.astro
│   │   ├── Hero.astro
│   │   ├── Services.astro
│   │   ├── Testimonials.astro
│   │   ├── CTA.astro
│   │   ├── Footer.astro
│   │   ├── ContactForm.astro
│   │   ├── ThemeToggle.astro
│   │   └── LanguageSwitcher.astro
│   ├── layouts/         # Page layouts
│   │   └── BaseLayout.astro
│   ├── pages/           # File-based routing
│   │   ├── index.astro  # Homepage
│   │   ├── services.astro
│   │   ├── about.astro
│   │   ├── contact.astro
│   │   └── 404.astro
│   ├── locales/         # Translation files
│   │   ├── en.json
│   │   ├── nl.json
│   │   └── it.json
│   ├── styles/          # Global styles
│   │   └── global.css
│   ├── utils/           # Utility functions
│   │   ├── theme.ts
│   │   └── animations.ts
│   └── site.config.ts   # Site configuration
├── astro.config.mjs     # Astro configuration
├── tailwind.config.mjs  # Tailwind configuration
└── package.json

🚀 Getting Started

Prerequisites

Node.js 18+
npm or yarn

Installation

Clone the repository:

git clone <repository-url>
cd tiber365

Install dependencies:

npm install

Start the development server:

npm run dev

Open your browser and visit http://localhost:4321

Build for Production

# Build the site
npm run build

# Preview the build
npm run preview

🌐 Internationalization

The website supports three languages:

English (default) - /
Dutch - /nl/
Italian - /it/

Translation files are located in src/locales/ and can be easily extended or modified.

🎨 Customization

Colors & Theming

Colors are defined in CSS custom properties in src/styles/global.css and can be easily customized. The site supports both light and dark themes with automatic system preference detection.

Content

Site configuration: Edit src/site.config.ts
Translations: Edit files in src/locales/
Services: Update the SERVICES array in src/site.config.ts
Testimonials: Update the TESTIMONIALS array in src/site.config.ts

Styling

The site uses Tailwind CSS with custom utility classes defined in src/styles/global.css. Component-specific styles are included in the respective .astro files.

📞 Contact Information

For any questions about this website or Tiber365 services:

Email: info@tiber365.it
Phone: +39 123 456 7890
Website: https://tiber365.it
Blog: https://blog.tiber365.it
Support: https://support.tiber365.it

📝 License

This project is proprietary software developed for Tiber365.

Built with ❤️ using Astro