Add new site content, gallery components and brand assets

src/components/FeaturedGallery.jsx

@@ -16,6 +16,16 @@ export default function FeaturedGallery({ gallery }) {
     return () => window.removeEventListener('resize', check);
   }, []);
 
+  // Auto-advance card every 4 seconds
+  React.useEffect(() => {
+    if (!galleryData.length) return;
+    const timer = setInterval(() => {
+      setActiveGalleryIndex((prev) => (prev + 1) % galleryData.length);
+    }, 4000);
+
+    return () => clearInterval(timer);
+  }, [activeGalleryIndex, galleryData.length]);
+
   return (
     <section id="featured-gallery" style={{ padding: isMobile ? '4rem 1.25rem' : '6rem 8%', background: '#020710', position: 'relative' }}>
       <div style={{ marginBottom: '3.5rem', position: 'relative', zIndex: 10 }}>
@@ -259,16 +269,28 @@ function ResponsiveGalleryWrapper({ galleryData, activeIdx, setActiveIdx }) {
                   position: 'relative',
                   overflow: 'hidden'
                 }}>
-                  <motion.div 
-                    style={{
-                      height: '100%',
-                      backgroundColor: '#ffaa00',
-                      borderRadius: '1px'
-                    }}
-                    initial={{ width: 0 }}
-                    animate={{ width: isActive ? '60%' : '15%' }}
-                    transition={{ duration: 0.5 }}
-                  />
+                  {isActive ? (
+                    <motion.div 
+                      key={`active-bar-${activeIdx}`}
+                      style={{
+                        height: '100%',
+                        backgroundColor: '#ffaa00',
+                        borderRadius: '1px'
+                      }}
+                      initial={{ width: '0%' }}
+                      animate={{ width: '100%' }}
+                      transition={{ duration: 4, ease: 'linear' }}
+                    />
+                  ) : (
+                    <div 
+                      style={{
+                        height: '100%',
+                        width: '0%',
+                        backgroundColor: '#ffaa00',
+                        borderRadius: '1px'
+                      }}
+                    />
+                  )}
                 </div>
 
                 <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', minHeight: '24px' }}>