c15t

# Cookie Consent Banner for EcoTrack Solutions

**We value your privacy**
EcoTrack Solutions uses cookies to enhance your experience and analyze site traffic. By clicking "Accept All", you consent to our use of cookies. [Learn more about how we use cookies](#).

### Your Cookie Choices
- **Strictly Necessary Cookies**: Essential for the website to function (always enabled)
- **Performance Cookies**: Help us understand how you use our site (optional)
- **Targeting Cookies**: Enable personalized advertising (optional)

[Reject All] [Customize] [Accept All]

```jsx
import React, { useState } from 'react';

export const CookieConsentBanner = () => {
  const [showBanner, setShowBanner] = useState(true);

  const handleAccept = () => {
    localStorage.setItem('cookieConsent', 'accepted');
    setShowBanner(false);
  };

  const handleReject = () => {
    localStorage.setItem('cookieConsent', 'rejected');
    setShowBanner(false);
  };

  if (!showBanner) return null;

  return (
    <div className="fixed bottom-4 left-4 bg-white p-6 rounded-lg shadow-lg max-w-sm z-50 border">
      <h3 className="font-semibold mb-2">We value your privacy</h3>
      <p className="text-sm text-gray-600 mb-4">
        EcoTrack Solutions uses cookies to enhance your experience and analyze site traffic.
        By clicking "Accept All", you consent to our use of cookies.
        <a href="https://ecotrack.com/privacy" className="text-blue-600 underline">Learn more</a>.
      </p>
      <div className="space-y-2 mb-4">
        <label className="flex items-center">
          <input type="checkbox" defaultChecked disabled className="mr-2" />
          <span className="text-sm">Strictly Necessary Cookies</span>
        </label>
        <label className="flex items-center">
          <input type="checkbox" className="mr-2" />
          <span className="text-sm">Performance Cookies</span>
        </label>
        <label className="flex items-center">
          <input type="checkbox" className="mr-2" />
          <span className="text-sm">Targeting Cookies</span>
        </label>
      </div>
      <div className="flex space-x-2">
        <button onClick={handleReject} className="px-4 py-2 border rounded-md text-sm">Reject All</button>
        <button onClick={handleAccept} className="px-4 py-2 bg-blue-600 text-white rounded-md text-sm">Accept All</button>
      </div>
    </div>
  );
};
```