Merge version_5_1782057306804 into main

Merge version_5_1782057306804 into main

src/pages/HomePage.tsx

@@ -13,7 +13,8 @@ import TestimonialsSection from './HomePage/sections/Testimonials';
 import FaqSection from './HomePage/sections/Faq';
 import ContactSection from './HomePage/sections/Contact';
 
-export default function HomePage(): React.JSX.Element {
+
+import GallerySection from './HomePage/sections/Gallery';export default function HomePage(): React.JSX.Element {
   return (
 <>
   <HeroSection />
@@ -21,6 +22,7 @@ export default function HomePage(): React.JSX.Element {
   <AboutSection />
 
   <MenuSection />
+      <GallerySection />
 
   <MetricsSection />
 

src/pages/HomePage/sections/Gallery.tsx

@@ -0,0 +1,58 @@
+import Tag from '@/components/ui/Tag';
+import TextAnimation from '@/components/ui/TextAnimation';
+import ScrollReveal from '@/components/ui/ScrollReveal';
+import ImageOrVideo from '@/components/ui/ImageOrVideo';
+
+export default function GallerySection() {
+  const items = [
+    { title: 'Lounge', description: 'Atmosphere', imageSrc: 'https://picsum.photos/seed/941768599/1200/800' },
+    { title: 'Cocktails', description: 'Crafted Drinks', imageSrc: 'https://picsum.photos/seed/811986076/1200/800' },
+    { title: 'Sashimi', description: 'Premium Cuts', imageSrc: 'https://picsum.photos/seed/1414489418/1200/800' },
+    { title: 'Culinary Art', description: 'Signature Dishes', imageSrc: 'https://picsum.photos/seed/2023772028/1200/800' },
+    { title: 'Nightlife', description: 'Vibrant Energy', imageSrc: 'https://picsum.photos/seed/1022554545/1200/800' },
+    { title: 'VIP Experience', description: 'Exclusive Events', imageSrc: 'https://picsum.photos/seed/1483343788/1200/800' },
+    { title: 'Music', description: 'Live Entertainment', imageSrc: 'https://picsum.photos/seed/46738565/1200/800' },
+    { title: 'Memories', description: 'Unforgettable Nights', imageSrc: 'https://picsum.photos/seed/1712717507/1200/800' },
+  ];
+
+  return (
+    <div data-webild-section="gallery" id="gallery">
+      <section className="relative w-full py-24 bg-background">
+        <div className="w-content-width mx-auto">
+          <div className="flex flex-col items-center text-center mb-16">
+            <ScrollReveal variant="fade">
+              <Tag text="GALLERY" className="mb-4" />
+            </ScrollReveal>
+            <TextAnimation
+              text="Instagram Highlights"
+              variant="fade-blur"
+              tag="h2"
+              className="text-4xl md:text-5xl font-bold text-foreground mb-6"
+              gradientText={false}
+            />
+            <ScrollReveal variant="fade" delay={0.1}>
+              <p className="text-lg text-accent max-w-2xl mx-auto">
+                A glimpse into the Samurai Lounge experience.
+              </p>
+            </ScrollReveal>
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
+            {items.map((item, index) => (
+              <ScrollReveal variant="fade" key={index} delay={index * 0.1} className="group relative aspect-square overflow-hidden rounded-lg card">
+                <ImageOrVideo
+                  imageSrc={item.imageSrc}
+                  className="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"
+                />
+                <div className="absolute inset-0 bg-black/60 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-6">
+                  <h3 className="text-xl font-bold text-white mb-1">{item.title}</h3>
+                  <p className="text-sm text-white/80">{item.description}</p>
+                </div>
+              </ScrollReveal>
+            ))}
+          </div>
+        </div>
+      </section>
+    </div>
+  );
+}

src/pages/HomePage/sections/Hero.tsx

@@ -10,7 +10,7 @@ export default function HeroSection(): React.JSX.Element {
         secondaryButton={{"text":"Book a Table","href":"#contact"}}
         title="Samurai Lounge"
         description="A premium dining experience blending authentic Japanese flavors with a dramatic, sophisticated lounge atmosphere."
-        imageSrc="https://images.unsplash.com/photo-1579871494447-9811cf80d66c?auto=format&fit=crop&q=80"
+        imageSrc="https://storage.googleapis.com/webild/users/user_3F5PItF8mVUPJEz4dJLJUNjFXrw/uploaded-1782057042336-ay41qzja.jpg"
         primaryButton={{"href":"#menu","text":"Explore Menu"}}
         tag="JAPANESE FUSION & LOUNGE"
       />

src/pages/HomePage/sections/Menu.tsx

@@ -10,19 +10,11 @@ export default function MenuSection(): React.JSX.Element {
     <div id="menu" data-section="menu">
         <SectionErrorBoundary name="menu">
               <FeaturesRevealCardsBento
-          tag="SIGNATURE OFFERINGS"
-          title="Our Culinary Journey"
-          description="Explore curated dishes designed to tantalize the senses."
-          items={[
-            { title: "Sashimi Deluxe", description: "Freshly sourced, premium grade fish.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-seaweed-dish_23-2150912658.jpg" },
-            { title: "Handcrafted Cocktails", description: "Expertly mixed by master bartenders.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/whisky-glass-fresh-apple-juice-garnished-with-apple-pieces-straw_140725-496.jpg" },
-            { title: "Lounge Atmosphere", description: "A refined space for every occasion.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797720.jpg" },
-            { title: "Tempura Selection", description: "Light, airy, and perfectly fried.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/salmon-sushi-top-view_140725-1007.jpg" },
-            { title: "Authentic Ramen", description: "Slow-cooked broth and handmade noodles.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-ramen-bowl_23-2148678741.jpg" },
-            { title: "Charcoal Yakitori", description: "Traditional fire-grilled delicacies.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-juicy-steak-flaming-with-fire-smoke-grill-hand-professional-chef-turning-steak-concept-culinary-restaurant-food-kitchen_651396-3912.jpg" },
-            { title: "Omakase Experience", description: "A bespoke seasonal journey.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-decorating-fish_23-2147753654.jpg" }
-          ]}
-        />
+        tag="SIGNATURE OFFERINGS"
+        title="Our Culinary Journey"
+        description="Explore curated dishes designed to tantalize the senses."
+        items={[{"description":"Freshly sourced, premium grade fish.","title":"Sashimi Deluxe","href":"#","imageSrc":"https://images.unsplash.com/photo-1579871494447-9811cf80d66c?q=80&w=2000&auto=format&fit=crop"},{"href":"#","imageSrc":"https://images.unsplash.com/photo-1514362545857-3bc16c4c7d1b?q=80&w=2000&auto=format&fit=crop","description":"Expertly mixed by master bartenders.","title":"Handcrafted Cocktails"},{"href":"#","imageSrc":"https://images.unsplash.com/photo-1560624052-449f5ddf0c31?q=80&w=2000&auto=format&fit=crop","description":"A refined space for every occasion.","title":"Lounge Atmosphere"},{"href":"#","imageSrc":"https://images.unsplash.com/photo-1615361200141-f45040f367be?q=80&w=2000&auto=format&fit=crop","title":"Tempura Selection","description":"Light, airy, and perfectly fried."},{"href":"#","imageSrc":"https://images.unsplash.com/photo-1557872943-16a5ac26437e?q=80&w=2000&auto=format&fit=crop","title":"Authentic Ramen","description":"Slow-cooked broth and handmade noodles."},{"title":"Charcoal Yakitori","description":"Traditional fire-grilled delicacies.","href":"#","imageSrc":"https://images.unsplash.com/photo-1555939594-58d7cb561ad1?q=80&w=2000&auto=format&fit=crop"},{"href":"#","imageSrc":"https://images.unsplash.com/photo-1553621042-f6e147245754?q=80&w=2000&auto=format&fit=crop","description":"A bespoke seasonal journey.","title":"Omakase Experience"}]}
+      />
         </SectionErrorBoundary>
       </div>
   );

src/pages/HomePage/sections/Team.tsx

@@ -10,15 +10,11 @@ export default function TeamSection(): React.JSX.Element {
     <div id="team" data-section="team">
         <SectionErrorBoundary name="team">
               <TeamOverlayCards
-          tag="THE ARTISANS"
-          title="Meet Our Visionaries"
-          description="A team dedicated to culinary excellence."
-          members={[
-            { name: "Hiroshi Tanaka", role: "Head Chef", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-elderly-man-recording-recipe-step-by-step-hoe-kitchen-retired-blogger-chef-influencer-using-internet-technology-communicating-shooting-blogging-social-media-with-digital-equipment_482257-14457.jpg" },
-            { name: "Elena Varma", role: "Lead Mixologist", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-cocktail-shaker_23-2147775858.jpg" },
-            { name: "Kenji Sato", role: "General Manager", imageSrc: "http://img.b2bpic.net/free-photo/man-with-notebook-using-smartphone_23-2147793066.jpg" }
-          ]}
-        />
+        tag="THE ARTISANS"
+        title="Meet Our Visionaries"
+        description="A team dedicated to culinary excellence."
+        members={[{"imageSrc":"https://images.unsplash.com/photo-1583394838336-acd977736f90?q=80&w=2000&auto=format&fit=crop","name":"Hiroshi Tanaka","role":"Head Chef"},{"imageSrc":"https://images.unsplash.com/photo-1536935338788-846bb9981813?q=80&w=2000&auto=format&fit=crop","name":"Elena Varma","role":"Lead Mixologist"},{"imageSrc":"https://images.unsplash.com/photo-1560250097-0b93528c311a?q=80&w=2000&auto=format&fit=crop","name":"Kenji Sato","role":"General Manager"}]}
+      />
         </SectionErrorBoundary>
       </div>
   );