Added direct frontend webhook integration for quote requests:
- Implemented webhookService with payload validation, UUIDs, and timeout handling.
- Wired CartDrawer to send quote payload on submission via sendQuoteWebhook.
- Implemented success and error feedback, and cart state updates on submission.
X-Lovable-Edit-ID: edt-9797c523-1ba8-48c4-883f-8520aae38388
Updated ProductCard to improve touch targets and reliability on mobile:
- Enlarged icon button to 8x8 and added touch-manipulation marker
- Prevent default to avoid unintended navigation and stop propagation
- Reworked secondary “Add” button for better tap target with increased height
- Added consistent touch handling on both primary and secondary add actions
X-Lovable-Edit-ID: edt-6d0f6d7f-affd-4355-a4a7-268a1359bb59
Changed PWA metadata to reflect new brand:
- index.html: updated author to Q - PORTAL and apple mobile app title to Q - PORTAL
- vite.config.ts: updated manifest name to "Q - PORTAL | Industrial Supplies" and short_name to "Q - PORTAL"
X-Lovable-Edit-ID: edt-d4f54ef2-4af8-431f-af5f-4ab94c190d3c
Converted FeaturedProducts from grid to a looping carousel using the existing carousel components. Displayed 8 featured items with badge styling, added Add to Quote action, and preserved View All Products CTA. Removed ProductCard grid usage.
X-Lovable-Edit-ID: edt-3345101d-8a05-4d9c-8266-0674e521ac5f
Replaced the homepage hero image with the new banner asset (src/assets/hero-banner.png) and wired the index page to display it.
X-Lovable-Edit-ID: edt-337f8c71-9816-4061-9e60-956a715c166d
Removed the Why Choose Westscott section and replaced with a responsive grid of mining partner logos in the Trusted by Major Mining Operations area. Added new asset imports, prepared logos for display, and updated the Index page layout to show logos in a 2-4 column grid.
X-Lovable-Edit-ID: edt-21600240-961f-42bb-97a1-a245f1871241
Removed overlay text and buttons from the hero, keeping a simple, clean full-width image with updated container sizing and background color to match the header styling.
X-Lovable-Edit-ID: edt-8794c78f-f45d-4f0f-af5d-81ba28d31298
Converted category display to CategoryCards with visual icons and links to filtered /products, added FeaturedProducts teaser, WhyWestscott narrative, and integrated into story-first homepage. Updated both CategoryCards, FeaturedProducts, WhyWestscott, and index wiring to support new layout.
X-Lovable-Edit-ID: edt-ea78f170-7688-4b17-bbf0-26af34b2bbce
Updated Products page to use orientation-aware mobile detection, showing mobile filter and search controls on tablets in portrait, and adjusted layout breakpoints to rely on isMobile for rendering. Replaced md:hidden logic with useIsMobile in products view, added responsive header size, and aligned grid/sidebars for mobile-friendly experience.
X-Lovable-Edit-ID: edt-ad4e6369-f963-499e-b5fe-b26496effc9c
Implemented orientation-aware mobile detection and adjusted mobile bottom nav:
- Added useIsMobile hook with portrait+width logic and orientation/resize listeners.
- Updated MobileBottomNav to render only on mobile via hook and removed md:hidden behavior.
- Kept desktop layout for landscape/tablets while enabling portrait tablets to use mobile bottom navigation.
X-Lovable-Edit-ID: edt-c679e4a6-21e3-4b78-a806-0022cd9e911f
Adjusted MobileBottomNav text colors for better readability on dark background:
- Inactive text now white with 70% opacity
- Active text remains brand-yellow for contrast
X-Lovable-Edit-ID: edt-67f0c787-7888-4c7a-922f-13caffdd6ce3
Updated CartDrawer to be mobile-friendly: added router navigation, kept cart accessible with a close button, and added Home/Products quick actions inside the cart drawer for easier back navigation when open. Also wired open-cart event listener and ensured consistency with mobile bottom nav.
X-Lovable-Edit-ID: edt-b497871b-79ee-4bec-9d5a-3fa2aa8b2e3f
Set MobileBottomNav background to grey (bg-zinc-700) to match header and adjust text colors to stay visible on hover, ensuring active state remains highlighted.
X-Lovable-Edit-ID: edt-6718f3b9-6c06-4872-85a5-716faeba5487
Adjusted App layout to ensure footer renders on mobile, removed fixed pb on container, added bottom padding to main, and preserved footer at mobile with spacing. Updated App.tsx to display footer and integrate with mobile bottom navigation without white gaps.
X-Lovable-Edit-ID: edt-f1f94988-906f-423f-83d7-0fc243f31799
Updated mobile/cart UX by:
- Making cart sheet content have bottom padding on mobile so it doesn't cover the bottom nav
- Changing footer to match header color (grey) by using zinc-700 background and removing extra inner bg
- Simplifying footer container styling to align with new color scheme
X-Lovable-Edit-ID: edt-2a6c6c67-a805-417e-9872-5fbdbdb21da4
Implemented a new MobileBottomNav component, integrated into App with padding adjustments, and enabled cart access via a bottom nav button. Updated CartDrawer to listen for open-cart events. Refined Footer to accept custom className. Updated Products page to support mobile full-screen product view with a mobile filter sheet. Also wired up mobile bottom nav to trigger cart drawer and adjusted layout padding accordingly.
X-Lovable-Edit-ID: edt-21bfcd61-e800-4ace-9973-66d0ac4860a5
Replaced the current hero-banner.png with the uploaded Untitled_design-8.png to reflect the new branding on the homepage hero. Overwrote src/assets/hero-banner.png accordingly.
X-Lovable-Edit-ID: edt-6823a8c6-350a-49da-b0a4-dbb146209112
Added a smooth scroll button on the hero to jump to the shop section, introducing a shopRef and scrollToShop handler, and rendering a "Shop Now" button with a down arrow. Updated hero container to accommodate the interactive element and linked the shop section via ref. Also imported ChevronDown icon.
X-Lovable-Edit-ID: edt-4ecb2895-9db5-4ce5-965c-7a392d1a1021
- Added stylized 16:9 OG image at public/og-image.png using brand logo and colors
- Updated index.html: set og:image and twitter:image to /og-image.png; updated twitter/site to @QPortal
X-Lovable-Edit-ID: edt-1c364b37-6a83-4d32-bb29-0ce625507504
- Replaced favicon icon with simplified Q logo (public/favicon.png)
- Updated HTML to reference new PNG favicon in index.html (link rel="icon")
X-Lovable-Edit-ID: edt-90147a21-561a-4e2f-9e56-3c7d89d4517c
Swapped header logo to new PNG asset and integrated into Header component. Replaced inline Wrench icon with logo.png, and updated imports accordingly. Also added new logo to public/assets via PWA icon updates.
X-Lovable-Edit-ID: edt-3635eb6e-ee4d-4710-a7ea-33d47d846d6d
Reduced CTA section padding, typography, and button spacing on mobile for the Need a Custom Quote? section; maintained existing layout on larger screens.
X-Lovable-Edit-ID: edt-3f95874a-dd1f-4978-9896-b7093712fd56
