I'll build this AI outfit generation app with the dark luxury aesthetic you've described. Since we're in a Next.js environment, I'll create this as a proper React application with components. Let me start by checking the current project structure and then building out the app.

Now I'll install the uuid package for generating unique IDs, and then build out the app with the dark luxury theme and all the features you specified.

Now let me update the layout with the luxury fonts and dark theme, then create all the components:

Now let me add custom animations to the globals.css:

Now let me create the main components. I'll create the app structure with the bottom navigation, AI Gen page, and Gallery page:

Now let me create the main page that ties everything together:

Let me also add a utility class for safe area padding on mobile devices to the globals.css:

Now let me verify the app is working correctly by checking the browser:

The app structure looks great. Let me take a screenshot to verify the visual styling:

Took screenshot

The app looks great with the dark luxury theme! Let me also check the Gallery page and mobile view:

Checked gallery page

Excellent! The Gallery page looks great with the empty state and the gold accent colors. Let me also check the mobile view:

Tested mobile view

The mobile view looks excellent with the beautiful dark luxury theme, gold gradient on the Generate button, and clean layout. The app is fully functional with:

AI Gen Page:

• Person Photo section with single-slot preview and Take/Select Photo buttons
• Outfit Photos section with multi-photo grid support (up to 6 photos)
• Beautiful gold gradient Generate button (disabled until photos are added)
• Smooth animations throughout

Gallery Page:

• Grid/List view toggle with gold active indicator
• Empty state with call-to-action to create first look
• Image viewer modal with download and delete functionality
• Hover overlays with action buttons

Features implemented:

• Dark luxury theme with warm gold accents (#C9A84C) on deep charcoal backgrounds
• Playfair Display serif font for headings, DM Sans for UI
• Smooth entrance animations (fade + slide-up)
• Loading overlay with animated ring spinner and progress bar
• Full-screen result modal with save functionality
• localStorage persistence for gallery images
• Client-side image compression to max 1024px
• Mobile-first responsive design with safe area padding
• Accessibility with proper ARIA labels, focus trapping, and keyboard navigation

I don't see an attached image in your message. Could you please share the design reference image you'd like me to use? Once you provide it, I'll analyze its visual theme, layout structure, and color scheme to update the app's design to match that aesthetic.