From 0e450684c6e8e946d09000de799b003638883b1a Mon Sep 17 00:00:00 2001
From: Bastian Masanek <bastian.masanek@experimenta.science>
Date: Tue, 4 Nov 2025 14:57:40 +0100
Subject: [PATCH] Enhance Product Page with Improved Icon Integration and UI
 Elements

- Added ArrowLeftIcon and ShoppingCartIcon from 'lucide-vue-next' for better visual representation in the product page.
- Updated the "Add to Cart" button to include an icon, enhancing user experience and clarity.
- Improved navigation link with an icon for a more cohesive design.
---
 app/pages/products/[id].vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/pages/products/[id].vue b/app/pages/products/[id].vue
index 0727c3c..e770a22 100644
--- a/app/pages/products/[id].vue
+++ b/app/pages/products/[id].vue
@@ -6,7 +6,7 @@
  * Includes functional "Add to Cart" functionality with notifications and cart UI integration.
  */
 
-import { ArrowLeft, CheckCircle, Loader2 } from 'lucide-vue-next'
+import { ArrowLeft, ArrowLeftIcon, CheckCircle, ChevronLeftIcon, Loader2, ShoppingCartIcon } from 'lucide-vue-next'
 import { toast } from 'vue-sonner'
 
 // Page metadata
@@ -208,6 +208,7 @@ const handleAddToCart = async () => {
             <!-- Action Buttons -->
             <div class="flex flex-col gap-4 sm:flex-row">
               <NuxtLink to="/products" class="btn-secondary flex-1 text-center">
+                <ArrowLeftIcon class="w-5 h-5 mr-2 inline-block" />
                 Weitere Produkte ansehen
               </NuxtLink>
               <Button variant="experimenta" size="experimenta" class="flex-1 relative"
@@ -218,7 +219,10 @@ const handleAddToCart = async () => {
                 <!-- Button text -->
                 <span v-if="isAddingToCart">Wird hinzugefügt...</span>
                 <span v-else-if="product.stockQuantity === 0">Nicht verfügbar</span>
-                <span v-else>In den Warenkorb</span>
+                <span v-else>
+                  <ShoppingCartIcon class="mr-3 inline-flex" />
+                  In den Warenkorb
+                </span>
               </Button>
 
             </div>