Y-Axis - Premium Eyewear Brand

Overview

Y-Axis is a premium eyewear brand website showcasing luxury, handcrafted eyewear collections. The website offers a sleek, modern interface highlighting the brand's exclusive products, company philosophy, and testimonials from retail partners.

"We don't just design eyewear — we shape how people see and are seen. Every piece carries intention, and every detail speaks quietly of quality." - Mateo L. Ortega, Founder & Creative Director

Features

• Product Showcase - Elegant display of exclusive eyewear collections with detailed descriptions
• Responsive Design - Fully responsive layout that works seamlessly across all devices
• Interactive Elements - Smooth scrolling, dynamic navigation, and interactive product carousels
• Testimonials Section - Featuring feedback from retail partners and clients
• Modern UI/UX - Clean, minimalist design emphasizing the luxury brand aesthetic

Technologies Used

• React - Frontend library for building the user interface
• Vite - Next-generation frontend tooling for faster development
• Tailwind CSS - Utility-first CSS framework for styling
• Shadcn UI - Modern React component library
• Swiper - Modern mobile touch slider for product and testimonial carousels
• Wouter - Tiny router for modern web applications
• Iconify - Comprehensive icon library integration

Installation

# Clone the repository
git clone https://github.com/vandriodd/y-axis.git

# Navigate to project directory
cd y-axis

# Install dependencies
pnpm install

# Start development server
pnpm dev

Project Structure

y-axis/
├── public/           # Static assets and images
├── src/
│   ├── components/   # Reusable UI components
│   ├── assets/       # Project assets
│   ├── data/         # Data files
│   ├── hooks/        # Custom React hooks
│   ├── App.jsx       # Main application component
│   ├── index.css     # Global styles
│   └── main.jsx      # Application entry point
├── index.html        # HTML template
├── package.json      # Project dependencies and scripts
└── README.md         # Project documentation

Design Philosophy

Y-Axis eyewear embodies quiet luxury and intentional design. Each piece is handcrafted in small batches using premium materials, with a focus on timeless style rather than following trends.

---

Created with precision and care, just like our eyewear.