From 8ac8cf9c8768c964bcd9aec2af0dc1840791e562 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Thu, 29 Jan 2026 20:00:16 +0000
Subject: [PATCH] Changes

---
 src/components/Header.tsx      | 18 ------------------
 src/components/ProductCard.tsx |  6 +++---
 2 files changed, 3 insertions(+), 21 deletions(-)

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index f9319f6..742c60a 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -18,24 +18,6 @@ export function Header() {
 
   return (
     <header className="sticky top-0 z-50 w-full">
-      {/* Top bar */}
-      <div className="gradient-industrial text-primary-foreground">
-        <div className="container mx-auto px-4 py-2 flex items-center justify-between text-sm">
-          <div className="flex items-center gap-6">
-            <a href="tel:+27123456789" className="flex items-center gap-2 hover:opacity-80 transition-opacity">
-              <Phone className="h-4 w-4" />
-              <span className="hidden sm:inline">+27 12 345 6789</span>
-            </a>
-            <a href="mailto:sales@westscottfasteners.co.za" className="flex items-center gap-2 hover:opacity-80 transition-opacity">
-              <Mail className="h-4 w-4" />
-              <span className="hidden sm:inline">sales@westscottfasteners.co.za</span>
-            </a>
-          </div>
-          <div className="flex items-center gap-4">
-            <span className="hidden md:inline">Request a Quote Today!</span>
-          </div>
-        </div>
-      </div>
 
       {/* Main header */}
       <div className="bg-card border-b shadow-industrial">
diff --git a/src/components/ProductCard.tsx b/src/components/ProductCard.tsx
index 0bad270..f91fec2 100644
--- a/src/components/ProductCard.tsx
+++ b/src/components/ProductCard.tsx
@@ -13,9 +13,9 @@ export function ProductCard({ product }: ProductCardProps) {
 
   return (
     <Card className="card-hover group overflow-hidden border bg-card">
-      <div className="relative aspect-square bg-muted/30 p-4">
+      <div className="relative aspect-[4/3] bg-muted/30 p-3">
         {product.badge && (
-          <span className={`absolute top-3 left-3 z-10 ${
+          <span className={`absolute top-2 left-2 z-10 ${
             product.badge === 'new' ? 'badge-new' : 
             product.badge === 'hot' ? 'badge-hot' : 
             'bg-brand-yellow text-brand-yellow-foreground text-xs font-bold px-2 py-1 rounded'
@@ -31,7 +31,7 @@ export function ProductCard({ product }: ProductCardProps) {
         <div className="absolute inset-0 bg-gradient-to-t from-background/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity" />
         <Button
           size="icon"
-          className="absolute top-3 right-3 opacity-0 group-hover:opacity-100 transition-all transform translate-y-2 group-hover:translate-y-0"
+          className="absolute top-2 right-2 h-8 w-8 opacity-0 group-hover:opacity-100 transition-all transform translate-y-2 group-hover:translate-y-0"
           onClick={() => addItem(product)}
         >
           <Plus className="h-4 w-4" />