An AI-Powered, Digital-First Commerce Engine (Frontend Prototype)
(WHOLE)² is a next-generation marketplace designed to connect elite global brands with modern consumers through an immersive, AI-driven experience. This is a submission for the AMD Slingshot 2026 competition.
Explore the live experience here: (WHOLE)² Live on Render
marketplace/
├── src/
│ ├── App.jsx # Root router with code-splitting
│ ├── index.css # Global design system & animations
│ ├── main.jsx # App entry point
│ ├── assets/ # Visual assets
│ │ ├── animations/ # Lottie JSON exports
│ │ ├── images/ # Curated brand photography
│ │ └── videos/ # Immersive hero backgrounds
│ ├── components/ # Shared UI Library
│ │ ├── header/ # AI-integrated navigation
│ │ ├── footer.jsx # Global footer
│ │ ├── chatbot/ # Customer support AI
│ │ └── ui/ # Base design tokens
│ ├── features/ # Modular Business Logic
│ │ ├── customer-dashboard # Profile, Cart, and Messaging
│ │ └── seller-dashboard # Analytics & AI Growth Assistant
│ └── pages/ # Route-level components
│ ├── Home/ # Cinematic landing page
│ ├── Shop/ # Brand-first discovery
│ └── Support/ # Dynamic FAQ & Help Center
├── vite.config.js # Optimized build config
└── render.yaml # Infrastructure as Code(WHOLE)² isn't just a store, it's a commerce engine. We believe that buying from top-tier brands should be as seamless as talking to a friend. By leveraging AI at every touchpoint—from discovery to growth analytics—we empower both consumers and sellers to achieve more.
- AI Search Widget: A smart, contextual search experience built into the navigation.
- Cinematic Experience: High-fidelity video backgrounds and smooth transitions for a premium feel.
- Regional Discovery: Intelligent filtering for global and local brand recognition.
- AI Growth Assistant: A dedicated companion for sellers to analyze trends and optimize their storefront.
- Unified Analytics: Real-time sales and engagement metrics visualized for clarity.
- Inventory Management: Simplified workflows for managing luxury product listings.
- Support Engine: Automated, 24/7 assistance across Shipping, FAQs, and Seller assistance.
- Live Chat Integration: Seamless connection between brand partners and their customers.
- Framework: React 19 (Vite 7)
- Styling: Vanilla CSS + Tailwind CSS 4.0
- Animations: Lottie React, CSS keyframes, Framer-style transitions
- Routing: React Router 7 (Optimized with
React.lazycode-splitting) - Icons: Lucide React & FontAwesome
- Infrastructure: Render (Static Web Service)
- AMD Hardware Optimization: Optimize AI inference workloads for AMD MI300X accelerators and Ryzen AI NPUs for ultra-low latency marketplace experiences.
- Gemini & Vertex AI: Connect the backend to Vertex AI for production-grade AI insights.
- Real-time Persistence: Integration with MongoDB for live cart and profile syncing.
- Payment Ecosystem: Full Razorpay/Stripe implementation for global transactions.
- Advanced CRM: Intelligent messaging triggers based on user behavior patterns.
This prototype represents a vision for high-performance commerce, submitted to the AMD Slingshot 2026 competition to demonstrate how design-first engineering and AI can redefine the global brand experience.