import React, { useState, useEffect } from "react"; import WhatsAppButton from "./components/WhatsAppButton"; import BrandsCarousel from "./components/BrandsCarousel"; import { Link, useLocation } from "react-router-dom"; import { createPageUrl } from "@/utils"; import { ShoppingCart, Menu, X, Search, Phone, Mail, Zap, User } from "lucide-react"; import { Button } from "@/components/ui/button"; import { Badge } from "@/components/ui/badge"; import { Input } from "@/components/ui/input"; import { base44 } from "@/api/base44Client"; export default function Layout({ children }) { const location = useLocation(); const [isMenuOpen, setIsMenuOpen] = useState(false); const [cartCount, setCartCount] = useState(0); const [searchQuery, setSearchQuery] = useState(""); useEffect(() => { const cart = JSON.parse(localStorage.getItem('cart') || '[]'); setCartCount(cart.reduce((sum, item) => sum + item.quantity, 0)); const handleCartUpdate = () => { const updatedCart = JSON.parse(localStorage.getItem('cart') || '[]'); setCartCount(updatedCart.reduce((sum, item) => sum + item.quantity, 0)); }; window.addEventListener('cartUpdated', handleCartUpdate); return () => window.removeEventListener('cartUpdated', handleCartUpdate); }, []); const handleSearch = (e) => { e.preventDefault(); if (searchQuery.trim()) { window.location.href = createPageUrl("Catalog") + `?search=${encodeURIComponent(searchQuery)}`; } }; return (

{/* Top Bar */}

(11) 9.3005-9847 glauco@strieme.com.br

Entrega para região da Grande São Paulo

{/* Main Header */}

{/* Logo */}