Lumière Studio — Premium Photography Portfolio

Filosofi & Visi

Lumière Studio diciptakan dengan satu visi utama: Menjembatani kemewahan karya seni fotografi ke dalam dimensi digital. Kami percaya bahwa portofolio seorang fotografer bukan sekadar kumpulan gambar, melainkan sebuah narasi visual yang harus dirasakan kemewahannya sejak detik pertama halaman dimuat. Project ini hadir sebagai solusi bagi fotografer profesional yang menginginkan representasi digital kelas dunia dengan estetika yang bersih, tipografi yang elegan, dan performa yang tanpa kompromi.

Kelebihan Utama (Unique Advantages)

• Ultra-Premium Aesthetics (Tailwind CSS v4): Menggunakan teknologi styling terbaru dengan palet warna Custom OKLCH (Ink, Ivory, & Champagne Gold) yang memberikan kedalaman visual yang tidak bisa dicapai oleh template standar.

• Performance-Driven Architecture: Dibangun di atas Vite dan TanStack SPA, memastikan perpindahan halaman terjadi seketika (Instant-Load) tanpa reload, memberikan pengalaman pengguna yang sangat mulus.

• Local SEO & Schema.org Integrated: Dilengkapi dengan JSON-LD khusus PhotographyStudio yang membantu mesin pencari (Google) mengenali bisnis Anda secara spesifik di wilayah lokal, meningkatkan visibilitas di Google Maps dan pencarian lokal.

• Dynamic Motion & Micro-interactions: Implementasi Scroll Reveal dan Smooth Transitions yang memberikan kesan hidup pada setiap elemen, menciptakan nuansa "Luxe" yang interaktif bagi pengunjung.

Penjelasan Sistem Management (Developer/Admin-Friendly)

Sebagai developer, Anda akan dimanjakan dengan struktur kode yang sangat modular:

• Modular Content Configuration: Seluruh konten dikelola melalui file konfigurasi yang terpusat, memudahkan update data tanpa menyentuh logika core.

• Image Optimization Pipeline: Sistem aset yang terorganisir dengan dukungan format web modern untuk memastikan gambar resolusi tinggi tetap ringan dimuat.

• Theme Token System: Pengaturan branding yang tersentralisasi dalam CSS Variables, memungkinkan rebranding total hanya dalam hitungan detik.

• Route-Based Metadata: Pengaturan SEO Meta Tags yang spesifik untuk setiap rute melalui TanStack Router.

Penjelasan Fitur Pengguna (User Experience)

• Premium Visual Gallery: Grid portofolio interaktif yang mendukung berbagai kategori fotografi dengan efek hover yang sinematik.

• Seamless Navigation: Menu navigasi yang elegan dan responsif, dirancang untuk memberikan fokus penuh pada konten visual.

• Mobile-First Design: Pengalaman browsing yang sempurna di perangkat mobile.

• Direct Interaction Call-to-Action: Tombol "Booking Sesi" yang strategis dan integrasi kontak yang memudahkan konversi.

Cara Penggunaan Fitur Utama

1. Update Portofolio: Masukkan aset foto terbaik Anda ke dalam direktori public/images/ dan sesuaikan data rute.

2. Konfigurasi Branding: Ubah nilai variabel warna di src/styles.css untuk menyesuaikan identitas studio Anda.

3. Setup SEO Lokal: Perbarui data Schema.org di src/routes/index.tsx dengan kontak studio Anda.