Hero issue fixes and visual changes

apps/landing/pages/index.vue

@@ -8,17 +8,20 @@
     <main>
       <HeroSection :data="site.sections.hero" />
       <section class="relative overflow-hidden py-16 md:py-24">
-        <div class="-ml-[5%] w-[110%] -rotate-2 bg-volt py-4 text-ink md:py-5">
+        <div class="w-[110%] -translate-x-[5%] -rotate-2 bg-volt py-4 text-ink md:py-5 rtl:translate-x-[5%]">
           <SiteMarquee
             :items="site.sections.marquee.items"
-            :duration="22"
-            class-name="font-display text-xl font-bold md:text-3xl"
+            :duration="26"
+            class-name="font-display text-xl font-bold tracking-[-0.01em] md:text-3xl"
             item-class-name="mx-4 md:mx-6"
             separator-class-name="text-ink/50"
           />
         </div>
       </section>
-      <ManifestoSection :data="site.sections.manifesto" />
+      <ManifestoSection
+        :data="site.sections.manifesto"
+        :intro="{ body: site.sections.hero.body, cta: site.sections.hero.cta }"
+      />
       <ServicesSection :data="site.sections.services" />
       <WorkSection :data="site.sections.work" />
       <ProcessSection :data="site.sections.process" />
@@ -46,4 +49,10 @@ const { data: site } = await useAsyncData("public-site", () => fetchPublicSite()
 });
 const homePage = computed(() => site.value?.pages?.find((p: any) => p.key === "home"));
 applyPageSeo(homePage.value?.seo);
+
+const loaderTitle = useState("intro-loader-title", () => "هوش‌افزار منتک");
+watchEffect(() => {
+  const hero = site.value?.sections?.hero as { loaderTitle?: string } | undefined;
+  if (hero?.loaderTitle) loaderTitle.value = hero.loaderTitle;
+});
 </script>