Nike NeoFlow 🔮👟

Nike NeoFlow is a futuristic, AI-driven e-commerce concept that reimagines the digital shopping experience for athletic gear. It combines immersive 3D visuals, AI-powered personalization, and a strong focus on sustainability.

✨ Key Features

• Futuristic UI/UX: A sleek, dark-mode "Neo-Futurist" aesthetic with glassmorphism, glowing gradients, and smooth Framer Motion animations.
• AI Style Assistant: An interactive quiz and sidebar that recommends products based on your style, workout habits, and sustainability goals.
• "Zero Overlap" Layout: A robust, responsive layout engine designed to maintain perfect spacing and visual hierarchy on all screen sizes.
• Sustainability First: Dedicated sections and metrics handling eco-impact data (recycled materials, carbon footprint).
• Dynamic Shop: A fully functional product grid with category filtering and detailed product pages.
• Interactive Workouts: Integration between fitness goals and product recommendations.

🛠️ Tech Stack

• Framework: Next.js 14 (App Router)
• Language: TypeScript
• Styling: Tailwind CSS
• Animations: Framer Motion
• Icons: Lucide React

🚀 Getting Started

1. Clone the repository:

   git clone https://github.com/silvia730/FUTURE_FS_03.git
   cd Nike_NeoFlow

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Open your browser: Navigate to http://localhost:3000 to view the application.

📂 Project Structure

• app/: Next.js App Router pages and layouts.
• components/: Reusable UI components (Navbar, Hero, Product Cards).
• lib/: Utility functions and mock data.
• public/: Static assets (images, fonts).

🤝 Contribution

This is a concept project. Feel free to fork and experiment with the code!

---

Designed for the Future of Sport.