const { useState, useEffect, useRef } = React; // Smoke Effect Component const SmokeEffect = () => { const [particles, setParticles] = useState([]); useEffect(() => { console.log('Smoke effect initialized'); // Create initial particles const initialParticles = Array.from({ length: 20 }, (_, i) => ({ id: i, x: Math.random() * window.innerWidth, y: window.innerHeight + 50, size: Math.random() * 40 + 30, opacity: Math.random() * 0.6 + 0.2, speed: Math.random() * 3 + 1, drift: (Math.random() - 0.5) * 3 })); setParticles(initialParticles); // Animation loop const animateParticles = () => { setParticles(prevParticles => prevParticles.map(particle => { let newY = particle.y - particle.speed; let newX = particle.x + particle.drift; let newOpacity = particle.opacity; // Reset particle when it goes off screen if (newY < -100) { newY = window.innerHeight + 50; newX = Math.random() * window.innerWidth; newOpacity = Math.random() * 0.6 + 0.2; } // Fade out as it rises if (newY < window.innerHeight * 0.6) { newOpacity = newOpacity * 0.992; } return { ...particle, x: newX, y: newY, opacity: Math.max(0, newOpacity) }; }) ); }; const interval = setInterval(animateParticles, 50); return () => clearInterval(interval); }, []); return (
{particles.map(particle => (
))}
); }; // Mock Framer Motion const motion = new Proxy({}, { get: (target, prop) => { return ({ children, initial, animate, transition, whileHover, whileInView, viewport, ...props }) => { return React.createElement(prop, props, children); }; } }); const useInView = (ref, options) => true; // Shared Navigation Component const Navigation = () => { console.log('Navigation component loaded - should show: Menu, Catering, Visit, Jobs, Contact, Order Now'); const [scrolled, setScrolled] = useState(false); const [mobileMenuOpen, setMobileMenuOpen] = useState(false); const [isMobile, setIsMobile] = useState(false); useEffect(() => { const handleScroll = () => setScrolled(window.scrollY > 50); const handleResize = () => { setIsMobile(window.innerWidth <= 768); if (window.innerWidth > 768) setMobileMenuOpen(false); }; handleResize(); window.addEventListener('scroll', handleScroll); window.addEventListener('resize', handleResize); return () => { window.removeEventListener('scroll', handleScroll); window.removeEventListener('resize', handleResize); }; }, []); const navLinkStyle = { color: 'var(--charcoal)', textDecoration: 'none', fontSize: '1rem', fontWeight: '500', transition: 'color 0.2s', cursor: 'pointer' }; const buttonStyle = { display: 'inline-block', padding: '0.875rem 2rem', borderRadius: '8px', textDecoration: 'none', fontWeight: '600', fontSize: '1rem', transition: 'all 0.3s ease', cursor: 'pointer', border: 'none', letterSpacing: '0.02em' }; return ( ); }; // Footer Component const Footer = () => { const footerLinkStyle = { color: 'rgba(245, 241, 232, 0.7)', textDecoration: 'none', transition: 'color 0.2s', cursor: 'pointer' }; return ( ); }; // Visit Page const VisitPage = () => { const [isMobile, setIsMobile] = React.useState(false); React.useEffect(() => { const handleResize = () => setIsMobile(window.innerWidth <= 768); handleResize(); window.addEventListener('resize', handleResize); return () => window.removeEventListener('resize', handleResize); }, []); const buttonStyle = { display: 'inline-block', padding: '0.875rem 2rem', borderRadius: '8px', textDecoration: 'none', fontWeight: '600', fontSize: '1rem', transition: 'all 0.3s ease', cursor: 'pointer', border: 'none', letterSpacing: '0.02em' }; return (
Visit Us

Come Say Hello

We're located in the heart of Denver, serving up authentic Southern BBQ daily. Stop by and taste the tradition!

{/* Left Column - Hours & Address */}
Address
2100 South University Boulevard
Denver, CO 80210
Hours
Monday – Thursday 11:00 AM – 9:00 PM
Friday – Saturday 11:00 AM – 10:00 PM
Sunday 11:00 AM – 8:00 PM
Get Directions →
{/* Right Column - Parking & Accessibility */}
{/* Parking */}
Parking

Easy Access, Free Parking

  • ✓ Free parking lot behind the restaurant
  • ✓ Street parking available along University Boulevard
  • ✓ Designated accessible parking spaces near the entrance
{/* Accessibility */}
Accessibility

Everyone's Welcome

  • ♿ Wheelchair-accessible entrance and dining area
  • ♿ ADA-compliant restrooms
  • ♿ Service animals welcome
  • ♿ Large-print menus available on request

Need special accommodations? Call us at (720) 484-6035 and we'll make sure your visit is comfortable.

Planning a Large Group?

We can accommodate parties of all sizes! Contact us in advance to make arrangements for your group.

Contact Us
); }; const root = ReactDOM.createRoot(document.getElementById('root')); root.render();