Collector's Gallery - Luxury Crystal & Jewelry Store

Overview

Collector's Gallery is a sophisticated React-based web application for a premium crystal and jewelry store located in Sausalito, California. The site features a modern, responsive design with elegant animations and interactive elements that enhance the luxury shopping experience.

Features

• Dynamic Theme Switching: Light and dark mode support with smooth transitions
• Responsive Design: Fully responsive layout optimized for all device sizes
• Interactive UI Elements:
  • Animated buttons with ripple effects
  • Hover animations on product cards
  • Smooth scrolling and transitions
• Video Showcase: Autoplay product videos highlighting store collections
• Location Integration: Direct Google Maps navigation to the store
• Premium Styling:
  • Custom fonts (Alex Ani Glot, CG Times)
  • Premium brand logo integration
  • Glassmorphism effects
  • Crystal-themed animations

Tech Stack

• React 18
• TypeScript
• SCSS Modules
• Vite
• Lucide React Icons

Getting Started

Prerequisites

• Node.js (v16 or higher)
• npm or yarn

Installation

1. Clone the repository

git clone https://github.com/sultan18kh/collectors_gallery_landing.git