update

.idea/workspace.xml

@@ -3,7 +3,9 @@
   <component name="ChangeListManager">
     <list default="true" id="bb7b50a5-be9c-4cd7-a05b-979f0e91b173" name="Changes" comment="update">
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/components/VendingCard.jsx" beforeDir="false" afterPath="$PROJECT_DIR$/components/VendingCard.jsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/app/page.jsx" beforeDir="false" afterPath="$PROJECT_DIR$/app/page.jsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/components/FloatingItems.jsx" beforeDir="false" afterPath="$PROJECT_DIR$/components/FloatingItems.jsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/package.json" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -208,7 +210,15 @@
       <option name="project" value="LOCAL" />
       <updated>1785754086526</updated>
     </task>
-    <option name="localTasksCounter" value="16" />
+    <task id="LOCAL-00016" summary="update">
+      <option name="closed" value="true" />
+      <created>1785754201946</created>
+      <option name="number" value="00016" />
+      <option name="presentableId" value="LOCAL-00016" />
+      <option name="project" value="LOCAL" />
+      <updated>1785754201946</updated>
+    </task>
+    <option name="localTasksCounter" value="17" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">

app/page.jsx

@@ -39,9 +39,9 @@ export default function HomePage() {
 
             <IntroVideoSection/>
 
-            {/*<MapSection/>*/}
+            <MapSection/>
 
-            {/*<TicketForm/>*/}
+            <TicketForm/>
 
             <Footer/>
         </main>

components/FloatingItems.jsx

@@ -2,56 +2,56 @@
 
 // رندر آیتم‌های شناور (چیپس/نوشابه) دور دستگاه با حرکت تصادفی و ملایم GSAP.
 
-import { useEffect, useRef } from 'react';
-import { gsap } from 'gsap';
+import {useEffect, useRef} from 'react';
+import {gsap} from 'gsap';
 
 /**
  * Renders the centralized `floatingSnacks` config as absolutely-positioned
  * images and gives each one a gentle, randomized floating drift via GSAP.
  * Positions/sizes/images all come from data/content.js — edit there only.
  */
-export default function FloatingItems({ items }) {
-  const containerRef = useRef(null);
+export default function FloatingItems({items}) {
+    const containerRef = useRef(null);
 
-  useEffect(() => {
-    const nodes = containerRef.current?.querySelectorAll('[data-float-item]');
-    if (!nodes) return;
+    useEffect(() => {
+        const nodes = containerRef.current?.querySelectorAll('[data-float-item]');
+        if (!nodes) return;
 
-    const tweens = Array.from(nodes).map((node, i) => {
-      const drift = 14 + Math.random() * 14;
-      const rotate = 4 + Math.random() * 6;
-      return gsap.to(node, {
-        y: `+=${drift}`,
-        rotate: i % 2 === 0 ? rotate : -rotate,
-        duration: 3.5 + Math.random() * 2.5,
-        ease: 'sine.inOut',
-        yoyo: true,
-        repeat: -1,
-        delay: Math.random() * 1.5,
-      });
-    });
+        const tweens = Array.from(nodes).map((node, i) => {
+            const drift = 14 + Math.random() * 14;
+            const rotate = 4 + Math.random() * 6;
+            return gsap.to(node, {
+                y: `+=${drift}`,
+                rotate: i % 2 === 0 ? rotate : -rotate,
+                duration: 3.5 + Math.random() * 2.5,
+                ease: 'sine.inOut',
+                yoyo: true,
+                repeat: -1,
+                delay: Math.random() * 1.5,
+            });
+        });
 
-    return () => tweens.forEach((t) => t.kill());
-  }, [items]);
+        return () => tweens.forEach((t) => t.kill());
+    }, [items]);
 
-  return (
-    <div ref={containerRef} className="absolute inset-0 pointer-events-none">
-      {items.map((item) => (
-        <img
-          key={item.id}
-          data-float-item
-          src={item.image}
-          alt=""
-          aria-hidden="true"
-          className="absolute drop-shadow-[0_8px_20px_rgba(0,0,0,0.35)]"
-          style={{
-            top: item.top,
-            left: item.left,
-            width: item.size,
-            height: 'auto',
-          }}
-        />
-      ))}
-    </div>
-  );
+    return (
+        <div ref={containerRef} className="absolute inset-0 pointer-events-none hidden md:block">
+            {items.map((item) => (
+                <img
+                    key={item.id}
+                    data-float-item
+                    src={item.image}
+                    alt=""
+                    aria-hidden="true"
+                    className="absolute drop-shadow-[0_8px_20px_rgba(0,0,0,0.35)]"
+                    style={{
+                        top: item.top,
+                        left: item.left,
+                        width: item.size,
+                        height: 'auto',
+                    }}
+                />
+            ))}
+        </div>
+    );
 }

package.json

@@ -3,7 +3,7 @@
   "version": "1.0.0",
   "private": true,
   "scripts": {
-    "dev": "next dev",
+    "dev": "next dev -H 0.0.0.0",
     "build": "next build",
     "start": "next start",
     "lint": "next lint"