# Images by Olofsson

A modern, responsive photography portfolio website built with Astro, Tailwind CSS, and advanced animations.

[![Live Demo](https://img.shields.io/badge/Live-Demo-brightgreen?style=for-the-badge)](https://imagesbyolofsson.se)
[![Astro](https://img.shields.io/badge/Astro-5.16.7-FF5E01?style=for-the-badge&logo=astro)](https://astro.build)
[![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-4.1.18-06B6D4?style=for-the-badge&logo=tailwindcss)](https://tailwindcss.com)

## Preview

<div align="center">
  <table>
    <tr>
      <td align="center" width="33%">
        <img src="./public/3d-scroll/img1.jpg" width="250" alt="Portfolio Grid"/>
        <br>
        <em>Portfolio Grid</em>
      </td>
      <td align="center" width="33%">
        <img src="./public/3d-scroll/img2.jpg" width="250" alt="3D Scroll Effect"/>
        <br>
        <em>3D Scroll Effect</em>
      </td>
      <td align="center" width="33%">
        <img src="./public/3d-scroll/img3.jpg" width="250" alt="Hero Section"/>
        <br>
        <em>Hero Section</em>
      </td>
    </tr>
  </table>
</div>

<br>

## Features

- **Modern Design** - Minimalist and elegant design with focus on images
- **Advanced Animations** - Wave animations, 3D scroll effects, and smoke particles
- **Fully Responsive** - Perfectly adapted for all devices
- **Blazingly Fast** - Built with Astro for maximum performance
- **Interactive Elements** - Hover effects, smooth transitions, and dynamic backgrounds
- **SEO Optimized** - Semantic HTML and metadata

## Quick Start

### Prerequisites
- Node.js 18.0+ 
- npm or yarn

### Installation

```bash
# Clone the repo
git clone https://github.com/LinusOlofsson-maker/imagesbyolofsson.se.git
cd imagesbyolofsson.se

# Install dependencies
npm install

# Start development server
npm run dev