drhema

# /lib/ecommercelixir_web/components/home/featured_categories_component.ex

defmodule EcommercelixirWeb.Components.Home.FeaturedCategoriesComponent do
  use EcommercelixirWeb, :html

  # Define the featured_categories component
  def featured_categories(assigns) do
    # Ensure assigns is a map
    assigns = if is_list(assigns), do: Map.new(assigns), else: assigns

drhema

import React, { useState } from 'react';
import { Shield, Wind, Paintbrush, Car, ChevronDown, Search, CheckCircle, X, Filter } from 'lucide-react';

const ProtectionPackages = () => {
  const [activeTab, setActiveTab] = useState('all');
  const [searchTerm, setSearchTerm] = useState('');
  const [showFilters, setShowFilters] = useState(false);
  const [selectedBrands, setSelectedBrands] = useState([]);
  const [language, setLanguage] = useState('dual'); // 'en', 'ar', or 'dual'