I'll help you build BekasKita, a modern marketplace for university students. This is a multi-page project, so let me start by generating design inspiration and then systematically build each page.

Now I have the design inspiration and understand the codebase structure. Let me update the globals.css with a fresh green/teal theme for BekasKita, then build the components systematically.

Now let me create the mock data and shared components, then build the landing page:

Now let me create the landing page with hero section, categories, featured products, and sustainability section:

Now let me create the product listing page with search and filters:

Now let me create the product detail page with image gallery, seller info, and contact button:

Now let me create the sell/add product page:

Now let me create the login and registration pages:

Now let me create the user dashboard with listed items and transaction history:

Let me also update the layout.tsx to add the background class to the html tag:

I've built BekasKita, a complete student marketplace web application with all the requested features. Here's what was created:

Core Pages:

• Landing Page - Hero section with sustainability messaging, category cards, featured products, impact stats, and how-it-works section
• Product Listing - Full search and filter system (by category, condition, price range) with sorting options and responsive sidebar
• Product Detail - Image gallery with navigation, seller info card, contact dialog, related products, and safety tips
• Add Product (Sell) - Complete form with image upload, category/condition selection, pricing, and success state
• Login/Register - Clean auth forms with password requirements, Google OAuth button, and university selection
• User Dashboard - Profile overview, stats cards, listings management with edit/delete actions, transaction history, and sustainability impact tracker

Design Features:

• Fresh green/teal color scheme emphasizing sustainability
• Mobile-first responsive design with proper breakpoints
• Card-based layout with subtle shadows and hover effects
• Consistent spacing, rounded corners, and clean typography
• Sustainability messaging throughout (CO2 saved, items reused counters)

I see the detailed requirements now. I need to add several missing features, especially the Chat System which is marked as important. Let me update the app to include:

1. Chat system with inbox and conversations
2. Campus location system for Jabodetabek area
3. More product items (50+)
4. Favorites/wishlist functionality
5. Profile page with BK logo

Now I have a clear picture. Let me update the data file with the full campus location system, 50+ products, and chat data, then update the header with chat icon and create the chat pages.

Now let me update the header to include the chat icon with unread badge:

Now let me create the chat inbox page and chat thread page:

Now let me create the user profile page with the BK logo and update the product card to show campus location:

Now let me update the product card to show campus location and add the wishlist functionality:

Now let me create the wishlist page and update the product listing page to include campus filter:

Now let me update the products listing page to include campus/area filter:

Now let me update the landing page and product detail page to use the new data structure:

I need to update the landing page with the new categories and the product detail page to use campus locations. Let me update them:

Now let me also update the sell page and dashboard to use the new campus system:

I've completed all the major updates. Let me provide a summary of what was added and updated:

Summary of Updates:

I've significantly enhanced the BekasKita marketplace to include all the features from the detailed requirements:

1. Chat System (Complete)

   • Added chat icon with unread badge in the header (desktop and mobile)
   • Created /chat inbox page showing all conversations

   • Created /chat/[id] individual chat thread page with:

     • Product reference card
     • Real-time message input
     • Safety notice for meetups
     • Date grouping for messages
     • Seller info with campus location

2. Campus Location System (Jabodetabek)

   • Added 11 campuses across 5 areas: Bogor (IPB, Unpak), Depok (UI, Gunadarma), Jakarta (UNJ, Binus, Trisakti), Tangerang (UMN, UPH), Bekasi (Ubhara, President University)
   • Products now display campus name and area
   • Filters for area and specific campus on products page

3. 50+ Products

   • 10 Books & Academic items (Calculus, Algorithm, Data Structures, etc.)
   • 15 Electronics (Laptops, phones, accessories)
   • 15 Dorm/Kos Items (furniture, appliances, kitchen items)
   • 10 Student Essentials (bags, stationery, calculators)

4. Wishlist/Favorites

   • Heart button on product cards (toggleable)
   • Dedicated /wishlist page showing saved items

5. Product View Counter

   • Each product now displays view count

6. User Profile Page

   • BK logo in profile avatar
   • Campus affiliation display
   • Stats (items sold/bought, rating, CO2 saved)
   • Account settings with campus selector