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
Configured the app as a Progressive Web App (PWA) by installing and integrating `vite-plugin-pwa`. This includes setting up a manifest file, adding necessary meta tags to `index.html`, and copying the logo to PWA icon assets.
X-Lovable-Edit-ID: edt-3493df6c-b8ff-442d-b00a-257c1772a508
Refactored cart flow to remove inline contact fields and open a Quote Request dialog from the cart. Added a dedicated contact form dialog, integrated label component, and kept existing item handling. Updated ProductCard add button hover behavior to fix mobile double-tap issue.
X-Lovable-Edit-ID: edt-9c434a09-7a78-415d-a686-c6c0f2f5d58e
Changed the background and highlight colors for the shop by category section to a dark grey (zinc-700) to match the rest of the site's theme. This includes updating the gradient and active states for category items.
X-Lovable-Edit-ID: edt-bb867460-4318-42ad-b397-f4379166efaf
Replaced the "Email Us" button with a modal form for requesting custom quotes. This includes a new `QuoteRequestForm` component and updates to the index page to integrate it.
X-Lovable-Edit-ID: edt-e7fa4794-23a9-4845-804f-d800ba4efb30
Replaced hero container from bg-contain to bg-cover to ensure the hero image displays correctly full-width with proper aspect ratio, using the existing heroBg asset.
X-Lovable-Edit-ID: edt-d3cbe1cb-111a-46ed-97a3-ccd2e8549438
