Images by Olofsson

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

More

At

Imagesbyolofsson.se

Features

Modern design with minimalist aesthetics and focus on imagery. Advanced animations including wave effects, 3D scroll transforms, and smoke particles. Fully responsive across all devices with optimized performance.

Quick Start

Prerequisites

Node.js 18.0 or higher

Installation

git clone https://github.com/Images-by-Olofsson/homepage.git
cd homepage
npm install

Development

npm run dev

Build

npm run build
npm run preview

Project Structure

src/
├── assets/
├── components/
│   ├── WaveBackground.astro
│   ├── ThreeDScroll.astro
│   ├── FloatingOrbs.astro
│   └── Welcome.astro
├── layouts/
│   ├── MainLayout.astro
│   └── Layout.astro
├── pages/
│   ├── index.astro
│   ├── portfolio.astro
│   ├── about.astro
│   └── contact.astro
└── styles/
    └── global.css

Technologies

Astro, Tailwind CSS, TypeScript, Exifr

License

MIT License - see LICENSE file for details

Built by Linus Olofsson