update

.idea/workspace.xml

@@ -1,10 +1,15 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="ChangeListManager">
-    <list default="true" id="bb7b50a5-be9c-4cd7-a05b-979f0e91b173" name="Changes" comment="ui : change the position of header in Hero Section">
+    <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$/app/context/ThemeContext.jsx" beforeDir="false" afterPath="$PROJECT_DIR$/app/context/ThemeContext.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/HeroSection.jsx" beforeDir="false" afterPath="$PROJECT_DIR$/components/HeroSection.jsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/data/content.js" beforeDir="false" afterPath="$PROJECT_DIR$/data/content.js" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/public/images/machine-slide-0.png" beforeDir="false" afterPath="$PROJECT_DIR$/public/images/machine-slide-0.png" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/public/images/machine-slide-2.png" beforeDir="false" afterPath="$PROJECT_DIR$/public/images/machine-slide-2.png" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/public/images/machine-slide-222.png" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/public/video/company-intro-placeholder.mp4" beforeDir="false" afterPath="$PROJECT_DIR$/public/video/company-intro-placeholder.mp4" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -87,7 +92,7 @@
       <workItem from="1785583517424" duration="145000" />
       <workItem from="1785645096071" duration="26000" />
       <workItem from="1785646314677" duration="16621000" />
-      <workItem from="1785730130350" duration="3691000" />
+      <workItem from="1785730130350" duration="7877000" />
     </task>
     <task id="LOCAL-00001" summary="update">
       <option name="closed" value="true" />
@@ -161,15 +166,23 @@
       <option name="project" value="LOCAL" />
       <updated>1785733806431</updated>
     </task>
-    <option name="localTasksCounter" value="10" />
+    <task id="LOCAL-00010" summary="update">
+      <option name="closed" value="true" />
+      <created>1785735982915</created>
+      <option name="number" value="00010" />
+      <option name="presentableId" value="LOCAL-00010" />
+      <option name="project" value="LOCAL" />
+      <updated>1785735982915</updated>
+    </task>
+    <option name="localTasksCounter" value="11" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
     <option name="version" value="3" />
   </component>
   <component name="VcsManagerConfiguration">
-    <MESSAGE value="update" />
     <MESSAGE value="ui : change the position of header in Hero Section" />
-    <option name="LAST_COMMIT_MESSAGE" value="ui : change the position of header in Hero Section" />
+    <MESSAGE value="update" />
+    <option name="LAST_COMMIT_MESSAGE" value="update" />
   </component>
 </project>

app/page.jsx

@@ -13,40 +13,35 @@ import Footer from '@/components/Footer';
 import CartDrawer from '@/components/CartDrawer';
 import ChatWidget from '@/components/ChatWidget';
 
-// چیدمان کامل صفحه اصلی. ترتیب سکشن‌ها از بالا به پایین:
+
-// هیرو (اسلایدر) -> ویترین محصولات (اسکرول افقی + ویدیو) -> مشتریان ما ->
-// مزایا -> درباره ما -> کاتالوگ -> مکان‌های نصب -> ویدیوی معرفی -> نقشه ->
-// فرم تیکت -> فوتر. همه‌ی سکشن‌ها به‌جز هیرو و ویترین محصولات، رنگ زمینه‌شان
-// به‌ترتیب بین سه تن روشن/متوسط/برجسته (bg-page / bg-surface / bg-elevated)
-// می‌چرخد تا هنگام اسکرول یک تغییر رنگ ظریف حس شود.
 export default function HomePage() {
     return (
         <main className="relative bg-page">
-      <Header />
+            <Header/>
-      <CartDrawer />
+            <CartDrawer/>
-      <ChatWidget />
+            <ChatWidget/>
 
-      <HeroSection />
+            <HeroSection/>
 
-      <HorizontalShowcase />
+            <HorizontalShowcase/>
 
-      <TrustedBySection />
+            <TrustedBySection/>
 
-      <FeaturesSection />
+            <FeaturesSection/>
 
-      <AboutSection />
+            <AboutSection/>
 
-      <CatalogSection />
+            <CatalogSection/>
 
-      <LocationsSection />
+            <LocationsSection/>
 
-      <IntroVideoSection />
+            <IntroVideoSection/>
 
-      <MapSection />
+            <MapSection/>
 
-      <TicketForm />
+            <TicketForm/>
 
-      <Footer />
+            <Footer/>
         </main>
     );
 }

components/HeroSection.jsx

@@ -131,14 +131,14 @@ export default function HeroSection() {
                 aria-label="previous slide"
                 className="hidden sm:flex absolute top-1/2 -translate-y-1/2 start-4 z-20 w-11 h-11 rounded-full bg-page-70 border border-subtle items-center justify-center text-primary hover:bg-brand hover:text-ink-950 transition-colors"
             >
-                <LeftOutlined/>
+                <RightOutlined/>
             </button>
             <button
                 onClick={() => handleManualNav('next')}
                 aria-label="next slide"
                 className="hidden sm:flex absolute top-1/2 -translate-y-1/2 end-4 z-20 w-11 h-11 rounded-full bg-page-70 border border-subtle items-center justify-center text-primary hover:bg-brand hover:text-ink-950 transition-colors"
             >
-                <RightOutlined/>
+                <LeftOutlined/>
             </button>
 
             {/* نقطه‌های شمارشگر اسلاید پایین صفحه — کلیک روی هرکدام مستقیم به همان اسلاید می‌رود */}

data/content.js

@@ -667,12 +667,12 @@ export const content = {
 
 // Locale-independent asset config (positions/paths only — same in both languages).
 export const floatingSnacks = [
-    {id: 'chips-1', image: '/images/snacks/item-1.png', size: 76, top: '18%', left: '8%', duration: 5.5, delay: 0},
+    {id: 'chips-1', image: '/images/snacks/item-1.png', size: 125, top: '5%', left: '-5%', duration: 5.5, delay: 0},
-    {id: 'soda-1', image: '/images/snacks/item-2.png', size: 64, top: '68%', left: '12%', duration: 6.2, delay: 0.6},
+    {id: 'soda-1', image: '/images/snacks/item-2.png', size: 85, top: '68%', left: '2%', duration: 6.2, delay: 0.6},
-    {id: 'chips-2', image: '/images/snacks/item-3.png', size: 58, top: '22%', left: '85%', duration: 4.8, delay: 0.3},
+    {id: 'chips-2', image: '/images/snacks/item-3.png', size: 95, top: '10%', left: '85%', duration: 4.8, delay: 0.3},
-    {id: 'soda-2', image: '/images/snacks/item-4.png', size: 70, top: '72%', left: '88%', duration: 5.9, delay: 0.9},
+    {id: 'soda-2', image: '/images/snacks/item-4.png', size: 105, top: '72%', left: '88%', duration: 5.9, delay: 0.9},
-    {id: 'chips-3', image: '/images/snacks/item-5.png', size: 48, top: '42%', left: '90%', duration: 6.6, delay: 1.2},
+    {id: 'chips-3', image: '/images/snacks/item-5.png', size: 90, top: '42%', left: '90%', duration: 6.6, delay: 1.2},
-    {id: 'soda-3', image: '/images/snacks/item-6.png', size: 52, top: '46%', left: '4%', duration: 5.1, delay: 1.5},
+    {id: 'soda-3', image: '/images/snacks/item-6.png', size: 95, top: '46%', left: '-4%', duration: 5.1, delay: 1.5},
 ];
 
 export const showcaseVideoSrc = '/video/showcase-placeholder.mp4';