import React, { useState, useEffect } from 'react';const CountdownTimer = () => {  const [timeLeft, setTimeLeft] = useState({    days: 0,    hours: 0,    minutes: 0,    seconds: 0,  });  useEffect(() => {    const timer = setInterval(() => {      const now = new Date();      const nextSunday = new Date(now);      nextSunday.setUTCDate(now.getUTCDate() + (7 - now.getUTCDay()) % 7);      nextSunday.setUTCHours(19, 0, 0, 0); // Noon PST is 19:00 UTC      if (now > nextSunday) {        nextSunday.setUTCDate(nextSunday.getUTCDate() + 7);      }      const difference = nextSunday.getTime() - now.getTime();      const days = Math.floor(difference / (1000 * 60 * 60 * 24));      const hours = Math.floor((difference / (1000 * 60 * 60)) % 24);      const minutes = Math.floor((difference / 1000 / 60) % 60);      const seconds = Math.floor((difference / 1000) % 60);      setTimeLeft({ days, hours, minutes, seconds });    }, 1000);    return () => clearInterval(timer);  }, []);  return (    <div style={{      fontFamily: 'Arial, sans-serif',      maxWidth: '400px',      margin: '0 auto',      textAlign: 'center',      padding: '20px',      borderRadius: '10px',      backgroundColor: '#f0f0f0',boxShadow: '0 4px 6px rgba(0, 0, 0, 0.1)'    }}>      <h2style={{ color: '#e74c3c', marginBottom: '20px' }}>Boffo Sandwiches Countdown</h2>      <p style={{ fontSize: '18px', marginBottom: '10px' }}>Next sandwich available in:</p>      <div style={{        display: 'flex',        justifyContent: 'space-around',        marginBottom: '20px'      }}>        {Object.entries(timeLeft).map(([unit, value]) => (          <div key={unit} style={{            display: 'flex',            flexDirection: 'column',            alignItems: 'center'          }}>            <span style={{              fontSize: '36px',              fontWeight: 'bold',              color: '#e74c3c'            }}>{value}</span>            <span style={{              fontSize: '14px',              color: '#7f8c8d'            }}>{unit}</span>          </div>        ))}      </div>      <p style={{ fontSize: '16px', color: '#34495e' }}>        Every Sunday at 12:00 PM PST      </p>    </div>  );};export default CountdownTimer;